Все о фотошопе

Все для фотошоп - видео уроки, плагины, PSD шаблоны, рамки, клипАрты - все бесплатно!

В закладки | Написать администрации



Скачивай без регистрации, обсуждай, добавляй свое

Навигация

    - Новости
    - Правила сайта
    - О проекте
    - Faq

PS Материалы

    - Картинки
    - Обои
    - Кисти
    - Макросы
    - Стили
    - Формы
    - Текстуры
    - Плагины
    - Рамки
    - PSD
    - Иконки
    - Шрифты
    - Патерны
    - Клипарты
    - Аватары

Программы

    - Графика
    - 3Dmax
    - Mac OS X
    - Разное

Уроки и книги

    - Видео уроки
    - Photoshop CS2
    - Photoshop CS3
    - 3DS MAX
    - Учебники

Шаблоны

    - Joomla
    - TemplateMonster
    - BoxedArt
    - DataLifeEngine
    - WordPress
    - Другие

3D материалы

    - 3D материалы





Главная, Новости: Статья: Верстка с помощью слоев
Опубликовал: WeLcOmE tO My LiFe   Теги: ---   

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

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

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

Достоинства слоев:
  • Метод позиционирования слоев относительно друг друга позволяет создавать интересные эффекты, способствующие «оживлению» веб-страницы.
  • Быстрая обработка слоев веб-браузерами.
  • Поддержка декартовых координат позволяет указать положение слоев на странице с точностью до пиксела.
  • Настройка свойств слоя посредством CSS.
К недостаткам слоев относятся:
  • Глубинное знание языков и технологий веб-программирования – JavaScript, VBScipt, CSS.
  • Различия в отображении сайта, при верстке которого применялись слои, веб-браузерами.
  • Проблемы при редактировании страниц со слоями в графических html-редакторах.
Верстка с помощью слоев технически напоминает позиционирование элементов, причем стандартный в таких случаях тег лучше заменить на
, тогда проблем с браузерами поубавится.

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

Источник: http://web-silver.ru/articles/verstka/div-verstka.php


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


Раздел: Главная, Новости | сен 12 | Просмотров: 6461

Авторизация

  
 
  

Регистрация | Забыли пароль?



загрузка...


Наши партнеры

 


Статистика

Rambler's Top100


загрузка...
На нашем сайте представлены лучшие ресурсы в помощь дизайнерам и специалистам, которые профессионально занимаются рекламой и продвижением товаров, услуг, созданием графических объектов. Уроки и обучающие материалы любого уровня – для специалистов и тех, кто только начал изучение загадочного мира рекламы, и ищет способы воздействия на аудиторию, свой индивидуальный стиль. Динамика современного мира заставляет нас держать руку на пульсе модных тенденций современного искусства рекламы и дизайна. Наш сайт был создан в 2007 году, и обширная коллекция обучающих и демонстрационных видеоматериалов постоянно пополняется новыми ресурсами. Обучающие программы по работе с 3D – изображениями, различные версии программ Photoshop, инструменты работы в CorelDraw и многая другая полезная информация – иконки, коллекция разнообразных шрифтов, клипарты и паттерны, материалы для работы с анимацией, Вы можете бесплатно скачать на нашем сайте. Уроки любой степени сложности помогут вам освоить новейшие дизайнерские тенденции, а представленные шаблоны – воплотить в жизнь самые смелые, креативные идеи. Вы расширите рамки обыденности, почерпнете новые, эксклюзивные идеи для развития своего личностного и творческого потенциала! Мы работаем для Вас, чтобы сделать Ваш мир ярче, а профессиональные качества совершенными.
Главная  |  Правила сайта  |  Контакты администрации  |  RSS канал  |  Статистика      Copyright © 2007-2010г. Design.Ru-Deluxe.Ru