Прежде, чем непосредственно приступить к урокам и разобраться, как создавать дизайн страницы сайта в программе Photoshop, пару слов, так сказать, о самой программе и веб-дизайне вообще. То, что Photoshop лучшая программа для того, чтобы создавать дизайн сайта - знают все. Однако сама программа дизайн не создаст. Над этим придется хорошо поработать Вам. Кстати, если Вы создаете веб-сайт сами, то процесс создания графических элементов дизайна сайта, самая интересная и увлекательная часть этой работы.
Дизайн веб-сайта имеет ряд отличий от дизайна, скажем интерьера или ландшафта. Дело в том, что создавая веб-сайт, Вы должны не только создать страницы, которые приятны глазу, то есть создать красивый дизайн, но и создать удобный пользовательский интерфейс, правильно структурировать данные на сайте, ну и решить при этом какие-то бизнесовые вопросы, которые Вы преследуете при создании Вашего веб-сайта.
Дизайн страницы сайта выполняет задачу - притянуть и как можно дольше удержать внимание посетителя. Веб-страница, у которой дизайн выполнен правильно, с эстетичным внешним видом и грамотным подбором цветов, не только приятна глазу, но и способствует укреплению связей с посетителями, обеспечивает повторное обращение к Вашему сайту.
Вот, пожалуй, и все, что хотелось сказать перед тем, как Вы начнете учиться создавать дизайн страницы сайта. Надеюсь, этот раздел поможет Вам не только научиться создавать элементарные элементы графики для сайта в программе Photoshop, но и послужит базой для дальнейшего изучения веб-дизайна.*
1. С чего начинается работа в Фотошопе
3. Создаем файлы для Photoshop
5. Кисти для Фотошопа как инструменты этой программы
6. Как еще можно использовать кисти для Adobe Photoshop
Хотите легко изучить Фотошоп?
11. Редактируем картинки для Фотошопа
12. Как изменить картинку в Фотошопе
14. Макет страницы сайта в Photoshop
15. Раскройка страницы сайта в Photoshop
16. Подбор цвета для WEB страницы
17. Более сложное сочетание цветов WEB
18. Палитра цветов и кое-что еще
19. Дизайн сайта в Photoshop. Форматы изображений
***
Здравствуйте, Очень Старый Кот! Вы, наверное, заметили, что я ваша постоянная читательница и подписчица. Много интересного я для себя нашла на Вашем сайте, но вот один вопрос меня интересует, на который я не могу найти ответ. (Я пребываю в категории чайников, поэтому во многих вопросах плаваю...).
Когда помещаешь интересующую страницу в закладки, ну, в самые обыкновенные, которые в браузере в колонке слева располагаются, то каждый приличный блог или сайт имеет свою «визитку», какое-то изображение. Например, Ваш — мордочку кота. Как это можно сделать, не подскажете?
Заранее Вам благодарна!
Эта картинка называется favicon (favourite icon — любимая картинка). Ее размер, как правило, 16×16 пикселей, формат ico. То есть имя файла-картинки будет: favicon.ico. Сделать можно самому или выбрать на сервисе favicon.fr. Закачайте ее в корень сайта и браузер сам ее найдет при обращении к любой странице вашего сайта и отобразит в адресной строке и в закладках.
Здравствуйте! Спасибо за подсказку, но почему-то у меня не получилось установить favicon. Наверное, я что-то не так сделала? Я скачала с сайта favicon.fr понравившуюся мне иконку в формате .ico, закачала ее в папку www сайта — и ничего... В чем я могла ошибиться?
Фавикон нужно закачать в папку Вашего домена – вашдомен.ru
Все равно не получилось, пришлось в редакторе темы блога прописывать . Только после этого появился в моем блоге favicon.
Но Вам спасибо за то, что подсказали что это такое, где это берут (имею ввиду саму иконку). После этого найти другие подсказки было просто делом техники.
Здравствуйте! У меня есть вопрос: как делать меню на сайте чтобы например Форум чтобы на заднем плане слова Форум было какое-то украшение или форма типа квадрат( я не давно начал изучение HTML тегов точнее три дня назад)?
В редакторе Dreamweaver, для этого достаточно вставить изображение как фоновое, при создании стиля в таблице стилей, через меню Фон — Фоновая картинка.
Огромное спасибо за уроки по фотошопу! Написано так понятно что даже тупой чайник сможет понять как работать в фотошоп! Где ток не рылся в нете не мог найти подобного описания!..
Программа фотошоп конечно стоит того, чтоб ее изучать. Спасибо за уроки! Я с фотошоп дружу, а вот как изменить дизайн своего сайта пока не сильно понимаю.
спасибо за подсказки!! Теперь с фотошопом мы подружимся!))))))