Техническая реализация

Весь процесс создания веб-сайта я разделила на несколько этапов. Это разработка дизайна и подготовка графики, создание навигации, наполнение контента.

Дизайн веб-сайта разрабатывался в программе Photoshop. Для решения выбора цветовой схемы мой выбор пал в пользу оранжевых и нежно-зеленых тонов. Я использовала три основных цвета: оранжевый (#e7834f), белый(#FFFFFF) и нежно-зеленый (#9be28e). Для создания связности и целостности была соблюдена верность одной цветовой схеме.

Были прорисованы кнопки, созданы различные состояния кнопок.

интерфейс пользовательский навигационный сайт

После чего, дизайн веб-страницы был порезан на функциональные куски, которые были оптимизированы и сохранены в папку images, которая, в свою очередь находится в папке site.

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

Для форматирования текста применялись каскадные таблицы стилей. Как наиболее удобочитаемый использовался шрифт «Courier New», темный на светлом фоне (правило контраста).

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

Библиография

1. Нильсен Я. Веб-дизайн: книга Якоба Нильсена – Пер. с англ. – СПб: Символ-Плюс, 2003 -512 с:

2. Леонтьев Б. Web-дизайн: Тонкости, хитрости и секреты. – М.: Познавательная книга плюс, 1999. – 192 с.

3. Кирсанов Д. Веб-дизайн: 2006 г.