Вставка блоков с содержанием для компоновки страницы

Можно использовать тег div для позиционирования блоков с содержанием в вашем документе. Это часто используется если есть готовая таблица стилей CSS со стилями позиционирования, прикрепленная к документу. Dreamweaver позволяет быстро вставить тег div и применить существующий стиль к нему.

Вы можете использовать файл дизайна Dreamweaver-а как начальную точку для размещения блочного дизайна. Выберите файл из категории Page Designs (CSS) в диалоговом окне New Document (новый документ).

Вставить тег div:
1. В окне документа поместите курсор где хотите вставить тег div.
2. Сделайте одно из следующего:
- Выберите Insert > Layout Objects > Div Tag.
- В категории Layout панели вставки (Insert bar) нажмите кнопочку Div Tag.
Появится диалоговое окно Insert Div Tag (вставка тега Div).

3. Заполните поля в диалоговом окне.
Для детальной информации нажмите кнопочку Help (помощь).
4. Нажмите OK.

Когда вы перемещаете указатель над блоком, Dreamweaver подсвечивает его.

Если тег div позиционирован абсолютно или относительно, это идентично слою в Dreamweaver.

Изменение цвета подсветки для блоков.

Когда вы перемещаете указатель мышки над блоком, Dreamweaver подсвечивает блок. Dreamweaver подсвечивает блок к которому применен класс, id или стиль. Вы можете включить или выключить подсветку по необходимости или изменить цвет подсветки.

Изменить свойства подсветки для блочного контента:
1. Выберите Edit > Preferences (Windows) или Dreamweaver > Preferences (Macintosh).
Откроется диалоговое окно Preferences (свойства).
2. Выберите категорию Highlighting (подсветка) из списка.
3. Сделайте одно из действий:
- для изменения цвета подсветки блоков, нажмите мышкой над квадратиком с цветом в строке Mouse-over, потом выберите цвет подсветки.
- для включения/выключения режима подсветки поставьте, соответственно, значок в строке Mouse-Over.

Эта опция будет применена ко всем объектам, таким как таблицы, которые Dreamweaver подсвечивает когда указатель мышки помещен над ними.

4. Нажмите OK.

Реклама