«Файл-шаблон» - это обычная 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> и других тегов менять вид, тип, размер, цвет и т.п. заключеного в этот тег текст. Но, самое важное то, что единожды пометив текст, если вы решили его изменить вам нужно лиш будет подкоректировать библиотеку, и на всем сайте произойдут изменения.
Пишем скрипты.
Скрипты, необходимы для более динамичного отображения данных. В основном для того, чтобы браузер выполнял какие-то арифметические, логические и другие операции без перезагрузки всей страницы заново.
Пишем страничку.
Странички могут быть разного представления (меню сверху, сбоку; информация на всю ширину или в части окна), здесь все зависит от тематики вашего сайта, и того как вы сами хотите чтобы все выглядело. Для большей удобства, как правило страничку сайта создают на основе таблицы. Это имеет ряд преимуществ: ровные ячейки, регулирование ширины, высоты и т.д. В отдельных ячейках, можно создавать опять-таки таблицы, без ограничений количества вложеных таблиц.
Переходим от теории к практике, а точнее к практическому уроку.
