Створимо майбутній макет нашого сайту. Для цього намалюємо в фотошопі супер красивий сайт і разрежем на шматочки. Уявімо, що шапка, логотип, меню і підвал не написані словами, як в даному прикладі, а це вишукано і барвисто оформлені елементи сайту.
Створимо для прикладу три сторінки і назвемо їх Розділ 1, Розділ 2, Розділ 3
Цей текст для різних сторінок буде різний, але ми не будемо на ньому морочитися і залишимо його як є на всіх сторінках.
Приступимо до створення сайту на php.
1. Виділимо блоки header, logo, menu, footer в окремі файли c розширенням php або html
Додамо файл з цим текстом, щоб бачити його на всіх сторінках. Назвемо його text.html
Примітка. З цього моменту подальші записи буду вести безпосередньо в файлі text.html
2. Створимо шаблон для нашого сайту на php.
Для цього зробимо просто - збережемо справжній файл, але вже з розширенням php і зітремо все текстове наповнення. Нехай це не професійно, зате зрозуміло, а ускладнювати все будемо пізніше. Зараз головне зрозуміти принцип верстки.
3. Тепер файл template.html нам не потрібен.
Завдяки йому ми маємо уявлення про те, як буде виглядати наш сайт.
4. Нашим шаблоном є файл template.php
У нього ми зараз вставимо за допомогою команди include всі елементи сайту.
5. Створимо три сторінки, як збиралися спочатку.
Розділ 1, назвемо 1.php
Розділ 2, назвемо 2.php
Розділ 3, назвемо 3.php
Для цього можна скористатися найпростішої командою зберегти як.
Для самих маленьких поясню: відкриваємо файл template.php. потім натискаємо зберегти як. і зберігаємо під назвою 1.php, повторюємо процедуру і послідовно збережемо сторінки сайту 2.php, 3.php
У нас вийшло 3 сторінки з однаковим дизайном. Досить вставляти замість файлу text.html інший, доповнювати різними картинками або будь-якими html кодами, скриптами і вміст кожної сторінки буде унікальним.
Можете подивитися в Денвері і переконатися. Виправимо ситуацію - створимо файл index.php і назвемо довго не мудруючи Головна. Заодно створимо файл text-home.html і за допомогою команди include вставимо на тільки що створену головну сторінку сайту.
Що вийшло - так просто не побачимо. Це вже не шаблон з розширенням html.
Але і не проблема. Нам потрібен власний, тобто локальний сервер на комп'ютері. Для цього встановимо Денвер і результат своєї роботи будемо дивитися в браузері, не виходячи в інтернет.
1. Відкриємо файл menu.html і перетворимо раздел1, 2 і 3 в посилання по сайту. Посилання в php створюються по-різному.
Наше завдання - навчитися відчувати сайт, створений на php. Тому посилання будемо робити, як на звичайному статичному сайті Розділ 1 і т.д.
Мені ця процедура створення посилань шалено подобається в Macromedia Dreamweaver. Встигай жати ОК і пити каву.
2. Як зробити посилання в меню неактивній, якщо відвідувач знаходиться на даній сторінці.
Відвідувачу буде зручніше орієнтуватися по сайту знаючи, на який саме страініце він знаходиться.
Якщо ви виконали всі кроки строго по пунктам, то бачите, що у нас все посилання в меню активні постійно. Як це виправити?
Для початку згадаємо визначення що таке Умовні оператори
- це коли якась агресивна дія виконується або не виконується в залежності від умов.
Виконаємо такі дії:
- Нам знадобляться змінні і один умовний оператор:
if ($ master == "Головна") // цю умову. Якщо воно виконується - то в даному місці меню за допомогою команди echo вставляються звичайні HTML-теги виводять напис «Головна».
else // означає «інакше» - що відбудеться, якщо умова не виконується. В даному випадку при невиконанні умови напис «Головна» буде посиланням, що веде на головну сторінку.
echo "
";- Умова ми придумали, але щоб перевірити змінну - потрібно її задати.
Для цього на всіх сторінках розмістимо такі блоки коду: