Использование визуальной помощи при дизайне страницы

Dreamweaver имееет много возможностей для помощи и скорения дизайна документов и представления, как они будут выглядеть в браузерах. Возможны следующие действия:
- быстрое изменение размеров окна документа для просмотра размещения элементов страницы при разных разрешениях экрана.
- линейки помогут точнее изменить место размещения и размер слоев и таблиц.
- использование шаблонного рисунка, как фонового в документе позволяет точно скопировать дизайн, который набросок которого сделан в каком-то графическом редакторе.
- направляющие предназначены для точного размещения и размеров слоев. Направляющие помогают размещать слои, при перемещении слоя он выравнивается по ближней направляющей. (Другие объекты, такие как рисунки или текст не выравниваются по направляющим).

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

Линейки размещаются на левом и верхнем краю окна документа, единицы измерения:
- пиксели;
- дюймы;
- сантиметры.
Показать линейки: View > Rulers > Show.
Чтобы изменить точку отсчета - кликнуть на пересечении двух линеек и перенести точку отсчета в нужное место.
Вернуть начальные установки: View > Rulers > Reset Origin. Изменить единицы измерения: View > Rulers и выбрать из выпадающего субменю.

Истользование шаблонного рисунка

Для создания страницы можно использовать шаблонный рисунок - нарисованый документ, который при создании сайта является фоновым - и по нему можно творить сайт. Рисунок должен быть форматов: JPEG, GIF или PNG. Можно спрятать рисунок, изменить прозрачность или изменить позицию.
Шаблонный рисунок виден только в Dreamweaver-е. Его никогда не видно при просмотре страницы в браузере. Если шаблонный рисунок видимый, то невидимые фоновый цвет или рисунок, но они будут видимыми в окне браузера.

Размещение шаблонного рисунка в документе:
1 Выбрать View > Tracing Image > Load.
2 В диалоговом окне выбрать рисунок.
В свойствах страницы (Modify > Page Properties) указать прозрачность шаблонного рисунка.
Изменить позицию шаблонного рисунка:
Для указания позиции шаблонного рисунка: View > Tracing Image > Adjust Position, тогда ввести значения координат X and Y.
Для перемещения рисунка на 1 пиксель используйте клавиши управления.
Для перемещения рисунка на 5 пикселей испольльзуйте клавиши управления + Shift.
Для перемещения шаблонного рисунка в левый верхний угол документа (0,0), выбрать View > Tracing Image > Reset Position.
Выраванивание шаблонного рисунка по выбраному объекту:
1 Выбрать а окне документа объект, по которому будет проводиться выравнивание.
2 Выбрать View > Tracing Image > Align with Selection. Верхний левый угол шаблонного рисунка выровняется по левому верхнему углу выбраного объекта.