Приклад створення сайту
"Файл-шаблон" - це звичайна html-сторінка, на якій розміщуються змінні Smarty для вбудовування додаткового html-коду
Конструкція
"файлу-шаблона" складається в такому порядку:
1. пишемо meta-теги;
2. пишемо назву сайту;
3. підключаємо бібліотеку стилів;
4. пишемо скрипти;
5. пишемо сторінку
Малюнок 1. Конструкція простого "файлу-шаблона"
<!--Звичайний заголовок html-сторінки-->
<html>
<head>
<!--Пишемо meta-теги-->
<meta http-equiv=" Content-Type" content="text/html; charset= windows-1251"/>
<meta name="description" content="Текст, що висвічується в результатах пошуку у пошукових системах (замість шуканих ключових слів)"/>
<meta name="keywords" lang="ru" content="слова які є ключовими для нашого сайту"/>
<!--Назва сайту, вона ж назва сторінки в браузері -->
<title>Індивідуальна назва сторінки</title>
<!--Підключаємо бібліотеку стилів -->
<link href="inc/ukr_menustyle.css" rel="stylesheet" type="text/css"/>
<!--Пишемо скрипти (можна писати й безпосередньо в тілі сторінки, але нехай усе буде зроблено заздалегідь) -->
<script type="text/javascript">Тут текст скрипта</script>
</head>
<!--Заголовок закінчується й далі йде тіло сторінки -->
<!--Тут починається наша сторінка, що відображається в браузері -->
<body>
<table width="100%" height="100%" border="1">
<tr >
<td height="75" colspan="2"><div align="center">Тут ви можете розмістити, наприклад, заголовок вашого сайту</div></td>
</tr>
<tr >
<td width="18%" ><div align="center">Тут ви можете розмістити, наприклад, меню вашого сайту</div></td>
<td width="82%" height="475"><div align="center">А тут ви можете розмістити, наприклад, вашу сторінку з інформацією. Так як, інформація буде перебувати в змінній Smarty, давайте її сюди впишемо: $peremen_smarty</div></td>
</tr>
</table>
<!--Сторінка закінчується -->
</body>
</html>
|
|
Тепер, розберемо по пунктах малюнок простого
"файлу-шаблона".
Пишемо meta-теги.
Meta-теги - це заголовкові теги, які впливають на обробку вашої сторінки браузерами, пошуковими роботами й ін.
Пишемо назву сторінки.
За назву сайту відповідає тег
<title>. Він повинен містити короткий опис вашої сторінки, і ніяких зайвих слів. Як правило, пошукові роботи при визначенні тематики сайту, у першу чергу звертають увагу на ключові слова в назві сторінки.
Підключаємо бібліотеку стилів.
Це дуже корисна річ, бібліотека стилів дозволяє за допомогою тегів
<span> і інших тегів змінювати вигляд, тип, розмір, колір і т.п. замкненого в цей тег тексту. Але, найважливіше те, що один раз позначивши текст, якщо ви вирішили його змінити, вам потрібно лише буде подкорегувати бібліотеку, і на всьому сайті відбудуться зміни.
Пишемо скрипти.
Скрипти, необхідні для більш динамічного відображення даних. В основному для того, щоб браузер виконував якісь арифметичні, логічні й інші операції без перезавантаження всієї сторінки ще раз.
Пишемо сторінку.
Сторінки можуть бути різного вигляду (меню зверху, збоку; інформація на всю ширину або в частині вікна), тут все залежить від тематики вашого сайту, і того як ви самі хочете щоб усе виглядало.
Для більшої зручності, як правило сторінку сайту створюють на основі таблиці. Це має ряд переваг: рівні частини, регулювання ширини, висоти й т.д. В окремих ячейках, можна створювати знов-таки таблиці, без обмежень кількості вкладених таблиць.