| kenny133 | Дата: Среда, 23.11.2011, 23:54 | Сообщение # 1 |
 220v
Группа: Гл.Администраторы
Сообщений: 540
Статус: Offline
| Прежде фреймы и таблицы являлись основными способами верстки, но это было раньше. Время идет, и с появлением нового поколения web-браузеров, ситуация поменялась. Использование слоев, модель которых, можно увидеть в программе Adobe Photoshop, дало web-мастерам безграничные возможности, в верстке документов.
Одним из элементов HTML-кода являются слои. Их можно внедрять в web-страницу, путем наложения одного слоя на другой с большой точностью. Язык JavaScript или VBscipt позволяет вносить изменения в параметры слоя.
Вследствие чего стало возможно применение разных эффектов: плавающие окна, выскакивающие меню и другие эффекты на страницах сайта.
Задать слой можно с помощью тега <Layer>. Для назначения позиции слоя, нужны такие атрибуты: top (отступление от верхней части экрана), left (отступление от левой части экрана), z-index (область нахождения отдельного слоя, задаваемая декартовыми координатами, слой с наибольшим значением располагается сверху).
Преимущества слоев
За счет методики позиционирования слоев можно создавать уникальные эффекты, которые смогут дать новую жизнь web-страницам.
Быстрая загрузка слоев web-браузерами.
Большая точность указания и расположения слоя на странице, за счет поддержки декартовых координат.
Свойства слоя можно настраивать посредством CSS.
Слабые стороны слоев
Высокий уровень знания языков программирования – JavaScript, VBScipt, CSS.
При верстке сайта с применением слоев возникают различия в отображении сайта web-браузерами.
В графических редакторах html возникают проблемы при редактировании страниц.
Верстка с использованием слоев технически походит на позиционирование элементов. В таких случаях тег <Layer> луче изменить на <Div>. Тогда возникающих проблем с web-браузерами станет меньше.
Исходя из всего выше перечисленного, видно, что слои почти не ограничивают воображение дизайнера, но довольно сложны в своем исполнении.
cheat-paccvet.at.ua
oldbook.at.ua
|
| |
| |
