й шаблон, який представляє закінчений дизайн головної сторінки сайту. Однак шаблон сайту не є закінченим на 100% дизайном, і тому його можна розглядати як дизайн-макет майбутнього сайту.
Використовуваний макет заснований на принципі збереження основних елементів сторінки незмінними. При переході з однієї сторінки на іншу буде мінятися тільки інформаційне наповнення і деякі елементи дизайну. На всіх сторінках сайту змінюється тільки інформація в блоці основного контенту.
Таким чином, всі сторінки доповнюються текстовим вмістом за тематикою відкритої сторінки, графікою, галереєю (Додаток Б) і т.д.
Після опрацювання дизайну, композиційної цілісності і колірного рішення для кожної сторінки сайту, можна переходити до верстки шаблону і його подальшому заповненню.
. 3 Редагування контенту макета
Первісна грамотна організація макета допоможе заощадити час надалі. Сюди можна віднести заголовну частину ??lt; head gt ;, заголовок документа lt; title gt ;, метадані та тіло документа lt; body gt ;. При написанні особливу увагу необхідно приділити написанню тега lt; DOCTYPE gt ;, від якого залежить коректність роботи коду в різних браузерах і коректність відображення текстової інформації.
У тілі документа присутні посилання на CSS файл, а також програмний код, виконаний на мові PHP (про даному блоці буде розказано далі). Повний html-код макетної сторінки наведений у додатку А.
Весь макет був розбитий на окремі блоки:
header ;;;;;
footer.
На початку макета організовано підключення бази даних:
lt;? php ( _JEXEC ) or die ( Restricted access );// No direct access_once dirname (__ FILE__). DIRECTORY_SEPARATOR. functions.php raquo ;;
$ document=null; (isset ($ this))
$ document= amp; $ this;
$ baseUrl=$ this- gt; baseurl;
$ templateUrl=$ this- gt; baseurl. /templates/ raquo ;. $ this- gt; template; ($ document);
? gt;
Далі формується запит на вибірку потрібної інформації з бази даних відповідно до встановленого на сайті шаблоном:
lt; link rel= stylesheet href= lt;? php echo $ this- gt; baseurl; ? gt; /templates/system/css/system.cssraquo; type= text/css / gt;
lt; link rel= stylesheet href= lt;? php echo $ this- gt; baseurl; ? gt; /templates/system/css/general.cssraquo; type= text/css / gt;
lt; link rel= stylesheet type= text/css href= lt;? php echo $ templateUrl; ? gt; /css/template.cssraquo;/ gt;
Далі по ходу коду вставляється отримана інформація з бази даних і підключаються в певній послідовності блоки сайту.
. 4 Структура бази даних проекту
Вся змінювана інформація сайту зберігається в базі даних Joomla. Joomla використовує систему управління базами даних (СКБД) MySQL. Робота з цією СУБД вимагає знання мови SQL (мова структурованих запитів). Однак у складі Денвера, як і на багатьох хостингах, існує інструмент phpMyAdmin, що дозволяє працювати з MySQL навіть людям, не знайомим з мовою SQL. ? веб-додаток з відкритим кодом, написаний на мові PHP і представляє собою веб-інтерфейс для адміністрування СУБД MySQL. phpMyAdmin дозволяє через браузер здійснювати адміністрування сервера MySQL, запускати команди SQL і переглядати вміст таблиць і баз даних. Основна перевага цього додатка? можливість управляти СУБД MySQL без безпосереднього введення SQL команд, надаючи дружній інтерфейс.
Розглянемо, наприклад, таблицю jos_content. Вона створена для зберігання всієї інформація про текстовому наповненні сайту.
У цій таблиці існують такі основні поля:? ідентифікатор; ? поле для визначення назви текстових статей; ? поле для тексту, що міститься в статтях; _by? поле для імені користувача, вносити зміни до змісту статей; _by? поле для імені користувача, вносити зміни до змісту статей; ? поле для опису статей; ? поле для ключових слів статей; ? поле для вказівки шляху до мініатюрі для статті.
Таким чином, за роботу проектованого сайту відповідає база даних, в якій зберігається вся інформація про елементах і наповненні сайту.
4. ДОДАВАННЯ програмні компоненти
. 1 Реалізація виведення категорій розділу «Кухня ресторану»
Крім основного меню на сайті реалізовано підменю, яке з'являється при переході в розділ сайту «Наша кухня». Інформацію про страви ресторану будемо вносити в категор...