Dreamweaver до Fireworks: редагування зображень

Припустимо, що у вас є логотип на вашій веб-сторінці, і ваш клієнт раптом хоче, щоб він був іншого кольору. Зазвичай це означало б запуск іншої програми для редагування зображень, відстеження логотипу, відкриття, редагування, збереження, повернення до Dreamweaver, а потім повторне імпортування логотипу на вашу сторінку. Ой, це багато кроків. Однак використання спеціальних функцій інтеграції між Dreamweaver і Fireworks значно спрощує весь процес — кілька клацань миші можуть замінити всі ці інші трудомісткі завдання.

Наступні кроки показують, як вибрати зображення в Dreamweaver, автоматично відкрити його в Fireworks, відредагувати та оновити зображення в Dreamweaver лише кількома клацаннями миші.

Щоб запустити Fireworks безпосередньо з Dreamweaver та відредагувати наявне зображення, виконайте такі дії:

1. У Dreamweaver виберіть зображення .gif або .jpg, яке потрібно відредагувати.

2. У Інспекторі властивостей натисніть кнопку Редагувати.

З’явиться діалогове вікно «Знайти джерело» із запитом, чи бажаєте ви редагувати наявний документ для джерела вибраного файлу.

3. Натисніть одну з опцій у діалоговому вікні «Знайти джерело для редагування».

Натиснувши Так, ви зможете вибрати інший файл із фактично оптимізованого файлу зображення на вашій сторінці. Наприклад, ви можете вибрати PNG-версію оптимізованої графіки (який міг бути вихідним файлом, з якого ви експортували оптимізовану веб-версію графіки на своїй сторінці). Натиснувши «Ні», відкриється вихідний файл, який ви вибрали в Dreamweaver (справжній файл GIF або JPEG, який містить посилання на сторінці).

Якщо натиснути Ні, запуститься Fireworks із зображенням GIF або JPEG, яке ви вибрали. Якщо натиснути Так, Fireworks дозволить вам вибрати альтернативне зображення та запуститься, відкривши альтернативне зображення в новому документі. Якщо ви створили вихідне зображення у Fireworks, альтернативним зображенням буде файл PNG. PNG — це рідний формат файлу Fireworks. Якщо ви створили вихідне зображення в іншій графічній програмі, наприклад, PhotoShop, вашим вихідним файлом буде PSD. Fireworks підтримує більшість файлів .PSD, створених у PhotoShop 6 або новішої версії.

Оскільки вихідний файл зображення, який використовується на вашій веб-сторінці, ймовірно, був оптимізований раніше, редагування оптимізованого зображення GIF або JPEG зазвичай не дає вам найкращих результатів якості зображення після редагування, повторної оптимізації та повторного експорту назад у Dreamweaver. Повернення до оригінальної, попередньо оптимізованої версії графіки дає вам можливість почати знову з нуля. Натиснувши «Так» у діалоговому вікні «Знайти джерело для редагування», ви можете вибрати інший файл із оптимізованої вихідної графіки. Якщо ви експортували зображення з файлу PNG, замість нього можна вибрати PNG, відредагувати більш якісну версію файлу та експортувати його без додаткового погіршення зображення.

Після натискання «Так» або «Ні» документ зображення відкриється у Fireworks.

4. Внесіть потрібні зміни до зображення в програмі Fireworks.

Ви можете вносити будь-які зміни або редагування зображення за допомогою будь-яких інструментів у Fireworks, а також за допомогою панелі «Оптимізація», щоб змінити параметри оптимізації для файлу.

5. Коли ви закінчите редагувати зображення, натисніть кнопку Готово у вікні документа Fireworks.

Після натискання кнопки «Готово» документ «Фейерверк» зникне на задній план, а документ Dreamweaver автоматично з’явиться у полі зору. Зображення автоматично оновлюється на сторінці, відображаючи останні зміни, не вимагаючи жодних інших дій з вашого боку, крім збереження документа.

Після натискання кнопки «Готово» у Fireworks ви не зможете скасувати будь-які зміни, внесені до файлів зображень, вибравши команду «Скасувати». Зміни постійні.