Верстка сайта с помощью слоев
Cовсем недавно, большинство создателей сайтов пользовалось фреймами и таблицами. Но с появлением принципиально новых поисковых браузеров дало возможность прибегнуть к использованию слоев (как в adobe photoshop).
Фреймы были сильно громоздкими и от них давно хотели все избавиться, а вот табличные поклонники надолго погрязли в дебаты со сторонниками использования слоев при создании сайта.
Пришло время и нам разобраться – действительно ли табличная верстка заимела серьезного конкурента? Сторонники таблиц это огромное количество начинающих мастеров, их ряды пополняют и маститые консервативные сайтостроители. Почему?
Слои можно размещать с высокой точностью, т.к. они являются элементов HTML-кода, можно накладывать их один на один – пиксель на пиксель. С помощью JavaScript или VBScript можно вносить изменения в слои, благодаря чему можно внедрить множество различных технических элементов в тело сайта (всплывающие окна, выпадающие меню и т.д.)
Контейнер
Плюсы слоев:
- Высокая точность позиционирования слоев дает возможность создавать интересные эффекты, оживляющие страничку.
- Браузеры быстро загружают слои.
- Наличие декартовых координат, что дает возможность точности позиции слоя до одного пиксела.
- Возможность настройки параметров слоя через CSS.
Заметные недостатки слоев:
- Необходимость высокой грамотности веб-мастера (JavaScript, VBScipt, CSS).
- Различное восприятие слоев разными браузерами.
- Сложность редактирования слоев в обычном HTML-редакторе
Верстка слоя очень похожа на позиционирование элемента технически. Чтобы избегать частых проблем с браузерами лучше будет заменять обычный тег
Помните, что слои дают вам безграничную свободу действий, однако пользоваться ими довольно сложно в техническом плане.
Просмотров: 4724
Похожие статьи
Комментарии
Как я понимаю, речь в статье идет про использование тега . Согласен с автором, данный метод верстки шаблона гораздо более современней чем скажем табличная верстка. Единственный момент, при таком способе верстки необходимо очень четко понимать что делаешь. И желательно при этом иметь уже готовый план создания каркаса сайта.
Написать комментарий
Облако тегов
- AdSense
- CMS
- CSS
- Chrome
- Dmoz
- Drupal
- Evernote
- Firefox
- ICQ
- Joomla
- Linux
- Mac OS X
- Microsoft
- Photoshop
- Sape
- Skype
- Telegram
- WebMoney
- Windows
- YouTube
- html
- iOS
- iPad
- iPhone iPad
- Антивирусные программы
- Аудит
- Блог
- Видео
- Графика
- Дизайн
- Домен
- Заработок в Интернет
- Игры
- Индексация
- Интернет магазин
- Интернет-реклама
- Конверсия
- Контекстная реклама
- Контент
- Метрика
- Мобильные приложения
- Настройка компьютера
- Облачные сервисы
- Онлайн сервисы
- Перелинковка
- Поведенческие факторы
- Поисковые запросы
- Почта Яндекс
- Роботы
- Семантическое ядро
- Спам
- Ссылки
- Статистика
- Текст
- Траст
- Трафик
- Фильтры Яндекс
- Форматы
- Хостинг
- Электронные книги
- Юзабилити
- Яндекс
- Яндекс.Деньги