| |
|
|
Создание веб сайта
Создание элементов оформления сайта
Если вы хотите быстро создать много сайтов с отличающимся графическим оформлением, лучший вариант - сайт, в основе которого лежит набор таблиц фиксированной (<table width=600> </table>) или переменой (раздвижные) ширины.
Если вы занимаетесь продвижением товаров, услуг или заработком в интернете, графическое оформление сайта имеет второстепенное значение и его можно стандартизировать под один общий HTML код. Это возможно в том случае, если у вас есть много разнообразного информативного контента, к которому надо привлечь посетителей.
Посмотрим графическое оформление некоторых сайтов с похожим HTML кодом (несколько таблиц фиксированной ширины). Для сайта http://top-design.narod.ru/ использовано 9 графических элементов:
  
  
  
Обратите внимание на миниатюрность этих элементов. Вы можете их использовать для оформления сайтов, ориентированных на просмотр на мобильных устройствах (iPhone, Android устройствах), имеющих небольшие размеры экрана.
Для сайта http://free-website.narod.ru/ использовано 15 графических элементов (на 2 строки таблицы больше)
  
  
  
  
  
Для сайта http://website.shmeleff.com/ так же использовано 9 графических элементов:
  
  
  
Создание веб сайта
Все эти сайты выглядят по-разному, представляют контент разной тематики, но при этом имеют очень похожую структуру HTML кода. Каждый из этих сайтов состоит из нескольких HTML таблиц одинаковой ширины, размещенных последовательно ("стоящих" на веб странице друг над другом).
Для примера напишем HTML код для сайта шириной 800 pix. Графическое оформление создается ячейками HTML таблицы <table > </table>. Вся верхняя строка, боковые столбцы и нижняя строка таблицы используются только для размещения графических элементов.
<table border=0 cellpadding=0 cellspacing=0 width=800>
<tr>
<td background=t1.jpg width=38 height=37></td>
<td background=t2.jpg width=729 height=37 align=center>Здесь можно написать что-нибудь</td>
<td background=t3.jpg width=33 height=37></td>
</tr>
</table>
Здесь <tr> - объявление строки, которая заканчивается тэгом </tr>. Между ними находятся тэги <td> </td>, которые определяют столбцы.
Видно, что в этой таблице одна строка и три столбца. Ширина левого столбца width=38, а высота - height=37. В этот столбец не пишется контент, а помещается графический эдемент с размерами 38х37 pix левой стороны рамки как background=t1.jpg
Центральный столбец имеет ту же высоту height=37 и большую ширину width=729:
<td background=t2.jpg width=729 height=37 align=center>Сюда и помещаем контент</td>
Графический элемент t2.jpg очень узкий:
но при выполнении HTML кода броузер растягивает его на 729 pix
Третий столбец <td background=t3.jpg width=33 height=37></td> почти ничем не отличается от первого столбца. В качестве background используется графический элемент t3.jpg размером 33х37 pix
Создание веб сайта
Все это позволяет создать одну строку <tr> </tr> с графическим оформлением - таблицу с одной строкой (три ячейки <td> </td>) - верхней частью графической рамки сайта.
|
|
