4.2 Разработка макета сайта в графическом редакторе

1. Разработку макета сайта начинаем с того, что создаем карту сайта и даем названия всем будущим страницам и разделам.

Начальная страница 0.0.

index.html

События 1.0 Скидки и акции 2.0 Коллекции 3.0 Контакты 4.0

sobytiya.html akcii.html kollekcii.html akter.html

Из карты видно, что на начальном этапе разработки сайт будет состоять из пяти основных разделов и главной страницы. На данном этапе, все страницы уже имеют свое название в двух вариантах: организационно-числовом и HTML.

После этого в графическом редакторе Corel Draw нами был разработан макет главной страницы сайта (См. приложение10) и макет второстепенных страниц (См. приложение 11).

2. Проектирование интерфейса.

После разработки макетов мы переходим к разработке внешнего оформления сайта. В программе Corel Draw мы создаем цветные макеты главной и второстепенной страницы, предварительно разработав цветовую палитру. (См. приложения 3).

Цвет основного окна

Все страницы сайта выполнены в одном стиле. В «шапке» каждой страницы используется логотип и гипертекстуальное меню..

Навигация.

На сайте представлена основная навигация, располагающаяся в шапке сайта. Она находится на всех страницах в одном и том же месте.

Таким образом, по результатам этой части работы, можно увидеть полный макет будущего сайта. После этого можно приступать к его выполнению в компьютерной программе, позволяющей создавать сайты самой различной сложности – Macromedia Dreamweaver.

4.3 Разработка сайта ювелирного салона "брирайжен"

После того, как нами созданы графические шаблоны, определена цветовая палитра и созданы элементы навигации, мы приступаем к созданию сайта в программе Macromedia Dreamweaver.

Для того что бы создать новый сайт программе Dreamweaver, открываем программу, выбираем формат HTML. Затем в главном меню выбираем вкладку «Сайт» (Site) → «Новый сайт»(New Site) → указываем имя сайта (в данном случае Shut)→ «Далее»(Next)→ указать папку, в которой будет храниться весь сайт→ «Далее»(Next) → «Готово»(Done).

После этого необходимо создать в новом сайте папки: Images, Pages, Text, Tables,....и т.д. Эти папки нужны для того, что бы сохранять в них по ходу создания сайта соответственно файлы с изображениями, htlm- страницами, текстами, таблицами и т.д.

Создаем таблицу, ориентируясь на уже созданные графические макеты сайта.

Помещаем в таблицу заранее подготовленные элементы дизайна, оставляя пустыми ячейку под текст.

Заполняем страницы контентом.

Прописываем ссылки на страницы.

Просматриваем сайт в браузере, нажав клавишу F12.

В итоге, сайт состоит из 5 страниц, связанных друг с другом ссылками. Попасть с одной страницы на другую можно при помощи гипессылок в шапке сайта.

Заключение

Грамотная разработка рекламных коммуникаций создает целостный и привлекательный образ компании на рынке. Фирменный стиль компании - это своеобразная рекламная брошюра. Он обеспечивает качество обратной связи с клиентом. К примеру, специальные аналитические системы, установленные на сайте, представляют возможность проанализировать целевую аудиторию.

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

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

На первом этапе необходимо проанализировать деятельность организации – заказчика. В ходе такого анализа мы изучили деятельность ювелирного салона "Брирайжен", определили этап его жизненного цикла, местоположение и географию сбыта, ассортимент предоставляемых услуг. Мы также определили основных конкурентов данной организации, а затем выявили их существующие сильные и слабые стороны.

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

Далее был сформирован фирменный стиль.

Фирменный стиль является одним из важнейших инструментов в продвижении компании, служит для построения коммуникации с внешним миром, а также призван подчеркивать индивидуальность компании среди конкурентов. Фирменный стиль – это комплекс изобразительных, визуальных, информационных средств для всех видов и форм рекламных материалов. [12]

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

Сам процесс создания сайта - достаточно трудоемкий и требует множества подготовительных этапов. Первый из них – разработка структуры сайта, затем создание макеты основных страниц сайта, подбор цветовой палитры, а затем проектировка графических шаблонов страниц и системы навигации.

В ходе курсовой работы были закреплены теоретические знания и получены новые практические навыки по работе в таких редакторах, как Macrimedia Dreamweaver, Adobe Audition, Adobe Photoshop, Adobe Premier Pro, Corel Draw, UVScreenCamera и Adobe Flash.