Этапы реализации дизайнерского проекта
Последовательность действий по разработке web-сайта сводится к следующему, уже частично рассмотренному в предыдущей главе, алгоритму.
- Постановка целей и определение основных задач (изучение существующих в сети сайтов).
- Создание списка будущих тематических разделов (разработка нескольких вариантов построения сайта и согласование «оптимального» варианта).
- Разработка логической и физической структуры ресурса(разработку физической структуру лучше поручить профессиональным программистам).
Необходимо помнить, что и список рубрик, и количество представленных в них материалов, да и содержимое самих документов будут, скорее всего, неоднократно изменяться и дополняться. Какие-то разделы будут со временем удалены за ненадобностью, какие-то, наоборот, добавлены, какие-то Web-страницы станут со временем неактуальными, а какой-то документ, напротив, необходимо будет переработать заново. Логическая и физическая структуры вашего проекта должны отвечать подобным требованиям «мобильности». В дальнейшем не должно возникать ни малейших проблем с организацией или реорганизацией гиперсвязей внутри проекта, если какой-либо составляющий его документ вдруг перестанет существовать. Не должно также появляться необходимости переделывать дизайн всех web-страниц при добавлении в состав проекта новой рубрики только потому, что существующие гиперссылки не позволяют внести такие изменения, а для новой кнопки навигации уже нет места на странице.
- Подготовка эскиза дизайна, компоновки сайта, невидимой верстальной таблицы (можно карандашом на бумаге).
- Подготовка текстовых материалов(текстовые материалы готовятся в текстовом *.txt формате или формате редактора Word *.doc).
- Подготовка графических материалов в векторной форме (Corel-Draw).
- Экспорт векторных рисунков в растровый формат, оптимизация картинок (Adobe Photoshop).
При работе над графикой нужно помнить о возможности использования фоновых рисунков («обоев»), поверх которых располагается текст и графические изображения.
- Создание шаблонов web-страниц.
Поскольку дизайн всех документов, составляющих сайт, выбирается, как правило, практически идентичным, в первую очередь рекомендуется создать так называемый шаблон (шаблоны). Шаблон представляет собой html-документ, содержащий верстальную таблицу, заголовок, все графические объекты, элементы навигации, иными словами, практически все, за исключением непосредственного информационного наполнения. Если впоследствии возникнет необходимость включить в проект новый документ, то будет достаточно открыть в html-редакторе готовый шаблон и импортировать в него текст и все необходимые иллюстрации. Возможно разработать и сохранить на диске несколько различных шаблонов, например, для информационной страницы и для стартовой страницы (индексного файла).
- Сборка web-страниц и отладка кода(создание макета в HTML-редакторе, написание и окончательная отладка кода).
- Проверка идентичности отображения web-страниц с различным экранным разрешением и цветовой палитрой и в различных броузерах.
Контрольные вопросы:
1. Что такое Web-дизайн?
2. Какие продукты создают web-дизайнеры?
3. Какой инструментарий нужен для создания сайтов?
4. Какие возможны структурные схемы построения сайта?
5. Что такое логическая структура сайта?
6. Что определяет физическая структура сайта?
7. Для чего нужна заглавная страница сайта?
8. Каковы достоинства и недостатки динамической и статической компоновок сайтов?
9. Какие элементы web-страниц Вы можете назвать?
10. Каковы этапы реализации дизайнерского проекта?
Как человека можно распознать по обществу, в котором он вращается, так о нем можно судить и по языку, которым он выражается.
Д. Свифт
Глава 8. Основы HTML (Hypertext Markup Language)