Использование средств визуализации для создания макета

Линейки позволяют измерять и нужным образом располагать элементы при проектировании макета. Линейки могут отображаться на левой и верхней границах страницы (со значениями в пикселах, дюймах или сантиметрах).

• Чтобы включить или отключить линейки, выберите меню «Просмотр» > «Параметры представления "Дизайн"» > «Линейки» > «Показать/скрыть».
• Чтобы изменить точку отсчета, перетащите значок точки отсчета линеек  (в левом верхнем углу представления «Дизайн» области «Окно документа») в нужное место на странице.
• Чтобы восстановить позицию точки отсчета по умолчанию, выберите команду «Просмотр» > «Параметры представления "Дизайн"» > «Линейки» > «Вернуть на исходное положение».
• Чтобы изменить единицу измерения, выберите пункт меню «Просмотр» > «Линейки», затем выберите «Пикселы», «Дюймы» или «Сантиметры».

Установка направляющих макета

Направляющие — это линии, перетаскиваемые на документ с линеек. Они помогают более точно располагать и выравнивать объекты. Кроме того, с помощью направляющих можно измерять размер элементов страницы или имитировать складки (видимые области) веб-браузеров.

Для выравнивания можно привязывать элементы к направляющим или наоборот. (Для использования функции привязки требуется абсолютное позиционирование элементов.) Кроме того, можно закрепить направляющие от случайного перемещения.

Создание горизонтальной или вертикальной направляющей

Отображение и скрытие направляющих

Привязка элементов к направляющим

• Чтобы привязать элементы к направляющим, выберите команду «Просмотр» > «Параметры представления "Дизайн"» > «Направляющие» > «Привязать к направляющим».
• Чтобы привязать направляющие к элементам, выберите команду «Просмотр» > «Параметры представления "Дизайн"» > «Направляющие» > «Привязать направляющие к элементам».

Блокировка и разблокировка всех направляющих

Выберите «Просмотр» > «Параметры представления "Дизайн"» > «Направляющие» > «Заблокировать направляющие».

Просмотр и перемещение направляющей в конкретное место

Просмотр расстояния между направляющими

Имитация складки (видимой области) веб-браузера

Выберите пункт «Просмотр» > «Параметры представления "Дизайн"» > «Направляющие», а затем выберите в меню предустановленный размер окна в браузере.

Удаление направляющей

Изменение параметров направляющих

Использование направляющих с шаблонами

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

К экземплярам шаблона можно также добавлять новые направляющие. Добавленные таким способом направляющие при обновлении главного шаблона не перезаписываются.

Использование сетки макета

Сетка отображается в области «Окно документа» как система горизонтальных и вертикальных линий. Она позволяет размещать объекты с большой точностью. Элементы страницы с абсолютным позиционированием можно автоматически привязывать к сетке при их перемещении, а также изменять сетку или управлять поведением привязки с помощью соответствующих параметров сетки. Привязка работает независимо от того, является ли сетка видимой.

Отображение или скрытие сетки

Выберите «Просмотр» > «Параметры представления "Дизайн"» > «Сетка» > «Отобразить сетку».

Включение или отключение привязки

Выберите «Просмотр» > «Параметры представления "Дизайн"» > «Сетка» > «Привязать к сетке».

Изменение параметров сетки

Использование изображения-образца

Изображение-образец можно использовать в качестве направляющей для повторного создания эскиза страницы, созданной в графическом приложении, например в Adobe Freehand или Fireworks.

Образцом может быть изображение формата PEG, GIF или PNG, размещенное в фоне области «Окно документа». Это изображение можно скрыть, задать для него непрозрачность, а также изменить его положение.

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

Размещение изображения-образца в области «Окно документа»

Отображение или скрытие изображения-образца

Выберите «Просмотр» > «Параметры представления "Дизайн"» > «Изображение-образец» > «Показать».

Изменение расположения изображения-образца

Сброс положения изображения-образца

Выравнивание изображения-образца по выделенному элементу