Вопрос 2 – Понятие и инструменты Web-дизайна. Web страница: положительные и отрицательные элементы дизайна.

Веб-дизайн (от англ. Web design) — отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений. Веб-дизайнеры проектируют логическую структуру веб-страниц, продумывают наиболее удобные решения подачи информации, а также занимаются художественным оформлением веб-проекта. В результате пересечения двух отраслей человеческой деятельности грамотный веб-дизайнер должен быть знаком с последними веб-технологиями и обладать соответствующими художественными качествами. Большую часть специалистов, работающих в области дизайна, обычно концентрирует в себе такое творческое образование как студия дизайна.

Вот неполный перечень задач, которые веб-дизайнер решает на пути к готовому сайту:

1. Проектирование графического интерфейса.

В Photoshop'е или другом графическом пакете веб-дизайнер создаёт проект будущей веб-страницы. Если предполагается, что различные части сайта должны выглядеть по-разному, потребуется соответствующее количество эскизов. В конце концов картинки должны выглядеть в точности так же, как будущие странички.

2. Создание html-шаблонов.

После того, как эскизы готовы, вам предстоит подготовить шаблоны для будущего веб-сайта, т. е. в одном из HTML-редакторов (о них будет рассказано ниже) сделать уже непосредственно веб-страницы, включающие в себя оптимизированную графику из эскизов и место для текста, который предполагается разместить. Количество таких шаблонов соответствует количеству по-разному выглядящих разделов сайта, которые вы спроектировали в Photoshop'е.

На этом этапе дизайнер должен позаботиться об том, чтобы прототипы страниц одинаково хорошо выглядели во всех браузерах для всех платформ (PC, Macintosh, Unix), указанных в техническом задании, и учесть требования к размеру файлов.

3. Программирование I (клиентская часть).

Как правило, веб-страницы должны быть интерактивными, т. е. содержать элементы интерфейса, реагирующие на действия посетителя, которые не сводятся к щелчкам на ссылках. Чаще всего используются так называемые roll-overs, т. е. изменения внешнего вида элементов страницы, над которыми проходит курсор мыши (пример: кнопка, на которую наведён курсор, сменит цвет). Такого рода функции обеспечиваются за счёт программирования на одном из скриптовых языков (обычно JavaScript) и выполняются на компьютере посетителя страницы. Называются эти скрипты client-side scripts.

4. Внесение контента (содержания).

В готовые шаблоны вносится текст, после чего шаблоны сохраняются с разными именами, соответствующими названиям разделов сайта. Расставляются ссылки на другие ресурсы, при необходимости прописываются метаданные, идентифицирующие документ. До внесения текста желательно подготовить таблицу стилей, описывающих внешний вид заголовков разного уровня и других типичных видов контента. Стоит добавить, что не помешает откорректировать текст сайта хотя бы одной из программ проверки орфографии и грамматики...

5. Программирование II (серверная часть).

Очень часто богатые возможности того или иного сайта обеспечиваются за счёт серверного программирования (server-side scripting). Функции клиентских скриптов очень и очень ограничены, большей частью из соображений безопасности. Серверный скрипт, т. е. скрипт, выполняющийся на сервере провайдера, может работать с базами данных, генерировать динамические страницы, преобразовывать форматы документов и т. д. и т. п. Веб-дизайнер может не быть программистом, но он обязан знать, как подключить к странице серверные скрипты, написанные другими людьми; эта задача входит в построение интерфейса сайта.