51
3.2 Разработка клиентской части сайта
Следующим шагом после написания технического задания, выбора
CMS, хостинга и панели управления, установки CMS – создание макета
сайта. Он представлен в Приложении Б.
В пункте 3.1 мы выбрали CMS Wordpress по ряду причин, после
установки Wordpress мы переходим в выбору темы сайта. Выбор готовой
темы обусловлен более простой настройкой сайта, в дальнейшем
требующейся заказчику. Выбрана тема Onetone в магазине тем Wordpress, у
данной темы есть демо-версия, которая будет использована в нашей
разработке (Рисунок 30).
Рисунок 30 – Выбор темы Wordpress
Далее мы будем редактировать тему на основе макета, созданного
ранее. Так как сайт выполнены в виде landing page, мы будем заполнять и
настраивать каждый блок по очереди.
Для начала отредактируем свойства сайта, где укажем название сайта
и краткое описание, для отображения названия во вкладке браузера
(Рисунок 31).
52
Рисунок 31 – Свойства сайта
Продолжим редактирование, настроим блок «Header», в нем выберем
логотип, установим расположение «Слева». Подключим java скрипт под
названием «Липкий заголовок» для PC, планшетов и мобильных устройств,
для того, чтобы блок «Header» перемещался при прокрутке и к нему был
доступ с любого раздела на сайте. Для блока навигации так же установим
java скрипт «Липкий заголовок» (Рисунок 32). Добавим в блок «Header»
номер телефона предприятия.
53
Рисунок 32 – Подключение Java скрипта «Липкий заголовок»
Далее мы отредактируем блок навигации, выберем расположение,
шрифты и размер текста, к каждому элементу привяжем соответствующий
Достарыңызбен бөлісу: |