3. Настройка и адаптация сайта под предметную область
3.1. Настройка темы и шаблонов
Изначально я выбирал тему будущего сайта. В виду того, что сайт создавался для учебных целей, тема должна была соответствовать следующим требованиям: сайт должен быть чётким, лаконичным, в то же время удобным, современным и позволять компоновать информацию на странице необходимым образом.
Учитывая все эти требования, я решил поступить следующим образом:
Был создан главный файл(шаблон), в котором на постоянной основе с помощью php-запросов подключались такие файлы, как block-header, block-category и block-footer.
Система ищет файлы со специальными именами в папке текущей темы и использует первый подходящий файл шаблона указанный в соответствующем запросе.
За исключением основного шаблона index.php, разработчики тем могут использовать или не использовать файлы шаблонов по желанию. Если не один из искомых шаблонов не подходит, то используется файл index.php (шаблон главной страницы Темы).
3.2. Создание страниц и меню сайта. Наполнение их информацией.
Создание страниц является одной из самых важных и неотъемлемых частей работы по созданию сайта. Редактирование и создание страниц сайта производилось в phpDesigner 8.
Текст для заполнения страниц придумывался самостоятельно.
Страницы были заполнены всевозможной информацией и файлами. Были добавлены фото-файлы.
4. Описание работы сайта предметной области
При запуске сайта пользователь попадает на главную страницу.
Рисунок 2 - Главная страница сайта.
В верхней части сайта располагается логотип компании, окно поиска, в котором пользователь может вводить названия мебели, а также слайдер.
В части «Меню» возможен выбор по категориям. При выборе пункта «Главная» пользователь попадёт на главную страницу(см. рисунок 2). При наведении на пункт «Галерея» появится выпадающее меню, которое имеет следующий вид:
Рисунок 3 – Выпадающее меню.
Далее при выборе какого-либо подпункта запросом из базы данных будет выводиться выбранный пользователем тип мебели:
Рисунок 4 – Страница с выбранной категорией «Шкафы-купе».
Если нажмём на название товара, то оно откроется в полном размере.
Рисунок 5 – Полное описание выбранной мебели
При выборе поля «Заказ» появится следующая информация:
Рисунок 6 - Страница заказа товара.
В окне «Контакты» выводится информация о способе связи с компанией.
Рисунок 7 – Страница «Контакты».
В левой части сайта находится блок с категориями выпускаемой продукции.
Рисунок 8 – Категории выпускаемой продукции
Плагин “Social Share Buttons”.
Этот плагин добавляет иконки социальных сетей в конце статей. С помощью этих иконок, можно поделиться информацией с сайта практически в любой из социальных сетей: Facebook, Google Buzz, Google Plus, LiveJournal, Mail.ru, Одноклассники, Twitter, Вконтакте, Яндекс.
В настройках плагина изменил позицию кнопок социальных сетей по горизонтали и вертикали на наиболее рациональную с моей точки зрения.
Рисунок 9 – плагин “Social Share Buttons”
Заключение
В ходе выполнения курсовой работы была подробна изучения СУБД
MySql. Изучены основы PHP, JS. Задачи были выполнены в полном объеме. Были затронуты основы CSS-, php- и html-языков.
Создан сайт, отвечающий всем современным нормам. На сайте есть возможность делиться информацией в соц.сетях. Созданы страницы меню и подробной информацией о каждой выбранной мебели. Сайт содержит страницы с фотографиями. Сайтом можно легко управлять и в дальнейшем, что делает его удобным для администрации.
Созданный сайт готов к запуску в интернет.
Список использованных источников
Гаевский, А. Ю. 100% самоучитель по созданию Web-страниц и Web-сайтов: HTML и JavaScript / А. Ю. Гаевский, В. А. Романовский. - Москва : Технолоджи - 3000 : Триумф, 2008. - 457 с.
Стейнмец, У. PHP. 75 готовых решений для вашего web-сайта / У. Стейнмец, Брайан Вард. - Санкт-Петербург : Наука и Техника, 2009. - 243 с.
Никсон, Р. Создаем динамические веб-сайты с помощью PHP, MySQL и JavaScript / Р. Никсон ; [пер. с англ. Н. Вильчинский]. - Санкт-Петербург [и др.] : Питер, 2013. - 496 с.