Издавна
многие web-мастера используют
таблицы для компоновки своего
веб-сайта. Но у таблиц есть
много недостатков. Самый
главный недостаток это то, что
большинство браузеров пока не
прогрузят всё содержимое
таблицы, ничего не покажут :-( !!!
Ещё один недостаток
заключается в том, что таблицы в
исходном коде html трудны для
восприятия! Вот обычная
компоновка страницы:
Допустим,
слой “banner” должен быть в самом
верху. В тег <style> добавим:
#banner
{
z-index: 1;
position: absolute;
top: 0px;
left: 0px;
height: 60px;
width: 800px ;
}
Слой “links” будет шириной 135px
и иметь отступ 60px сверху. Тогда
в <style> надо добавить:
#links
{
z-index: 2;
position: absolute;
top: 60px;
left: 0px;
width: 135px ;
}
И наконец слой “text” имеет
ширину 665px и отступы сверху 60px и
слева 135px:
#text
{
z-index: 3;
position: absolute;
top: 60px;
left: 135px;
width: 665px ;
}
Ладно слои мы создали,
теперь надо бы их наполнить! Вот
полный код html:
<html>
<head>
<style>
<!--Описано выше-->
</style>
</head>
<body>
<div id="text">
Ваш текст... Текст страницы...
</div>
<div id="links">
Ссылки... Ссылки...
</div>
<div id="banner">
Надоедливая реклама...
</div>
</body>
</html>
Поскольку самое главное для
посетителей – это содержание
страницы, а не баннер и ссылки,
то в теле страницы слой “text”
идет самым первым. Этот слой
загрузится вначале, а затем
ссылки, и после них уже реклама.
Таким образом, посетитель
увидит нужный материал раньше,
и начнет его читать, а пока он
читает, загрузится все
остальное.
А ведь посетители – самое
главное.
|