7.5. Этапы реализации дизайнерского проекта.

Последовательность действий по разработке web-сайта сводится к следующему, уже частично рассмотренному в предыдущей главе, алгоритму:

• Постановка целей и определение основных задач (изучение существующих в сети сайтов).

• Создание списка будущих тематических разделов (разработка нескольких вариантов построения сайта и согласование «оптимального» варианта).

• Разработка логической и физической структуры ресурса (разработку физической структуру лучше поручить профессиональным программистам)

Необходимо помнить, что и список рубрик, и количество представленных в них материалов, да и содержимое самих документов будет, скорее всего, неоднократно изменяться и дополняться. Какие-то разделы будут со временем удалены за ненадобностью, какие-то — наоборот, добавлены, какие-то Web-страницы станут со временем неактуальными, а какой-то документ, напротив, необходимо будет переработать заново. Логическая и физическая структуры вашего проекта должны отвечать подобным требованиям «мобильности». В дальнейшем не должно возникать ни малейших проблем с организацией или реорганизацией гиперсвязей внутри проекта, если какой-либо составляющий его документ вдруг перестанет существовать. Не должно также появляться необходимости переделывать дизайн всех web-страниц при добавлении в состав проекта новой рубрики только потому, что существующие гиперссылки не позволяют внести такие изменения, а для новой кнопки навигации уже нет места на странице.

• Подготовка эскиза дизайна, компоновки сайта, невидимой верстальной таблицы (можно карандашом на бумаге).

• Подготовка текстовых материалов (текстовые материалы готовятся в текстовом *.txt формате или формате редактора Word *.doc).

• Подготовка графических материалов в векторной форме. (Corel-Draw)

• Экспорт векторных рисунков в растровый формат, оптимизация картинок (Adobe Photoshop).

При работе над графикой нужно помнить о возможности использования фоновых рисунков («обоев»), поверх которых располагается текст и графические изображения

• Создание шаблонов web-страниц.

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

• Сборка web-страниц и отладка кода (создание макета в HTML-редакторе, написание и окончательная отладка кода).

• Проверка идентичности отображения web-страниц с различным экранным разрешением и цветовой палитрой и в различных броузерах.