Создать сайт. Разработка официального сайта. Шаблоны сайтов. Сайт без регистрации. Создать сайт.

	Структура шаблона
	Структура HTML кода шаблонов сайтов. Доработка шаблонов сайтов - тюнинг шаблонов

Шаблоны сайтов >> Контент сайта >> Сайт бесплатно >> Шаблоны сайтов >> Java script >> Разработка сайтов >>

HTML код шаблона сайта

      Шаблоны сайтов >>>>  Контент >>>>  Графические элементы >>>>  Готовые шаблоны >>>>

      Шаблон сайта основан на наборе таблиц <table></table>
      В самом минимальном виде шаблон сайта содержит 3 таблицы фиксированной ширины:

      <table border=0 cellpadding=0 cellspacing=0 width=900>

      Первая таблица - формирует вернюю часть рамки шаблона.

      <table border=0 cellpadding=0 cellspacing=0 width=900>
      <tr valign=top>
      <td background=1.jpg width=49 height=33></td> - левый верхний угол
      <td background=2.jpg width=798 height=33></td> - средняя часть между углами
      <td background=3.jpg width=53 height=33></td> - правый верхний угол
      </tr>
      </table>

      Ширина таблицы 900pix Ничто не мешает использовать Java script для вычисления размера экрана броузера и вычисления ширины таблицы шаблона.

      Левый верхний угол Его размеры надо указать явно width=49 height=33

      Средняя часть формируется из узкого элементика В качестве background=2.jpg он заполняет среднюю верхнюю часть рамки шаблона сайта background=2.jpg width=798
      Откуда берется размер width=798?
      Этот размер вычисляется как ширина таблицы=900 минус ширина левого угла=49 и минус ширина правого угла=53
      Правый верхний угол background=3.jpg width=53 height=33
      Обратите внимание, что высота у всех элементов одинаковая height=33
      Посмотрим, что получится на примере шириной 200 pix

Шаблоны сайтов

      Средняя часть шаблона может состоять из одной или нескольких таблиц. Несколько таблиц используется, если нужно разместить очень длинный текст.

      <table border=0 cellpadding=0 cellspacing=0 width=900>
      <tr valign=top>
      <td background=4.jpg width=56></td>
      <td background=5.jpg width=792>

      Здесь размещать контент сайта

      </td>
      <td background=6.jpg width=52></td>
      </tr>
      </table>

      Здесь в ячейках <td> </td> не указывается явно высота. Т.е. таблица по вертикали является "раздвижной". Высота таблицы будет определяться количеством добавленного контента.
      Пример средней таблицы графической рамки шаблона сайта шириной 200 pix

Шаблон сайта

      Нижняя часть шаблона выглядит так же, как и верхняя часть.

      <table border=0 cellpadding=0 cellspacing=0 width=900>
      <tr valign=top>
      <td background=7.jpg width=49 height=33></td> - нижний левый угол
      <td background=8.jpg width=798 height=33></td> - нижняя средняя часть
      <td background=9.jpg width=53 height=33></td> - нижний правый угол
      </tr>
      </table>

      Пример нижней строки графической рамки шаблона сайта шириной 200 pix

Пример графического шаблона

Пример с одной средней таблицей:

Пример с 4-я средними таблицами:

      Преимущества таких типов шаблонов сайтов:

      - компактность графического оформления сайта
      - высокая скорость загрузки по медленным каналам (например 3G)
      - высокая скорость разработки сайтов на основе шаблона
      - легкость размещения контента
      - легкая масштабируемость размеров сайта
      - возможность создания нескольких вариантов дизайна с использованием одних и тех же графических элементов (например, дизайн типа "кирпичная стена" - picture.oflameron.ru
      - возможность превращения шаблона сайта из фиксированного в "резиновый" (с вычисляемыми размерами окна броузера)
      - возможность смены графического оформления без перекомпоновки HTML кода

      HTML код шаблона сайта очень просто конвертировать в PHP скрипт. При этом в листинге будут достаточны минимальные изменения.
      PHP позволит вам использовать динамический контент, работать с базой данных MySQL. PHP позволяет создавать страницы сайтов, на которых посетители смогут самостоятельно создавать контент для ваших следующих страниц. Например, подавать объявления, добавлять статьи, программы, скрипты и т.д.

      Шаблоны сайтов >>>>  Контент >>>>  Графические элементы >>>>  Готовые шаблоны >>>>  9 Мбайт шаблонов сайтов >>>>

Шаблон сайта

Создать сайт. Разработка официального сайта. Шаблоны сайтов. XML RPC. Создать сайт.

Шаблоны сайтов