«Файл-шаблон» - это обычная html-страница, в которую вписываются переменные Smarty для встраивания дополнительного html-кода.
Конструкция «файла-шаблона» составляется в таком порядке:
1. пишем мета-теги;
2. пишем название сайта;
3. подключаем библиотеку стилей;
4. пишем скрипты;
5. пишем страничку.
<!--Обычный заголовок html-страницы-->
<html>
<head>
<!--Пишем мета-теги-->
<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/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>
Теперь, разберем по пунктам рисунок простого «файла-шаблона».
Пишем мета-теги.
Мета-теги - это заголовочные теги, которые влияют на обработку вашей страницы браузерами, поисковыми роботами и др. Детально про мета-теги.
Пишем название сайта.
За название сайта отвечает тег <title>
. Он должен содержать краткое описание вашего сайта, и никаких лишних слов. Как правило, поисковые роботы при определении тематики сайта, в первую очередь обращают внимание на ключевые слова в название сайта.
Подключаем библиотеку стилей.
Это очень полезная вещь, библиотека стилей позволяет с помощью тегов <span>
и других тегов менять вид, тип, размер, цвет и т.п. заключеного в этот тег текст. Но, самое важное то, что единожды пометив текст, если вы решили его изменить вам нужно лиш будет подкоректировать библиотеку, и на всем сайте произойдут изменения.
Пишем скрипты.
Скрипты, необходимы для более динамичного отображения данных. В основном для того, чтобы браузер выполнял какие-то арифметические, логические и другие операции без перезагрузки всей страницы заново.
Пишем страничку.
Странички могут быть разного представления (меню сверху, сбоку; информация на всю ширину или в части окна), здесь все зависит от тематики вашего сайта, и того как вы сами хотите чтобы все выглядело. Для большей удобства, как правило страничку сайта создают на основе таблицы. Это имеет ряд преимуществ: ровные ячейки, регулирование ширины, высоты и т.д. В отдельных ячейках, можно создавать опять-таки таблицы, без ограничений количества вложеных таблиц.
Переходим от теории к практике, а точнее к практическому уроку.