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


Создание элементов навигации


Создание элементов навигации
Создание элементов навигации   В этой главе описывается, как с помощью пакета Studio MX создать кнопки: круглые, квадратные, мигающие и др. Кроме того, мы займемся созданием меню — в...
Создание кнопок в Fireworks MX
Создание кнопок в Fireworks MX   Как правило, прежде чем создавать Web-страницы, разработчики и художники тратят значительное время на создание разных вариантов кнопок для разных состо...
Создание символа кнопки и редактирование ее экземпляра
Создание символа кнопки и редактирование ее экземпляра Процесс создания кнопки в Fireworks MX начинается с создания символа Button. После объявления объекта символом Button откроется окн...
Панель стилей Fireworks MX
Панель стилей Fireworks MX Не каждый с первого взгляда сможет оценить полезность панели Styles. Эта панель содержит набор преопределенных объектов и текстовых эффектов. В этой же панелЯ1Рч браны...
Создать новый стиль совсем не
Рисунок 17.1. Создать новый стиль совсем не сложно, если воспользоваться окном New Style 7. Две одинаковые кнопки с одинаковыми именами собьют с толку кого угодно. Выделив новую кнопку, измените...
Редактор кнопок
Редактор кнопок Итак, мы создали кнопку. Но пока эта кнопка не выполняет никаких функций. Ни наведение курсора на нее, ни щелчок на ней ни к чему не приводят. Все эти действия задаются в...
Изменение свойства экземпляра
Рисунок 17.2. Изменение свойства экземпляра в окне свойств не влияет на остальные экземпляры этого объекта Если вы предпочитаете делать все самостоятельно, нарисуйте кнопки во FreeHand MX, а потом...
Совет
Совет Есть еще один способ перенести объект, расположенный на холсте, в окно редактора кнопок. Откройте окно редактора, соответствующее состоянию Up. Перетащите рисунок с холста в окно редактора....
Ссылка добавляется в окне редактора
Рисунок 17.3. Ссылка добавляется в окне редактора кнопок, а ее текст вводится в окне свойств 6. Откройте редактор кнопок и щелкните на вкладке Over While Down. Щелкните на кнопке Copy Down Graph...
Совет
Совет Состояние кнопки Over While Down - это необычное состояние, и его не следует использовать для простых ролловеров. Имеется в виду, что мышь нажата на кнопке и остается нажатой некоторое врем...
Замечание
Замечание Если несколько кнопок являются общими для всех страниц Web-узла, то можно сделать их доступными для всех участников рабочей группы. Создайте все кнопки со всеми состояниями в многослойн...
Кнопки во Flash MX
Кнопки во Flash MX   Для того чтобы создать кнопку в приложении Flash MX, не нужно быть семи пядей во лбу. Кнопка во Flash — это не более чем клип из четырех кадров. Три кадра содерж...
Создание кнопки во Flash MX
Создание кнопки во Flash MX После того как вы узнали, что кнопкой может быть что угодно, перед вами открываются неограниченные возможности. Текст может изменять цвет, объекты могут выгл...
Разные состояния кнопки созданы на ее шкале времени
Рисунок 17.4. Разные состояния кнопки созданы на ее шкале времени...
Совет
Совет Для того чтобы проверить разные состояния кнопок, выберите в меню Control=>Enable Simple Button или нажмите клавиши <Ctrl+Alt+B>. Наведите курсор на каждую из кнопок и щелкните мыш...
Создание функций кнопки
Создание функций кнопки С появлением версии Flash MX кодирование кнопок стало, вообще говоря, легче, но в некоторых случаях труднее. В предыдущих версиях приложения, когда вы открывали п...
Использование действий для перемещения по ролику
Использование действий для перемещения по ролику Возможность загружать страницы и переходить на внешние адреса — это только один из способов применения Flash-кнопок. Но их можно использовать и дл...
Адрес введен в событие getURL
Рисунок 17.5. Адрес введен в событие getURL. Вы можете обрабатывать несколько событий, по сейчас нам достаточно только одного Для того чтобы добавить к кадру действие, выполните следующее. 1. До...
Совет
Совет Старайтесь давать символам описательные и понятные имена. Например, имя ТоМacromedia говорит больше, чем Button 1. 5. Щелкните на ключевом кадре в 5-м кадр...
Совет
Совет Редактор Actionscript занимает довольно много места на экране. Возьмите себе за правило закрывать его каждый раз перед тем, как проверять работу программы. 14. Опубликуйте ваш ролик и пров...
Совет
Совет В среде разработчиков Flash принято для перехода между кадрами пользоваться метками, а не номерами кадров. Когда программа ссылается на метку кадра, то воспроизведение всегда переходит имен...
Создание кнопки Aqua Interface
Создание кнопки Aqua Interface Когда компания Apple представила на рынок свой новый продукт OS X, все группы новостей и форумы вдруг оказались заваленными вопросами о том, как создать эффектные...
Создание механизма перемещения
Рисунок 17.6. Создание механизма перемещения по шкале времени требует тщательного планирования. Всегда пользуйтесь метками, но не номерами кадров Пример такой кнопки вы найдете на Web-странице...
Кнопки на Webузле Apple
Рисунок 17.7. Кнопки на Web-узле Apple 1. Перетащите горизонтальную направляющую на отметку 0 пикселей и еще две — на отметки 20 и 38 пикселей. Это нужно для точного рисования и позиционировани...
Фигуры и текст созданы во FreeHand
Рисунок 17.8. Фигуры и текст созданы во FreeHand и готовы к экспортированию в Fireworks MX...
Замечание
Замечание В принципе, мы могли бы сделать заливку фигур во FreeHand, но дело в том, что палитра этой программы не позволяет создавать цвета на основе числовых значений. Поэтому мы решили только...
Совет
Совет Если у вас нет особых соображений по поводу выбора имен для слоев, можете поручить это программе. Для этого вам нужно перетащить копию слоя Button на значок нового слоя, который расположен...
Так должны выглядеть слои
Рисунок 17.9. Так должны выглядеть слои Для того чтобы экспортировать кнопку во Flash MX, ее нужно тщательно подготовить. Поскольку Flash MX может принимать рисунки с Alpha-каналом, вам не нужн...
Так выглядит шкала времени мигающей кнопки
Рисунок 17.10. Так выглядит шкала времени мигающей кнопки...
Совет
Совет Правильно расположить экземпляр объекта не так уж сложно. После того как вы поместили экземпляр графического символа кнопки в 1-й кадр, добавьте ключевой кадр во 2-й кадр, соответствующий...
Щелчок на кнопке в броузере открывает
Рисунок 17.11. Щелчок на кнопке в броузере открывает страницу New Riders в новом окне    ...
Работа с кнопками в Dreamweaver MX
Работа с кнопками в Dreamweaver MX   Как вы уже знаете, есть несколько способов создания кнопок. Однако все они сводятся к тому, что созданная кнопка должна быть встроена в структуру...
Flashкнопки в Dreamweaver MX
Flash-кнопки в Dreamweaver MX Когда компания Macromedia вывела на рынок 4-ю версию программы Dreamweaver, в этой программе была новая, но довольно эффектная функция под названием Flash...
Замечание
Замечание Flash-кнопку можно вставить только в именованный документ. Если вы откроете новый документ, программа попросит вас сохранить его перед тем, как вставлять Flash-кнопку, Есть еще два спос...
Диалоговое окно Insert Flash Button
Рисунок 17.12. Диалоговое окно Insert Flash Button...
Предупреждение
Предупреждение Отнеситесь осмотрительно к форматированию текста кнопки. Не все шрифты подходят для этой цели. Для того чтобы проверить, насколько хорош ваш выбор, введите текст, отформатируйте ег...
Совет
Совет Если вы закроете страницу, на которой есть Flash-кнопка, а позже откроете ее опять, то может получиться так, что на месте кнопки вы увидите пиктограмму Flash Content. Для того чтобы отобраз...
Использование кнопки созданной во Flash MX
Использование кнопки, созданной во Flash MX Как вы уже поняли, создать кнопку с помощью Flash MX не так уж сложно. В начале этого раздела мы покажем, как можно создать простую Flash-кно...
Созданы разные состояния топки
Рисунок 17.13. Созданы разные состояния топки. Обратите внимание на положение центральной точки градиента, выбранное с помощью инструмента Fill Transform 20. Щелкните на кнопке Done над шкалой вр...
Кнопка экспортирована в Dreamweaver MX
Рисунок 17.14. Кнопка экспортирована в Dreamweaver MX...
Взаимодействие FreeHand MX Flash MX и Dreamweaver MX
Взаимодействие FreeHand MX, Flash MX и Dreamweaver MX Средства рисования Flash MX довольно примитивны по сравнению со средствами FreeHand. Вы только что создали кнопку, использовав для это...
Замечание
Замечание Первые версии программы FreeHand создавались во времена печатных технологий, поэтому, когда приходится выбирать цвет, инструменты для этого напоминают те книжки с образцами цветов, кото...
Совет
Совет Если вы экспортируете документ FreeHand, в котором есть только одно состояние кнопки, Up, то во Flash MX попадет именно такой странный символ. Кроме того, FreeHand всегда создает в библиоте...
Совет
Совет Противоположно направленные градиенты создают иллюзию того, что один из них растворяется в другом. 6. Откройте новый документ Flash MX и установите сцену 120x130 пикселей. Фон сделайте бе...
Так должна выглядеть ваша кнопка
Рисунок 17.15. Так должна выглядеть ваша кнопка 14. Щелкните на кнопке Flash MX панели Insert, укажите файл, который вы только что создали, и щелкните на кнопке ОК. Кнопка будет вставлена на стра...
Замечание
Замечание Мы рассмотрели много способов взаимодействия Flash и Dreamweaver. Но при этом мы имели дело только с конкретными кнопками. Запомните — если вы можете создать одну кнопку и настроить ее...
Использование правил Dreamweaver MX
Использование правил Dreamweaver MX Правила (behavior) Dreamweaver MX — это очень мощные средства. Правило — это комбинация события и действия. Пример события — это наведение курсора на...
Панель Behaviors
Рисунок 17.16. Панель Behaviors...
Правила и броузеры
Правила и броузеры Здесь мы должны вас предупредить, что все сказанное не относится к броузерам версии 3,0 и более ранним. Для того чтобы убедиться в этом, щелкните на кнопке Add Event и перейди...
Создание раскрывающихся меню в Fireworks MX
Создание раскрывающихся меню в Fireworks MX Раскрывающиеся меню — это удобный элемент интерфейса. Стоит щелкнуть на элементе меню, и пользователю предоставляется последовательность подме...
Замечание
Замечание Если вам нужно создать подпункт меню Colors, щелкните два раза на кнопке Indent Menu....
Введите слова в область Text чтобы создать меню и подменю
Рисунок 17.17. Введите слова в область Text, чтобы создать меню и подменю 9. Щелкните на вкладке Appearance. .Эта область редактора отвечает за ориентацию, стиль текста, его цвет и вид самой кноп...
Замечание
Замечание Если щелкнуть на кнопке Image, откроется серия кнопок, которые отвечают за вид данного пункта. Если вам кажется, что данных средств недостаточно, примените собственный стиль, создав цве...
Вкладка Appearance редактора меню
Рисунок 17.18. Вкладка Appearance редактора меню Результаты вашего выбора отобразятся в окне вкладки Advanced. Щелкните на кнопке Next. 12. На вкладке Position вы можете задать положение главног...
Использование компонентов для создания меню во Flash MX
Использование компонентов для создания меню во Flash MX Есть несколько способов создания меню во Flash MX, начиная с самого простого (передвижение по шкале времени) и заканчивая довольно...
Разные свойства компонента могут
Рисунок 17.19. Разные свойства компонента могут быть установлены в окне свойств 8. Переведите воспроизведение в 1-й кадр и выделите ComboBox. Теперь у вас в окне свойств отображается совсем друг...
Создание свойств меню Указав значение
Рисунок 17.20. Создание свойств меню. Указав значение False для поля Editable, вы запретите вводить текст в компонент СоmbоВох 10. Итак, все элементы находятся на своих местах. Теперь нужно налади...
Карты изображений в Fireworks MX
Карты изображений в Fireworks MX Дизайнеры часто считают, что если есть некоторый современный и модный инструмент, то им непременно нужно воспользоваться. В начале этой главы мы расска...
Окончательная версия Flashпрезентации
Рисунок 17.21. Окончательная версия Flash-презентации Для того чтобы создать карту изображения, сделайте следующее. 1. Откройте файл Imagemap.png, который находится в папке FWMenufolder, вложенн...
Кадры созданы путем дублирования
Рисунок 17.22. Кадры созданы путем дублирования их и размещения круга на новом месте в каждом кадре 1. Отключите видимость Web-слоя. Выделите слайс над цифрой 1 и перетащите его к левому краю. Поя...
Резюме
Резюме Мы рассмотрели создание элементов навигации с помощью инструментов, входящих в состав пакета Studio MX. Перед вами открываются широчайшие возможности и богатый выбор, начиная от п...
Слайсы созданы URL введен в окне свойств
Рисунок 17.23. Слайсы созданы. URL введен в окне свойств Мы также рассмотрели, как с помощью Fireworks, FreeHand и Flash MX можно создать мигающую кнопку, похожую на те кнопки, которые используютс...








Начало    


Книжный магазин