Лекция: Вставка тегов Div

Теги Div можно использовать для создания блоков макета CSS и расположения их в документе. Это удобно, если существует таблица стилей СSS со стилями позиционирования, прикрепленная к документу. Dreamweaver позволяет быстро вставлять теги Div и применять к ним существующие стили.

1В области ≪Окно документа≫ установите курсор вставки там, где необходим тег Div.

2Выполните одно из следующих действий.

• Выберите меню ≪Вставка≫ > ≪Объекты макета≫ > ≪Тег Div≫

• Выберите категорию ≪Макет≫ на панели ≪Вставка≫, затем нажмите на кнопку ≪Вставить тег Div≫ .

3Задайте любой из следующих параметров.

ВставкаПозволяет выбрать местоположение для тега div и имя тега, если он не является новым тегом.

КлассОтображает класс стиля, примененного к тегу. При присоединении таблицы стилей классы, определенные в ней, появятся в списке. Используйте это всплывающее меню для выбора стиля, который нужно применить к тегу.

ИдентификаторПозволяет изменять название, используемое для идентификации тега Div. ID, определенные в таблице стилей, появятся в списке при присоединении таблицы стилей. Коды тегов для блоков, содержащихся в документе, не входят в список.

Примечание. Dreamweaver предупреждает о введении кода тега, имеющегося в документе.

Создать правило CSSОткрывает диалоговое окно создания правила CSS.

4Нажмите кнопку ≪ОК≫.

Тег Div появляется в документе в качестве окна с текстом местозаполнителя. При наведении курсора на это окно Dreamweaver подсвечивает его. Если тег Div абсолютно позиционирован, он становится элементом АР. (Можно редактировать те теги Div,

которые не являются абсолютно позиционированными.)