Пример создания сайта


Пример создания сайта	Размещено: 12 января 2008

«Файл-шаблон» - это обычная html-страница, в которую вписываются переменные Smarty для встраивания дополнительного html-кода.

  Конструкция «файла-шаблона» составляется в таком порядке:
  1. пишем мета-теги;
  2. пишем название сайта;
  3. подключаем библиотеку стилей;
  4. пишем скрипты;
  5. пишем страничку.

Рисунок 1. Конструкция простого «файла-шаблона»

<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> и других тегов менять вид, тип, размер, цвет и т.п. заключеного в этот тег текст. Но, самое важное то, что единожды пометив текст, если вы решили его изменить вам нужно лиш будет подкоректировать библиотеку, и на всем сайте произойдут изменения.

  Пишем скрипты.
  Скрипты, необходимы для более динамичного отображения данных. В основном для того, чтобы браузер выполнял какие-то арифметические, логические и другие операции без перезагрузки всей страницы заново.

  Пишем страничку.
  Странички могут быть разного представления (меню сверху, сбоку; информация на всю ширину или в части окна), здесь все зависит от тематики вашего сайта, и того как вы сами хотите чтобы все выглядело. Для большей удобства, как правило страничку сайта создают на основе таблицы. Это имеет ряд преимуществ: ровные ячейки, регулирование ширины, высоты и т.д. В отдельных ячейках, можно создавать опять-таки таблицы, без ограничений количества вложеных таблиц.

Переходим от теории к практике, а точнее к практическому уроку.

Коментариев к статье (0)