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

По шаблонам
На мой взгляд одна из интереснейших особенностей в Dreamweaver 2.0 — примененный в ней новый подход к использованию шаблонов. Во многих программах для создания HTML есть шаблоны для домашних страничек, но лишь немногие из них имеют качество, достаточное даже для личного узла, не говоря уж о коммерческом дизайне по заказу клиента. В Dreamweaver шаблоны подняты на новый уровень: при изменении существующего шаблона возможно обновление всех созданных с его помощью страниц текущего узла.
Приведем пример, подтверждающий, что с помощью шаблонов Dreamweaver можно сэкономить время. Ваши клиенты хотят, чтобы у каждой страницы узла был ярко-желтый фон с розовой и голубой полосами, а также фирменная панель навигации с розовыми, зелеными и пурпурными цветами. Не слушая ваши доводы, они настаивают на том, что все страницы должны выглядеть именно так, как хочется им. Итак, вопреки своему желанию, вам приходится создавать шаблон со всеми этими элементами.
Но, после того как все 368 страниц смакетированы, президент этой фирмы, будучи человеком, не лишенным художественного вкуса, осмотрев узел, выражает свое недовольство. По его мнению, на каждой странице должна быть темно-синяя панель навигации, а фон должен быть бордовым.
К счастью, вместо того, чтобы потратить день или два на переделывание всех страниц, вы можете сделать это за несколько часов. Поскольку исходный вариант дизайна был создан в шаблоне Dreamweaver, вы просто изменяете панель навигации, фон и другие элементы шаблона, а затем выполняете команды Modify (Изменить), Templates (Шаблоны), Update Pages (Обновить страницы). После этого Dreamweaver применит изменения ко всем страницам узла.
Шаг за шагом: можно и назад
Тереза Ривьера из Новато (шт. Калифорния), разработавшая много коммерческих узлов, включая сервер компании Beth’s Fine Desserts (см. врезку «Использование трассировки изображений»), подобно многим другим дизайнерам предпочитает создавать свои страницы в графических программах, и только потом переходит к работе с HTML-редактором. Одной из самых интересных с ее точки зрения возможностей Dreamweaver является функция трассировки изображений. Используя эту опцию, можно создавать изображение в программе типа Adobe Photoshop или Macromedia FreeHand, размещать его на заднем плане страницы Web, а затем трассировать изображение, воссоздавая исходный дизайн.
Функция трассировки изображений — идеальный способ размещения слоев или создания ячеек таблицы в HTML, поскольку он гарантирует, что изображения и другие элементы окажутся именно там, где они были в исходном варианте дизайна. Dreamweaver воспринимает изображения для трассировки из любого графического приложения, поддерживающего форматы JPEG, GIF или PNG.
Следует помнить, что оттрасированное изображение не является фоновой картинкой и поэтому оно не отображается при просмотре страницы через браузеры Netscape Navigator или Internet Explorer. Когда вы вставляете оттрассированное изображение в документ Dreamweaver, фоновое изображение или цвет оказываются скрыты; однако, если вы хотите видеть задний план окна документа, то можете отключить отображение оттрассированного изображения.