Создание панели навигации методом Studio MX
- Выполните экспорт рисунка (выбрав пункт меню File › Export. Когда откроется диалоговое окно Export, выполните следующее.
- В списке Save As выберите пункт HTML and Images. В списке HTML выберите пункт Export HTML file. В списке Slices выберите пункт Export Slices.
- Установите флажок Put Images In Subfolder (поместить рисунки в подкаталог). Для рисунков обычно этот флажок установлен по умолчанию, так что оставьте его на месте.
- Присвойте файлу экспорта имя JCT_navbar.htm.
- Щелкните на кнопке Save и закройте Fireworks MX.
Теперь Fireworks экспортировало все фрагменты, а также создало таблицу HTML, в которых они будут помещаться. Если впоследствии потребуется скорректировать какие-либо из этих фрагментов, можно будет в любой момент переключаться между Fireworks и Dreamweaver, так что изменения, внесенные в первом, тут же отразятся во втором.
Порядок работ при использовании Studio MX
Fireworks MX и Dreamweaver MX можно рассматривать как сиамских близнецов. Вы создаете карты рисунков и фрагменты в первом из них, а затем перемещаете их во второе приложение; а для редактирования следует перенести их в первое. Программа на языке HTML, создаваемая Fireworks MX, безусловно, будет работать и в Dreamweaver MX. Таким образом, эти два приложения создают в комплексе простую среду для командной работы над редактированием, оптимизацией и размещением страниц HTML в Dreamweaver MX.
В случае динамических данных можно поместить обрамление (placeholder) рисунка Fireworks на странице Dreamweaver MX. Таким образом, в шаблоне создаются области, в которые будут помещаться создаваемые в Fireworks MX рисунки. После этого с помощью приложения ColdFusion можно поместить эти рисунки в шаблоны Dreamweaver MX.
Создание динамических узлов предполагает четкую согласованность производственного процесса. На первый взгляд кажется, что распределение ролей в этом процессе четко определено: программисты, дизайнеры, Flash-программисты, разработчики баз данных. Однако на самом деле это не совсем так. Каждый из членов команды должен координировать свою работу с другими и уметь понять проблемы своих коллег.
Для того чтобы организовать рабочий процесс, примите во внимание следующее.
- Тщательно комментируйте свою работу (с помощью Design Notes). Эти комментарии отображаются в окне файлов Fireworks и имеют расширение .mno. В эти комментарии обычно помещается информация о файлах, экспортируемых из Fireworks MX. При вставке или редактировании такого рисунка или таблицы в Dreamweaver MX эта информация используется для обнаружения файла PNG.
- Используйте Fireworks MX в качестве основного редактора изображений в параметрах Dreamweaver MX. Это позволит быстро переходить между данными приложениями.
- После того как рисунки завершены и утверждены, переместите их из рабочей области или узла клиента в папку узла Dreamweaver MX.
- Ознакомьте всех членов команды с соглашением об именах файлов. Совсем несложно по ошибке сохранить файл Dreamweaver MX в формате страницы HTML, в то время как следовало бы использовать формат шаблона ColdFusion.
Совет
Не забывайте, что в Fireworks MX есть кнопка быстрого экспорта – Quick Export. Вместо того чтобы выбирать в меню File команду Export HTML, можно щелкнуть на пункте Export HTML в контекстном меню Dreamweaver MX, после того как сделан щелчок на кнопке Quick Export. Откроется диалоговое окно Export. После того как файл экспортирован, с помощью щелчка на кнопке Launch Dreamweaver MX можно открыть это приложение.