Интеграция на фойерверки

Съдържание

Интеграция на фойерверки

Adobe Dreamweaver и Adobe Fireworks разпознават и споделят много процедури за редактиране на файлове, включително промяна на връзки, карти на връзки, фрагменти от таблици и други. Заедно двете приложения осигуряват рационализиран процес за редактиране, оптимизиране и вграждане на уеб графични файлове в HTML страници.

Можете да поставите експортирана графика от Fireworks директно в документ на Dreamweaver, като използвате командата Insert Image, или можете да създадете ново изображение на Fireworks от шаблон за изображение на Dreamweaver.

Вмъкване на изображение на фойерверки

Когато отворите и редактирате изображение или подизображение, което е част от таблица на Fireworks, Dreamweaver стартира Fireworks, който отваря PNG файла, от който е експортирано изображението или таблицата.

В инспектора на свойства щракнете върху бутона Редактиране.
Щракнете с Control (Windows) или Command (Macintosh) два пъти върху избраното изображение.
Щракнете с десен бутон (Windows) или щракнете с Control (Macintosh) върху избраното изображение и изберете Редактиране с Fireworks от контекстното меню.
Забележка. Ако Fireworks не може да определи местоположението на оригиналния PNG файл, трябва да го посочите. Докато работите върху изходния файл на Fireworks, промените се записват както в изходния, така и в експортирания файл. В други случаи се актуализира само експортираният файл.

4. Редактирайте оригиналния PNG файл във Fireworks и щракнете върху Готово. Fireworks запазва промените в PNG файла, експортира актуализираното изображение (или HTML и изображения) и връща фокуса към приложениетоDreamweaver. Dreamweaver показва актуализираното изображение или таблица. Оптимизиране на изображение на Fireworks в Dreamweaver

С Dreamweaver можете бързо да правите промени в изображенията и анимациите на Fireworks. В Dreamweaver можете да промените настройките за оптимизация, опциите за анимация, размера и областта на експортираното изображение.

1. В Dreamweaver изберете желаното изображение и направете едно от следните неща:

Изберете командното меню > „Оптимизиране на изображението“
Щракнете върху бутона Промяна на опциите за изображение в инспектора на свойствата.

За да редактирате настройките за оптимизиране, изберете раздела Опции.
За да промените размера и площта на експортираното изображение, изберете раздела Файл.

3. Когато приключите, щракнете върху бутона OK.

Най-горе Променете контейнери за изображения на Dreamweaver с помощта на Fireworks

Можете да създадете контейнер за изображение в документ на Dreamweaver, да стартирате Fireworks и да създадете изображение или таблица там и след това да замените този контейнер.

За да създадете ново изображение от контейнер, трябва да са инсталирани както Dreamweaver, така и Fireworks.

В инспектора на свойства щракнете върху бутона Нов.
Натиснете Control (Windows) или Command (Macintosh) и след това щракнете двукратно върху контейнера на изображението.
Щракнете с десен бутон (Windows) или щракнете с Control (Macintosh) върху контейнера, след което изберете Създаване на изображение във Fireworks.

4. Използване на опциите на Fireworks при създаване на изображение.

Fireworks разпознава следните настройки за контейнер за изображение, които са зададени в Dreamweaver: размер на изображението(което съответства на размера на платното на Fireworks), ID на изображението (което Fireworks използва като име на документа по подразбиране за генерираните изходни и експортирани файлове) и подравняване на текста. Освен това Fireworks разпознава връзки и някои поведения (като замяна на изображение, изскачащо меню и зададен текст), които са прикачени към контейнер за изображение, когато работите в Dreamweaver.

Забележка. Въпреки че Fireworks не показва връзки, добавени към контейнер за изображение, тези връзки се запазват. Когато рисувате гореща точка и добавяте връзки във Fireworks, връзките, добавени към контейнер за изображение в Dreamweaver, не се премахват. Ако обаче изрежете парче във Fireworks и го поставите в ново изображение, връзките в документа на Dreamweaver ще бъдат премахнати.

Fireworks не разпознава следните опции за контейнери за изображения: подравняване на изображението, цвят, вертикална и хоризонтална подложка и карти. Те са деактивирани в инспектора на свойствата на Image Placeholder.

5. Когато приключите, щракнете върху бутона "Край", за да се покаже диалоговият прозорец за запазване. 6. В текстовото поле Запиши в изберете папката, посочена като локална папка на сайта на Dreamweaver. Когато вмъкнете контейнер за изображение в документ на Dreamweaver, ако посочите име на контейнер за изображение, Fireworks го поставя в полето Име на файл. Това име може да се променя. 7. Щракнете върху бутона "Запазване", за да запишете PNG файла. Ще се появи диалоговият прозорец за експортиране. Този прозорец експортира изображения във формат GIF или JPEG или, в случай на фрагментирани изображения, във формат HTML и изображения. 8. В полето Запиши в посочете локалната папка на сайта на Dreamweaver. Полето за име автоматично ще покаже указаното име на PNG файл.Това име може да се променя. 9. В полето „Запиши като тип“ посочете типа файл или файлове, към които искате да експортирате: например „Само изображения“ или „HTML и изображения“. Щракнете върху бутона Запиши, за да запазите експортирания файл. 10 Файлът ще бъде запазен и фокусът ще се върне към Dreamweaver. В документ на Dreamweaver експортираният файл или таблицата на Fireworks замества контейнера за изображение. Относно изскачащите менюта на Fireworks

Fireworks прави бързо и лесно създаването на CSS изскачащи менюта.

В допълнение към разширяемостта и бързото зареждане, изскачащите менюта, създадени с Fireworks, предоставят следните предимства:

Елементите от менюто са достъпни за индексиране от търсачките.
Елементите от менюто са достъпни за екранни четци, което прави страницата достъпна.
Кодът, генериран от Fireworks, е съвместим със стандартите и може да бъде прегледан.
Можете да редактирате изскачащото меню на Fireworks, като използвате Dreamweaver или Fireworks, но не и двете. Промените, направени в Dreamweaver, не се записват във Fireworks.

Редактиране на изскачащото меню на Fireworks в Dreamweaver

Можете да създадете падащо меню във Fireworks 8 или по-нова версия и след това да го редактирате с Dreamweaver или Fireworks (използвайки двупосочно редактиране), но не и двете едновременно. Когато редактирате меню в Dreamweaver и след това във Fireworks, всички предишни промени ще бъдат загубени с изключение на текстовото съдържание.

Ако предпочитате да редактирате менюто с Dreamweaver, можете да го създадете във Fireworks и след това да използвате Dreamweaver само за редактиране и персонализиране на менюто. Ако предпочитате да редактирате менюта във Fireworks, можете да използватевъзможност за двупосочно редактиране в Dreamweaver, но не и за директно редактиране в Dreamweaver.

Fireworks изпраща редактираното поле обратно към Dreamweaver.

Ако изскачащото меню е създадено във Fireworks MX 2004 или по-рано, то може да се редактира в Dreamweaver с помощта на диалоговия прозорец Display Pop-Up Menu, достъпен от панела Behavior.

Редактиране на изскачащо меню, създадено във Fireworks MX 2004 или по-стара версия

1. В Dreamweaver изберете горещата точка или изображението, което извежда изскачащото меню. 2. В панела Behaviors (Shift+F3) щракнете двукратно върху Show Popup Context Menu в списъка Actions. 3. Направете необходимите промени в диалоговия прозорец на изскачащото меню и щракнете върху OK.

Горе Задайте предпочитания за стартиране и редактиране на изходни файлове на Fireworks

Когато използвате редактиране на изображения във Fireworks, графиките на уеб страниците обикновено се експортират с помощта на Fireworks от изходен PNG файл. Когато отворите файл за редактиране в Dreamweaver, Fireworks автоматично отваря оригиналния PNG файл или ви подканва да посочите местоположението му, ако не бъде намерен. По желание можете да зададете опции във Fireworks, така че вмъкнатото изображение вече да е отворено в Dreamweaver, или Fireworks да ви подкани да изберете дали да използвате вмъкнатото изображение или оригиналния файл на Fireworks всеки път, когато отворите изображение в Dreamweaver.

Забележка. Dreamweaver разпознава настройките за стартиране и редактиране на Fireworks само в определени случаи. По-специално, трябва да отворите и оптимизирате изображение, което не е част от електронна таблица на Fireworks и съдържа правилния път в бележкитеразработчик към оригиналния PNG файл.

1. Във Fireworks изберете Редактиране > Настройки (Windows) или Фойерверки > Предпочитания (Macintosh) и изберете раздела Стартиране и редактиране (Windows) или Стартиране и редактиране от изскачащото меню (Macintosh). 2. Задайте опциите, които да се използват при поставяне на редактируеми или оптимизирани изображения на Fireworks във външни приложения: Винаги използвайте изходен PNG Автоматично отваря PNG файла на Fireworks, посочен в бележките на програмиста като източник на поставеното изображение. Актуализациите се прилагат към оригиналния PNG файл и съответното изображение. Не използвайте оригинален PNG Автоматично отваря поставеното изображение на Fireworks, независимо дали оригиналният PNG файл съществува. Актуализациите се отнасят само за поставени изображения. Попитайте при стартиране Показва съобщение с молба да отворите оригиналния PNG файл. Можете също да посочите глобални настройки за изпълнение и редактиране в това съобщение.

Горе Вмъкване на Fireworks HTML в документ на Dreamweaver

1. В документ на Dreamweaver поставете точката на вмъкване там, където искате да поставите HTML кода на Fireworks. 2.Направете едно от следните.

3. За да изберете HTML файла на Fireworks, щракнете върху бутона Преглед. 4. Ако нямате нужда от файла по-късно, изберете менюто „Изтриване на файл след поставяне“. Избирането на тази опция няма ефект върху изходния PNG файл, свързан с HTML файла.

Забележка. Ако HTML файлът се намира на мрежово устройство, той ще бъде изтрит завинаги, без да бъде преместен в кошчето или папката Кошче.

Вмъкнете HTML на Fireworks в Dreamweaver

Копирайте и поставете HTML кода на Fireworks вDreamweaver

1. Във Fireworks изберете Редактиране > „Копиране на HTML код“. 2. Следвайте съветника, за да зададете опции за експортиране на HTML и изображения. Когато получите подкана, посочете папката на сайта на Dreamweaver като дестинация за експортирани изображения. Съветникът експортира изображенията до указаното местоназначение и копира HTML кода в клипборда. 3. В документ на Dreamweaver поставете точката на вмъкване там, където искате да поставите HTML кода, и изберете Редактиране > „Вмъкване на Fireworks HTML“.

Експортирайте и поставете Fireworks HTML в Dreamweaver

1. Във Fireworks изберете File > "Експортиране". 2. Посочете папката на сайта на Dreamweaver като дестинация за експортирани изображения. 3. От изскачащото меню Експортиране изберете HTML и изображения. 4. От изскачащото меню HTML изберете Копиране в клипборда и щракнете върху бутона Експортиране. 5. В документ на Dreamweaver поставете точката на вмъкване, където искате да поставите експортирания HTML код, и изберете Редактиране > „Вмъкване на Fireworks HTML“.

Актуализиране на Fireworks HTML, поставен в Dreamweaver

Във Fireworks командата File > Обновяването на HTML е алтернатива на актуализирането на файловете на Fireworks, поставени в Dreamweaver, чрез стартиране и редактиране. Можете да използвате командата Актуализиране на HTML, за да редактирате изходно PNG изображение във Fireworks и след това автоматично да актуализирате експортираните HTML и файлове с изображения, поставени в документ на Dreamweaver. Тази команда ви позволява да актуализирате файлове на Dreamweaver дори когато Dreamweaver не работи.

1. Във Fireworks отворете оригиналния PNG файл и направете промени. 2. Изберете Файл > „Запазване“. 3. Във Fireworks изберете File > „Актуализиране на HTML“. 4.Прегледайте файла на Dreamweaver, съдържащ HTML кода, който искате да актуализирате, и щракнете върху бутона Отвори. 5. Прегледайте целевата папка, където искате да поставите актуализираните файлове с изображения, и щракнете върху Избор (Windows) или Избор (Macintosh).