|
||||||||
СодержаниеО Creative CloudНовое в последних версиях Основные шаги Настройки программы Интерфейс Работа с сайтами Dreamweaver Создание документов (страниц) Управление файлами и папками Заметки разработчика Использование CSS Макет страниц Работа с объектами Список объектов Текст
Изображения Карта ссылок Панели навигации (меню) Таблицы Объекты мультимедиа Java-апплеты Элементы Spry Смарт-объекты Фреймы (рамки) Использование тега DIV Элементы AP JavaScript Цвет Создание ссылок и навигация Управление файлами и папками Совместная работа Dreamweaver с Photoshop, Fireworks, Adobe Flash и др. приложениями Интеграция с Business Catalyst История действий Поиск на сайте Ресурсы и библиотеки Расширения Шаблоны Работа с кодом Использование сетевых служб Adobe Отображение XML-данных с помощью XSLT Создание динамических страниц Создание форм Специальные возможности Сайты для разных экранов и устройств Предварительный просмотр Проверка сайта Отчеты в Dreamweaver Программа передачи файлов (FTP) |
Использование тега DIV Сведения
о работе с тегами div
Есть два основных метода верстки веб-страницы - табличная верстка и блоковая верстка. При табличной верстке основным каркасом страницы является таблица. В ячейки этой таблицы помещаются все вставляемые на страницу объекты - текст, изображения и пр. Объект строго закреплен за ячейкой и не может "перескочить" в другую ячейку, т.е. накладывание объектов друг на друга исключено. При блоковой верстке никакого каркаса не создается, вставляемые объекты могут располагаться в любом месте страницы, при этом они могут накладываться друг на друга, образуя несколько слоев. При блочной верстке главное действующее лицо - тэг Div (<div>). Но сам по себе тэг Div - просто обозначение, что создан блок. Все остальное (расположение блока, позиция объекта в блоке, цвет границ, цвет фона блока и пр.) определяется правилами CSS. Поэтому тэг Div и каскадные таблицы стилей (CSS) действуют совместно. Теги div можно использовать для центрирования блоков содержимого, создания эффектов столбцов, создания различных областей цвета и многого другого. Если вы никогда не использовали теги Div и каскадные таблицы стилей (CSS) для создания веб-страниц, можно создать CSS-макет на основе одного из заранее разработанных макетов, идущих в комплекте с Dreamweaver (подробнее). Если вы неуверенно работаете с CSS, но знакомы с использованием таблиц, можно также попробовать использовать таблицы для верстки веб-страницы. Примечание. Dreamweaver обрабатывает все теги Div с абсолютным позиционированием (как и элементы AP, элементы с абсолютным позиционированием), даже если эти теги были созданы без использования инструмента рисования элементов AP Div. Функциональность Adobe Dreamweaver при работе с тегами div Вставка тегов Div Редактирование тегов Div Отображение и изменение правил, применяемых к тегу Div Блоки макета CSS Визуализация блоков макета CSS Изменение цвета подсветки тегов Div Дополнительно: Сведения об элементах AP Представление содержимого в таблицах |
|||||||
|
||||||||
