Приветствую Вас, Гость! Регистрация Вход RSS

WorldGraphics

Всё для графики и дизайна
Воскресенье, 28.04.2024


Главная » Статьи » Статьи о веб-дизайне

Новые файлы:

Популярные файлы:



DIV-ная верстка
Когда-то таблицы и фреймы были основными способами верстки сайтов. Но сейчас, с выходом нового поколения веб-браузеров, которые поддерживают более современные технологии, ситуация намного изменилась. Использование слоев, наподобие тех, что можно встретить в программе Adobe Photoshop, для верстки документов предоставило веб-мастерам поистине неограниченные возможности. Но, если от фреймов и так собирались отказаться ввиду их громоздкости и слишком грубому вида, то между приверженцами табличной верстки и поклонниками слоев разгорелись нешуточные страсти. Дело в том, что у таблиц хоть и существуют недостатки, но из-за простоты освоения этот метод верстки пользуется неизменной популярностью у начинающих веб-мастеров, да и некоторые профессионалы нет-нет, да и применят табличную верстку на сайте. Поэтому таблицы и слои стали считаться конкурентами. Сейчас, когда ажиотаж вокруг слоев немного поутих, самое время узнать достойный ли у табличной верстки соперник.

Слои являются элементами HTML-кода, которые можно внедрять в веб-страницу путем размещения одного на другом с точностью до пикселя. Изменения в параметры слоя вносятся с использованием языка JavaScript или VBScipt, благодаря чему становится возможным применение на страницах сайта различных эффектов: плавающие окна, вращающиеся надписи, выпадающее меню и другие.

Слой задается контейнером <Layer>, а для определения позиции слоя требуются атрибуты top (отступ от верхнего края экрана), left (отступ от левого края экрана), z-index (место расположения отдельного слоя, заданного декартовыми координатами, причем слой с самым большим значением помещается сверху).

Достоинства слоев:

    Метод позиционирования слоев относительно друг друга позволяет создавать интересные эффекты, способствующие «оживлению» веб-страницы.
    Быстрая обработка слоев веб-браузерами.
    Поддержка декартовых координат позволяет указать положение слоев на странице с точностью до пиксела.
    Настройка свойств слоя посредством CSS.

К недостаткам слоев относятся:

    Глубинное знание языков и технологий веб-программирования – JavaScript, VBScipt, CSS.
    Различия в отображении сайта, при верстке которого применялись слои, веб-браузерами.
    Проблемы при редактировании страниц со слоями в графических html-редакторах.

Верстка с помощью слоев технически напоминает позиционирование элементов, причем стандартный в таких случаях тег <Layer> лучше заменить на <Div>, тогда проблем с браузерами поубавится.

Как видите, слои практически не ограничивают фантазию дизайнера, но вместе с тем сложны в исполнении. К тому же единый стандарт восприятия веб-браузерами в них отсутствует. Поэтому никто не гарантирует, что сверстанный таким образом сайт, будет идентично выглядеть и в Internet Explorer, и в Opera. Вот почему до сих пор не отказываются от использования таблиц. Однако, стоит заметить, что в плане верстки у слоев большое будущее, если устранятся разночтения веб-браузеров.

Источник: верстка,
Категория: Статьи о веб-дизайне | Добавил: admin (29.09.2011)
Просмотров: 1514 | Теги: div, верстка | Рейтинг: 5.0/2

Поделиться ссылкой:
- Ссылка

- BBCode

- HTML

Похожие новости:

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Все файлы расположенные на данном ресурсе были взяты из открытых источников. Любая информация представленная здесь, может использоваться только в ознакомительных целях, после чего вы обязаны ее удалить. Сайт не предоставляет электронные версии произведений и ПО, а занимается индексированием файлов, находящихся в файлообменных сетях. Все права на произведения и ПО принадлежат правообладателям. Ни основатель проекта, ни хостинг-провайдер, ни любые другие физические или юридические лица не несут никакой ответственности за использование материалов сайта. Заходя на сайт под своим аккаунтом вы автоматически соглашаетесь с данными условиями.
» Главная » Контакты » Правила » Регистрация » Правообладателям » Карта сайта