Практика создания динамических Web-узлов


Создание Webстраниц с помощью Flash


Создание Webстраниц с помощью Flash
Создание Web-страниц с помощью Flash Если сравнить приложения, которые произвели революцию в своей области, то Flash, безусловно, окажется на первом месте. Это приложение произвело в ср...
Совет
Совет В Издательском доме "Вильяме" вышло несколько прекрасных книг по технологии Flash MX, с которыми вам обязательно нужно познакомиться, если вы всерьез собираетесь заняться этим дел...
Замечание
Замечание Наш технический редактор предлагает свой собственный тест для проверки времени загрузки. Загрузите файл из Web, откройте его на соответствующем компьютере и глубоко вздохните. Если вы у...
Покадровое описание
Покадровое описание   Нужно сказать, что создание анимации никогда не начинается во Flash. Процесс начинается с интенсивного продумывания, с мозгового штурма, потом создается покадрово...
Установка сцены для Flash MX
Установка сцены для Flash MX Flash-анимация всегда находится в ограниченном пространстве страницы. Понятно, что создание анимации, большей, чем страница, будет пустой тратой времени и по...
В окне свойств показаны размеры
Рисунок 15.1. В окне свойств показаны размеры места, оставленного для ролика 2. Цвет подкладки для ролика не соответствует дизайну страницы. Удачным решением был бы цвет буквы С в логотипе компа...
Установка цвета фона
Установка цвета фона Возможно, вы заметили, что того цвета, который вы выбрали в Fireworks, в палитре Flash нет. Это не такая серьезная проблема, как может показаться на первый взгляд. Б...
Сцена установлена Размеры сцены
Рисунок 15.2. Сцена установлена. Размеры сцены и фонового прямоугольника совпадают, объект преобразован в символ, а слой получил имя...
Создание и сборка объектов во Flash MX
Создание и сборка объектов во Flash MX   Посетив Нью-Йорк несколько лет назад, один из авторов этой книги имел удовольствие побывать на семинаре для пользователей продуктов Macromed...
Подготовка рисунков Fireworks для Flash MX
Подготовка рисунков Fireworks для Flash MX Рисунок Fireworks может представлять собой сочетание растровых и векторных объектов. Сейчас нас особенно интересуют растровые объекты. Почему?...
Числовое преобразование в Fireworks
Рисунок 15.3. Числовое преобразование в Fireworks обеспечивает высокую точность  3. Переместите рисунок к правому краю холста и создайте тень с помощью функции Effects окна свойств. 4. Пе...
Выполнить обрезку в Fireworks совсем не сложно
Рисунок 15.4. Выполнить обрезку в Fireworks совсем не сложно...
Замечание
Замечание В приведенном выше разделе мы преследовали цель познакомить вас с техникой изменения размеров холста и преобразования масштаба рисунка. Кроме того, мы хотели научить вас пользоваться сп...
Подготовка 32битового файла PNG для экспорта во Flash
Подготовка 32-битового файла PNG для экспорта во Flash Теперь мы должны передать рисунок во Flash, сохранив при этом прозрачный фон. При этом вы понимаете, что набор подходящих форматов ограничен...
Подготовка прозрачного GIF рисунка для Flash MX
Подготовка прозрачного GIF- рисунка для Flash MX Ботинок, падающий на слово и сминающий его, — подходящий объект для преобразования в прозрачный GIF. Одна из причин заключается в том, что он не с...
Формат рисунка выбирается в окне
Рисунок 15.5. Формат рисунка выбирается в окне Export Preview Для того чтобы создать прозрачный GIF-рисунок, выполните следующее. 1. Откройте рисунок Shoe.png в Fireworks MX. Выберите File=>E...
Импорт во Flash
Импорт во Flash Flash может импортировать файлы самых разных форматов, таких как GIF, PNG, JPG и формат FreeHand 10. В предыдущих версиях Flash импорт 32-битового PNG был мучительным делом, при э...
Если у объекта нет градиентов
Рисунок 15.6. Если у объекта нет градиентов или размытых краев, то можно использовать прозрачный GIF для передачи рисунка во Flash MX...
Кнопка Quick Export — новое средство
Рисунок 15.7. Кнопка Quick Export — новое средство Fireworks для экспорта рисунков в различные приложения 4. Импортируйте прозрачный GIF как новый графический символ. Создайте еще один символ, наз...
Подготовка рисунков FreeHand для экспорта во Flash MX
Подготовка рисунков FreeHand для экспорта во Flash MX Для отображения рисунков на сцене Flash использует векторы. Самое главное свойство векторов заключается в том, что векторная графика...
Подготовка логотипа для Flash MX
Подготовка логотипа для Flash MX Появление символов во FreeHand 9 привело в усилению интеграции Flash и FreeHand. Фактически теперь символы во FreeHand и Flash представляют собой одно и то же. Дл...
Совет
Совет То же самое можно сделать, выбрав в меню ModifyoSymbol^Convert To....
Замечание
Замечание Символы FreeHand постоянно находятся в библиотеке. Большое удобство FreeHand состоит в том, что символы можно редактировать. Если символ FreeHand специально подготовлен для Fireworks, т...
Символы легко экспортируются из FreeHand во Flash
Рисунок 15.8. Символы легко экспортируются из FreeHand во Flash...
С помощью этого окна вы можете
Рисунок 15.9. С помощью этого окна вы можете импортировать все, начиная с объектов и заканчивая страницами, созданными во FreeHand...
Подготовка Flashанимации
Подготовка Flash-анимации   Создавая анимацию во Flash, лучше не концентрировать внимание на конечном продукте, а рассматривать анимацию как последовательность отдельных составляющих...
Подготовка сцены
Подготовка сцены Здесь вы имеете дело с неподвижными элементами. Кроме того, вы создаете пространство для подвижных элементов и загрузчик. Если элемент должен быть неподвижным на сцене,...
Слои в анимации настроены и готовы к использованию
Рисунок 15.10. Слои в анимации настроены и готовы к использованию...
Размещение подвижных и неподвижных объектов
Рисунок 15.11. Размещение подвижных и неподвижных объектов...
Анимирование объекта
Анимирование объекта Для того чтобы анимировать объект на сцене, вам придется воспользоваться соединением. Соединение — это автоматическое создание всех промежуточных шагов между начальным и конеч...
Ботинок готов свалиться на слово
Рисунок 15.12. Ботинок готов свалиться на слово 6. Передвиньте головку воспроизведения на кадр, на котором ботинок касается слова. Вставьте ключевой кадр в слой Words. Добавьте ключевой кадр в т...
Совет
Совет Есть несколько альтернативных способов вставить ключевой кадр. Щелкните на 5-м кадре и нажмите клавишу <F6>. В появившемся контекстном меню одной из строк будет Insert Keyframe. Ключ...
Слово Shoes должно выскочить со
Рисунок 15.13. Слово Shoes должно выскочить со своего места, как указано в кадрах 13,20 и 25 слоя Words Проявление и затенение Следующий элемент анимации, который мы должны создать, — это затенен...
Совет
Совет Изменение альфа-значения — эффектное средство, но пользоваться им нужно осмотр рительно. Дело в том, что оно значительно замедляет анимацию, накладывая дополнительную нагрузку на процессор...
Действия управляющие анимацией
Действия, управляющие анимацией   Actionscript (описание действий) — это язык программирования для Flash. Это совершенный язык, и его описанию посвящено множество книг. Естественно,...
Панель Actions
Панель Actions Если вы воспроизведете только что созданный ролик, то он будет воспроизводиться снова и снова. Мы называем такое воспроизведение циклическим. Но в данном случае это не то...
Панель Actions во Flash MX
Рисунок 15.14. Панель Actions во Flash MX Эта панель ведет себя подобно хамелеону, меняя вид и свойства в зависимости от ситуации. Например, в приведенном выше случае мы имели дело с действием ка...
Создание загрузчика во Rash MX
Создание загрузчика во Rash MX В нашем ролике есть два растровых изображения. Как вы знаете, растровые изображения сильно замедляют работу Flash MX. Имея это в виду, мы должны сделать так,...
Метка добавлена в 3й кадр слоя Label
Рисунок 15.15. Метка добавлена в 3-й кадр слоя Label 4. После того как текст программы введен, все должно выглядеть так, как на Рисунок 15.16. Выберите в меню панели пункт Check Syntax или нажмит...
Текст программы введен
Рисунок 15.16. Текст программы введен 5. В данном случае мы говорим программе, что нужно, войдя во 2-й кадр, перейти к 1-му. Добавьте ключевой кадр в 2-й кадр слоя Actions. Откройте панель Action...
Во 2й кадр вставлено действие GoTo
Рисунок 15.17. Во 2-й кадр вставлено действие GoTo...
Подготовка к экспорту проверка и оптимизация ролика
Подготовка к экспорту: проверка и оптимизация ролика   Ролик готов, и теперь настало время настоящей работы Flash. Для того чтобы ролик имел минимальный размер, необходимо удалить из...
Окно Bandwidth Profiler
Окно Bandwidth Profiler Окно Bandwidth Profiler (Рисунок 15.18) трудно переоценить. В нем вы можете не только просмотреть ролик, но и узнать, сколько байт занимает каждый кадр, могут ли...
В окне Bandwidth Profiler вы видите
Рисунок 15.18. В окне Bandwidth Profiler вы видите графическое представление потенциальных проблем. В данном случае пик в 1-м кадре означает, что в нем приходится загружать слишком много данных П...
Это диалоговое окна позволяет оптимизировать рисунок
Рисунок 15.19. Это диалоговое окна позволяет оптимизировать рисунок При создании растрового рисунка Flash использует сжатие JPG. Поэтому нельзя подвергать повторному сжатию уже сжатый рисунок, та...
Оптимизация векторных рисунков
Оптимизация векторных рисунков На скорость и эффективность воспроизведения влияют не только растровые рисунки. Векторные рисунки тоже могут создавать Если вы захотите отредактировать ри...
Совет
Совет Перечисленные выше команды можно вызвать и другим способом. Выделите объект на сцене и щелкните правой кнопкой мыши. Откроется контекстное меню, в котором вы можете выбрать все эти команды....
В диалоговом окне Optimize Curves
Рисунок 15.20. В диалоговом окне Optimize Curves с помощью ползунка выполняется оптимизация кривых 4. Отмените изменения, нажав клавиши <Ctrl+Z>. Выберите в меню Modify=>Straighten (Выпр...
Оптимизация звука во Flash MX
Оптимизация звука во Flash MX Чтобы привлечь к ролику внимание посетителя, добавим к нему звук. Но помните, что экспериментировать со звуком нужно осторожно, потому что именно звуковое...
В этом окне можно управлять сжатием
Рисунок 15.21. В этом окне можно управлять сжатием звука и обновить файл после повторного импортирования В верхней части окна вы видите данные о размере файла, дате его изменения, а также путь к н...
Воспроизведение звука
Воспроизведение звука К сожалению, добавление звука на шкалу времени — это не такой простой процесс. Вы можете подумать, что достаточно просто перетащить экземпляр звука на шкалу, но не тут то бы...
Замечание
Замечание Одно из лучших приложений для работы со звуком, разработанных для компьютеров Macintosh, — это, безусловно, SoundEdit16. Почему я говорю вам об этом? Да потому, что это тоже продукт ком...
Публикация ролика
Публикация ролика   Выжав из ролика каждый лишний байт, который только можно было выжать, и повозившись с программой Bandwidth Profiler, мы можем заняться подготовкой ролика к переда...
Установки публикации для подготовки ролика к экспорту
Установки публикации для подготовки ролика к экспорту Это самый важный раздел приложения. Именно здесь вы выбираете формат SWF-и HTML-файлов. Здесь вы указываете, как ролик будет передав...
Здесь вы можете выбрать установки
Рисунок 15.32. Здесь вы можете выбрать установки публикации для вашего ролика 2. На вкладке Formats установите флажки Flash и HTML. Если вам нужно переименовать файлы, снимите флажок Use Default...
На вкладке Flash вы можете указать
Рисунок 15.23. На вкладке Flash вы можете указать, как должны обрабатываться разные элементы вашего ролика...
Диалоговое окно Publish Settings
Рисунок 15.24. Диалоговое окно Publish Settings 5. Щелкните на кнопке Publish, сохраните ролик и выйдите из Flash MX. В результате публикации все файлы попадут в ту же папку, где находится ваш ро...
Экспорт файлов Flash в Dreamweaver MX
Экспорт файлов Flash в Dreamweaver MX Экспорт Flash-файлов в Dreamweaver MX достаточно прост. Вы должны разбить страницу на слаисы, Открыть файл в Dreamweaver MX и вставить Flash-файлы в...
Результаты публикации помещаются
Рисунок 15.25. Результаты публикации помещаются в ту же пату, в которой находится ролик Для того чтобы выполнить это, сделайте следующее. 1. Откройте файл ShoeSlice.png в Fireworks MX. Все слай...
Резюме
Резюме Пакет Macromedia Studio MX предоставляет широкий набор инструментов и средств для создания Web-анимации, но как мы уже говорили в этой главе, от инструментов будет не много проку,...
Слайсы созданы в Fireworks и собраны
Рисунок 15.26. Слайсы созданы в Fireworks и собраны в Dreamweaver. Заменитель ролика выделен и готов к удалению Приложение Flash, являясь векторным, очень тесно интегрировано с FreeHand. Очень мощ...








Начало