Читайте также:
|
|
Для всех страниц сайта применен следующий шаблон оформления (рис.4).
Рисунок 4 – Шаблон для страниц сайта
Слой #sloy1 представляет собой логотип сайта (наименование и логотип экскурсионного бюро «Махаон» на фоне картинки (2о.jpg)). Данный слой является стандартным для всех страниц сайта.
Слой #sloy2 представляет собой горизонтальную навигацию со ссылками для перемещения по страницам сайта («Главная», «Автобусные туры по Европе», «Туры по России», «Подбор тура»). Является стандартным для всех страниц сайта.
Слой #left – слой с дополнительной вертикальной навигацией с ссылками на другие страницы сайта (список, предлагаемых услуг: Горящие туры; Туристу: «О нас», «Отзывы», «Форум», «Контакты», «Наши награды», «Новости», «Партнеры», «Скидки»,; Курс валют). Стандартный для всех страниц сайта.
Слой #content – слой для размещения основного текста, данный слой имеет разное содержание на каждой странице (текст, фотографии, таблицы, формы и т.д.).
Слой #right – слой с формой входа на сайт, через которую на сайт могут заходить постоянный клиенты и регистрироваться новые, также через эту форму администратор заходит на сайт и редактировать страницы сайта. Также данный слой содержит ссылку на список предлагаемых стран. Является стандартным для всех страниц сайта.
Слой #footer – слой под информацию о разработчике. Стандартный слой для всех страниц сайта.
В дизайне сайта описана, используемая цветовая гамма, шрифт и размер слоев.
Для дизайна сайта используется фоновая картинка 2о.jpg и четыре основных цвета – розовый RGB 250,204,255; белый RGB 253,252,251; красный RGB 255,0,0.; персиковый RGB 255,204,153. Розовый цвет используется для надписи в названии экскурсионного бюро. Белый – для написания основной информации (текста). Розовый цвет является фирменным цветом для данного турагентства и используется в логотипе, написании названия фирмы («Махаон»), темно-синий цвет используется также в подзаголовках и ссылках на горизонтальной навигации на страницах сайта.
Для основного текста на страницах сайта используется шрифт Verdana, Arial, Helvetica. sans-serif. Для ссылок в вертикальной навигации (слои #left,) и горизонтальной навигации (слой #sloy2) – 12px. Для форм регистрации и комментариев Times New Roman bold 18px. Для написания заголовков на горизонтальной навигации, на главной странице, на формах используются заголовки второго уровня. Выравнивание – по ширине.
Размеры слоев. Слой #sloy1 – картинка растягивается по всей ширине экрана (100%), стрейч. Высота (hight) слоя1 – 400px. Слой #sloy2 располагается по центру, высота фиксированная – 25px, ширина – 100%. Слой #left – стрейч, занимает 20% ширины страницы, высота – 700px фиксированная, располагается слева. Слой #content – стрейч, занимает 45% ширины страницы, высота фиксированная – по содержимому слоя. Слой #rigth – расположение справа, высота фиксированная – 500px, ширина – стрейч, составляет 255 px. Слой #footer – растягивается на всю ширину страницы (100%), высота – фиксированная по содержанию слоя, выравнивание – по центру.
Дата добавления: 2015-07-16; просмотров: 49 | Нарушение авторских прав
<== предыдущая страница | | | следующая страница ==> |
Проектная часть | | | Разработка тестового примера |