Самостоятельное создание сайта
Самостоятельная раскрутка и продвижение сайта

Создаем «файл-шаблон»

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

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

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

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

331
2.7 6
Рейтинг: +2.7 , голосов 6
Вы еще не голосовали!
Добавить комментарий (комментариев: 1)
Удалить ответ

Ваш почтовый ящик никогда не будет опубликован
Трудно разобрать цифры? Нажмите на рисунок, чтобы обновить.
#1 29/09/2011 11:08 Serg
reply
http-equiv= опечатка > здесь не нужен
29/09/2011 12:08 admin
спасибо, исправил

Дополнительно

заказать блог WordPress

» С чего начать сайт?

» Установка программ

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

» Хостинг и домен

» Оптимизация сайта

» Раскрутка сайта

» Заработок web-мастера

» Примеры PHP/Javascript

» Блог и мои записки

Последние новости

Статьи по рейтингу

» Особенности покупки контента 5.0 1
» Выбор хостинга 4.8 5
» Поисковые системы 4.7 9
» Курс молодого web-мастера 4.6 21
» Где взять бесплатные ссылки 4.5 11
» Что такое сниппеты 4.5 6
» Addstudio - SEO модуль 4.5 4
» Отладка js и CSS 4.4 14
» Стратегия дохода на Sape.ru 4.3 3
» Каталоги и биржи статей 4.3 4