Многостраничный сайт -   37   веб страниц с качественным контентом. Прямая ссылка для скачивания готового бесплатного сайта
      
      Скачать архив сайта >>
      

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

      HTML код шаблона сайта
      
      Рассмотрим минимальный HTML шаблона сайта - графической рамки (показан с уменьшением)
      
      
      
      HTML код такой рамки
      
       <table border=0 cellpadding=0 cellspacing=0 width=900> <tr valign=top> <td background=1.jpg width=37 height=31></td> <td background=2.jpg width=826 height=31></td> <td background=3.jpg width=37 height=31></td> </tr> </table> <table border=0 cellpadding=0 cellspacing=0 width=900> <tr valign=top> <td background=4.jpg width=40></td> <td background=5.jpg width=820> <br>       </td> <td background=6.jpg width=40></td> </tr> </table> <table border=0 cellpadding=0 cellspacing=0 width=900> <tr valign=top> <td background=7.jpg width=36 height=31></td> <td background=8.jpg width=828 height=31></td> <td background=9.jpg width=36 height=31></td> </tr> </table>
      
      Контент надо размещать в ячейке таблицы, имеющей наибольшую ширину - width=820. Разместим в рамке текст заголовка
      
      
      
      HTML код шаблона сайта будет таким
      
       <table border=0 cellpadding=0 cellspacing=0 width=900> <tr valign=top> <td background=1.jpg width=37 height=31></td> <td background=2.jpg width=826 height=31></td> <td background=3.jpg width=37 height=31></td> </tr> </table> <table border=0 cellpadding=0 cellspacing=0 width=900> <tr valign=top> <td background=4.jpg width=40></td> <td background=5.jpg width=820> <font class=ltxt>Заголовок сайта</font> </td> <td background=6.jpg width=40></td> </tr> </table> <table border=0 cellpadding=0 cellspacing=0 width=900> <tr valign=top> <td background=7.jpg width=36 height=31></td> <td background=8.jpg width=828 height=31></td> <td background=9.jpg width=36 height=31></td> </tr> </table>
      
      Теперь будем рассматривать только HTML код центральной ячейки, в которой размещается контент сайта. В ячейку можно поместить другую таблицу, имеющую такую же ширину. И в этой таблице создать строки и ячейки для размещения контента.
      
      
      
      HTML код
      
       <table border=0 cellpadding=0 cellspacing=0 width=900> <tr valign=top> <td background=4.jpg width=40></td> <td background=5.jpg width=820 align=center> <font class=ltxt>Заголовок сайта</font> </td> <td background=6.jpg width=40></td> </tr> <tr valign=top> <td background=4.jpg width=40></td> <td background=5.jpg width=820 align=center> <table border=0 cellpadding=0 cellspacing=0 width=820> <tr valign=top> <td width=220><font class=text>Левый столбец</font></td> <td width=600><font class=text>Правый столбец</font></td> </tr> </table> </td> <td background=6.jpg width=40></td> </tr> </table>
      
      Зададим цвет фона ячеек вложенной таблицы, чтобы посмотреть, как она расположена и каковы размеры ячеек
      
      
      
      В HTML коде здесь добавилось только bgcolor=#0618A0 и bgcolor=#026502
      
       <table border=0 cellpadding=0 cellspacing=0 width=900> <tr valign=top> <td background=4.jpg width=40></td> <td background=5.jpg width=820 align=center> <font class=ltxt>Заголовок сайта</font> </td> <td background=6.jpg width=40></td> </tr> <tr valign=top> <td background=4.jpg width=40></td> <td background=5.jpg width=820 align=center> <table border=0 cellpadding=0 cellspacing=0 width=820> <tr valign=top> <td width=220 bgcolor=#0618A0><font class=text>Левый столбец</font></td> <td width=600 bgcolor=#026502><font class=text>Правый столбец</font></td> </tr> </table> </td> <td background=6.jpg width=40></td> </tr> </table>
      
      Добавим отступ от заголовка в одну строку
      
       <table border=0 cellpadding=0 cellspacing=0 width=900> <tr valign=top> <td background=4.jpg width=40></td> <td background=5.jpg width=820 align=center> <font class=ltxt>Заголовок сайта</font> <br>       </td> <td background=6.jpg width=40></td> </tr> <tr valign=top> <td background=4.jpg width=40></td> <td background=5.jpg width=820 align=center> <table border=0 cellpadding=0 cellspacing=0 width=820> <tr valign=top> <td width=220 bgcolor=#0618A0><font class=text>Левый столбец</font></td> <td width=600 bgcolor=#026502><font class=text>Правый столбец</font></td> </tr> </table> </td> <td background=6.jpg width=40></td> </tr> </table>
      
      для этого добавим строку <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      
      Как видно, добавлять контент в такой шаблон сайта очень просто. Вы можете быстро создавать веб страницы с любым контентом - текстовым, графическим, комбинированным.
      
      
      Шаблоны сайтов >>
      
      
        Шаблон сайта      2epp      2eql      2eqq      5enn      5enng      5epp      csh      42  
      
      Контент сайта оптимизирован для индексации.    Другие архивы сайтов >>>>    #бесплатныесайты    Обзор