Лекция 2 Работа с дизайном сайта в Dreamweaver

Динамический дизайн
Еще один аспект, где Dreamweaver проявляет себя во всей красе — это поддержка DHTML. В версии 1.2 стало возможным добавлять интерактивные функции, типа ролловеров — графических событий, совершающихся в момент прохождения указателя мыши над определенным текстом или изображением. (Подробнее о создании ролловеров см. в статье «Ролловеры без программирования», Publish, ? 4, 1999 г., с. 51).
Те, кто разрабатывает сложные узлы с DHTML, обязательно оценят возможности анимации с временной шкалой, а также большой набор предопределенных вариантов «поведения», которые можно использовать при дизайне страниц — все это реализовано в Dreamweaver. Дизайнеры, обладающие навыками программирования, могут также создавать «поведения» и делать их доступными своим менее опытным коллегам. На часто обновляемом узле Web компании Macromedia, http://www.dreamweaver.com, можно найти постоянно растущий список «поведений», а также выгружаемые расширения.
Джанин Уорнер — редактор Web-узла издательства Miami Herald Publishing. Она также является профессиональным диктором и автором шести книг по Web-дизайну, включая Dreamweaver for Dummies (IDG Books) Flash 3.0 Web Animation F/X and Design (Coriolis).
Использование трассировки изображений
Первоначально Тереза Ривьера дизайн Web-узла компании Beth’s Fine Desserts выполнила в Photoshop, а затем повторила его в Dreamweaver, поместив на страницы поверх оттрассированных исходные изображения GIF и JPEG, что должно было гарантировать точное воссоздание первоначального замысла.
Чтобы добавить к странице Web трассированное изображение, откройте файл страницы в Dreamweaver и выполните команды Modify, Page Properties (Свойства страницы). В окне диалога Page Properties щелкните по кнопке Choose (Выбрать), расположенной рядом с текстовым боксом Tracing Image, и в окне открытия файлов выберите изображение для вставки. Чтобы сделать изображение частично сливающимся с фоном и облегчить процесс трассировки, переместите движок Transparency (Прозрачность) в положение между 50 и 70 процентами (в зависимости от характера изображения). Для просмотра результатов щелкните по кнопке Apply (применить)(на рисунках она не показана), а по завершении — по кнопке OK (рис. А).

А

Опираясь на трассированное изображение, можно создать слои или таблицу (рис. В).

В

Для точного воссоздания первоначального дизайна поверх трассированного изображения можно