Видео: Dreamweaver CS6: CSS Fading Button Transition - Tutorial 2024
Предположим, что у вас есть логотип на вашей веб-странице, и ваш клиент внезапно хочет, чтобы он был другого цвета. Обычно это означает запуск другой программы для редактирования изображений, отслеживание логотипа, открытие его, его редактирование, сохранение, возврат в Dreamweaver, а затем повторное импортирование логотипа на вашу страницу. Вот так много шагов. Использование специальных функций интеграции между Dreamweaver и Fireworks, тем не менее, значительно упрощает весь процесс - несколько щелчков мыши могут заменить все эти другие трудоемкие задачи.
Следующие шаги показывают вам, как выбрать изображение в Dreamweaver, автоматически открыть его в Fireworks, отредактировать его и обновить изображение в Dreamweaver всего несколькими щелчками мыши.
Чтобы запустить Fireworks непосредственно из Dreamweaver и отредактировать существующее изображение, выполните следующие действия:
1. В Dreamweaver выберите a. gif или. jpg, которое вы хотите отредактировать.
2. В «Инспекторе свойств» нажмите кнопку «Изменить».
Появится диалоговое окно «Найти источник» с вопросом, хотите ли вы отредактировать существующий документ для источника выбранного вами файла.
3. Выберите один из параметров в диалоговом окне «Найти источник для редактирования».
Нажмите «Да», чтобы выбрать другой файл из фактического файла оптимизированного изображения на вашей странице. Например, вы можете выбрать PNG-версию оптимизированной графики (которая, возможно, была исходным файлом, с которого вы экспортировали оптимизированную веб-версию графического изображения на своей странице). При нажатии кнопки «Нет» открывается исходный файл, который вы выбрали в Dreamweaver (фактический файл GIF или JPEG, который указан на странице).
Если вы нажмете «Нет», Fireworks запустится с выбранным вами GIF или JPEG. Если вы нажмете «Да», Fireworks позволит вам выбрать альтернативное изображение и запустить его, открыв альтернативное изображение в новом документе. Если вы создали исходное изображение в Fireworks, альтернативное изображение будет PNG-файлом. PNG - это собственный формат файла Fireworks. Если вы создали исходное изображение в другой графической программе, например, PhotoShop, ваш исходный файл является PSD. Фейерверк поддерживает большинство. PSD-файлы, созданные в PhotoShop 6 или выше.
Поскольку исходный файл изображения, используемого на вашей веб-странице, был, вероятно, оптимизирован ранее, редактирование оптимизированного изображения GIF или JPEG обычно не дает вам лучших результатов качества изображения после редактирования, повторной оптимизации и реэкспорта он возвращается в Dreamweaver. Возвращаясь к исходной, предварительно оптимизированной версии графика, вы можете начать с нуля.Нажимая «Да» в диалоговом окне «Найти источник для редактирования», вы можете выбрать другой файл из оптимизированной исходной графики. Если вы экспортировали изображение из PNG-файла, вы можете выбрать PNG вместо этого, отредактировать более качественную версию файла и экспортировать его, не испытывая дополнительного ухудшения качества изображения.
После нажатия «Да» или «Нет» документ изображений открывается в Fireworks.
4. Внесите изменения, которые необходимо внести в изображение в Fireworks.
Вы можете вносить любые изменения или изменения в изображение с помощью любого из инструментов в Fireworks, а также с помощью панели «Оптимизация», чтобы изменить параметры оптимизации для файла.
5. Когда вы закончите редактирование изображения, нажмите кнопку «Готово» в окне документа Fireworks.
После нажатия кнопки «Готово» документ Fireworks исчезает в фоновом режиме, и документ Dreamweaver автоматически появляется. Изображение автоматически обновляется на странице, отражая последние изменения, не требуя каких-либо других действий с вашей стороны, кроме сохранения документа.
После того, как вы нажмете кнопку «Готово» в Fireworks, вы не сможете отменить все изменения, внесенные в файлы изображений, выбрав команду «Отменить». Изменения постоянные.
