Иллюстрированный самоучитель по Web-разработке на Macromedia Studio MX

Сборка прототипа в Dreamweaver MX

Создание многостраничного документа во FreeHand и последующее его перемещение в Fireworks не покажется сложным. То же можно сказать и о переносе этих документов из Fireworks в Dreamweaver MX (благодаря кнопке Quick Export меню Fireworks). После открытия Dreamweaver MX собрать страницу довольно просто, так как нам осталось только добавить ссылки.

Для того чтобы определить узел и добавить ссылки на страницы, созданные в Fireworks, выполните следующие действия.

1. Откройте Dreamweaver MX и, чтобы определить узел для страниц, созданных в Fireworks, выберите в меню Site › New Site. Присвойте узлу имя JCTProtoSite и установите в качестве домашней страницу Home, созданную в Fireworks.
2. Откройте панель Files и щелкните на разделе Site. В списке на панели Site выберите представление Map.
3. Дважды щелкните на домашней странице на карте узла, и она откроется в Dreamweaver MX. Когда страница будет открыта, выберите составляющую (slice) Shoes и на панели Properties установите для нее ссылку на страницу Shoes.htm, созданную в Fireworks. Сохраните страницу под именем JCTHome.
4. Дважды щелкните на странице Shoes на карте узла, и она также откроется в Dreamweaver MX. Щелкните на кнопке Order Online Today, чтобы выделить составляющую в центре страницы.
5. Щелкните на инструменте Rectangular Hotspot, создайте область ссылки (hotspot) над кнопкой Order Online Today. Для этой области установите ссылку на файл ShoppingCart.htm, созданный в Fireworks. Добавьте еще одну область ссылки над кнопкой Home и задайте для нее ссылку на файл Home.htm. Сохраните страницу.
6. Откройте страницу ShoppingCart.htm. Создайте область ссылки над кнопкой Continue Shopping и задайте для нее ссылку на файл Home.htm. Теперь на карте узла отобразятся установленные ссылки. Откройте страницу Home.htm (рис. 8.14) и выберите в меню команду File › Preview. Эта страница откроется в браузере, и вы сможете проверить работу установленных ссылок.

Чтобы открыть страницу, не обязательно дважды щелкать на ней на карте узла. Можно выбрать ее имя на вкладке внизу окна страницы или в нижней части меню Window.

Рис. 8.14. Домашняя страница со ссылками отобразилась на карте узла

На панели Properties отображены ссылки страницы, выделенной на карте узла.