Как создать шаблон сайта

      
      Это руководство по созданию сайтов рассчитано на начинающих веб дизайнеров, обладающих минимальным опытом и имеющих в своем распоряжении самые простые программы для редактирования графики и написания HTML кода.
      При том, что руководство ориентировано на разработку сайтов с минимальным функционалом, оно позволяет создавать сайты, автоматически совместимые с всеми типами броузеров, в том числе и будущих версий. Это достигается отсутствием скриптов, Flash и динамических украшательств.
      Такие сайты акцентируют внимание на контенте, а не на оформлении сайта. Это позволяет получить больший доход от рекламы. Тонкие графические рамки не только мало "весят", но и позволяют лучше использовать площадь экрана смартфона или планшета.
      В основе сайта - HTML таблица или несколько HTML таблиц из нескольких строк и нескольких ячеек. Графические элементы располагаются в ячейках таблицы как фон:
      
      <td background=4.jpg width=56></td>
      
      Пример HTML таблицы
      
      <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>
      
      Чтобы сделать графическую рамку, такую же, как вверху этой веб страницы, нужно использовать 3 HTML таблицы:
      
      <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> <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 align=center> <font class="next">Как сделать сайт</font> </td> <td background=6.jpg width=52></td> </tr> <tr valign=top> <td background=4.jpg width=56></td> <td background=5.jpg width=792 align=center> <font class="project4"><strong>Как сделать сайт</strong>. <b>Анализ и оптимизация HTML кода готовых бесплатных <strong>сайтов</strong> для <strong>раскрутки</strong></b></font> </td> <td background=6.jpg width=52></td> </tr> </table> <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>
      
      Как сделать сайт
      
      Для создания графической рамки используется 9 ячеек, расположенных в трех строках таблицы. В верхней строке три ячейки - это левый и правый верхние угловые элементы рамки и элемент, заполняющий фон центральной части между углами.
      
              
      
      Эти графические элементы размещаются в ячейках таблицы
      
      <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>
      
      Графические элементы размещаются как фон ячейки. Нпример background=1.jpg При этом размеры ячейки должны точно соответствовать размерам графическоих элементов 1.jpg и 3.jpg.
      Элемент 2.jpg размещается несколько иначе. Этот элемент образует длинную горизонтальную часть верхней планки графической рамки. Элемент должен быть растянут в длину на 798 pix
      Поэтому в ячейке для элемента 2.jpg надо указать его ширину background=2.jpg width=798. Т.к. указанная ширина больше ширины графического элемента, ячейка будет заполнена элементами 2.jpg на всю ширину.
      

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