3.1.2 Разработка модели web-ресурса

Рассмотрев виды CMS можно сделать вывод, что платные и бесплатные почти не отличаются по функциональным качествам, поэтому предлагается использовать Joomla т.к. она наиболее распространена. К тому же у Joomla имеются почти неограниченные возможности по созданию сайта любой сложности. Но главным преимуществом CMS Joomla всё же остаётся её бесплатность и лёгкость в управлении. 

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

3.1.3 Разработка шаблона

Для большинства страниц сайта будет применен один и тот же шаблон (рисунок 1.9).

#Sloyl 1 (логотип сайта)

#Sloyl 2 (горизонтальное меню, для перемещения по страницам сайта)

#Left (под дополнительную информацию)

#Content (основное наполнение сайта, таблицы, текст, фото)

#Правая часть

# Footer или подвал (адрес, контактная информация, кто осуществляет дизайн, поддержку и развитие сайта)

Рисунок 1.9 – Шаблон страниц сайта

#Sloyl 1 представляет собой логотип сайта (наименование и логотип). Данный слой является стандартным для всех страниц сайта.

#Sloyl 2 представляет собой горизонтальную навигацию со ссылками для перемещения по страницам сайта. Является стандартным для всех страниц сайта.

#Left – список дополненной информации: отзывы и новости.

#Content – для размещения основного текста, данный слой имеет разное содержание на каждой странице (текст, фотографии, таблицы, формы и т.д.).

Правая часть – будет расположена для заказов столиков и вечеринок.

Подвал или #footer – слой под информацию о разработчике. Стандартный слой для всех страниц сайта.

В дизайне сайта описана, используемая цветовая гамма, шрифт и размер слоев.

Для дизайна сайта используется фоновая картинка будет светло – желтой RGB 255,255,153; и четыре основных цвета – коричневый RGB 112,56,0; черный RGB 0,0,0; темно – зеленый RGB 0,128,0. Коричневый используется для надписи в названии экскурсионного бюро. Черный – для написания основной информации (текста). Коричневый цвет является фирменным цветом для ресторана и используется в логотипе, написании названия фирмы темно – зеленый цвет используется также в подзаголовках и ссылках на горизонтальной навигации на страницах сайта.

Для основного текста на страницах сайта используется шрифт Verdana, Arial. Для ссылок в вертикальной навигации (слои #left,) и горизонтальной навигации (слой #sloy2) – 12px. Для форм регистрации и комментариев Times New Romanbold 18px. Для написания заголовков на горизонтальной навигации, на главной странице, на формах используются заголовки второго уровня. Выравнивание – по ширине.

Размеры слоев. Слой #sloy1 – картинка растягивается по всей ширине экрана (100%). Слой #sloy2 располагается по центру, ширина – 100%. Слой #left, занимает 20% ширины страницы, располагается слева. Слой #content, занимает 45% ширины страницы. Слой #rigth – расположение справа, ширина составляет 20%. Слой #footer – растягивается на всю ширину страницы (100%), выравнивание – по центру.