|
|||||||||||||||||||||||||||||||||||||
Меню сайта
Реклама на сайте:
|
Табличная верстка web-страниц сайтаВёрстка сайта. Статья №2 Вёрстка – процесс формирования страниц (макета) путём компоновки текстовых, графических и прочих элементов. Табличная верстка web-страниц был самым известным до того, как появился стандарт CSS, потому что в то время не существовало другой легкой возможности точно разместить составляющие на страничке. Табличная вёрстка проста и во всех браузерах выглядит одинаковоВёрстка этого типа делается просто: в теле документа создаётся таблица (и ничего, кроме неё), в ячейки которой добавляется весь контент. Вёрстка потому и называется табличной, что вся страница состоит из таблиц, а вся выводимая информация находится внутри их ячеек. Даже область с основным содержимым страницы (например, со статьёй) — это всего лишь ячейка, текст из которой отображается на экране. Плюсы табличной верстки
Минусы табличной верстки
Табличная верстка web-страниц сайтаПри табличной верстке используются таблицы (HTML-тег <table>) Пример:№1
Код в документе HTML <table border="1" bgcolor=#FFFAC8 width=100%> <tr align=center> <td style="color:#950000; font-size:14pt"> Шаблон сайта-№1 </td></tr> <tr align=center><td bgcolor=#ccc0b3> Меню </td></tr> <tr align=center> <td bgcolor=#ebebeb>Контент</td></tr> <td style="width:20%">Сайдбар</td></tr> <tr align=center><td bgcolor=#ccc0b3> Подвал сайта</td></tr> </table> Пример:№2
Код в документе HTML <table border="1" bgcolor=#FFFAC8 width=100%> <tr align=center> <td style="color:#950000; font-size:14pt"> Шаблон сайта-№2</td></tr> <tr align=center><td bgcolor=#ccc0b3> Меню</td></tr> <tr align=center> <td bgcolor=#ebebeb>Контент</td></tr> <tr align=center><td bgcolor=#ccc0b3> Подвал сайта</td></tr> </table> Пример:№3
Код в документе HTML <table border="1" bgcolor=#FFFAC8 width=100%> <tr align=center> <td colspan=2 style="color:#950000; font-size:14pt"> Шаблон сайта-№3</td></tr> <tr align=center> <td style="width:20%">Меню>/td> <td bgcolor=#ebebeb>Контент</td></tr> <tr align=center><td colspan=2>Подвал сайта</td></tr> </table > Пример:№4
Код в документе HTML <table border="1" bgcolor=#FFFAC8 width=100%> <tr align=center> <td colspan=2 style="color:#950000; font-size:14pt"> Шаблон сайта-№4</td></tr> <tr align=center> <td bgcolor=#ebebeb>Контент</td> <td style="width:20%">Меню</td></tr> <tr align=center><td colspan=2>Подвал сайта</td></tr> </table >
Макет должен заполнять по высоте все окно. Bсе колонки на сайте должны быть одинаковой высоты. Конечно, это только в том случае, если к ним применяется какой-то фон.
Читайте также:
|