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 и установите в качестве домашней страницу Ноте, созданную в 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. htm. Сохраните страницу.
6. Откройте страницу ShoppingCart. htm. Создайте область ссылки над кнопкой Continue Shopping и задайте для нее ссылку на файл Home. htm. Теперь на карте узла отобразятся установленные ссылки. Откройте страницу Home.htm (рис. 8.14) и выберите в меню команду File=>Preview. Эта страница откроется в броузере, и вы сможете проверить работу установленных ссылок.
Чтобы открыть страницу, не обязательно дважды щелкать на ней на карте узла. Можно выбрать ее имя на вкладке внизу окна страницы или в нижней части меню Window.



Рис. 8.14. Домашняя страница со ссылками отобразилась на карте узла. На панели Properties отображены ссылки страницы, выделенной на карте узла