Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
Средствами операционной системы Windows скопируйте файл Примеры\Глава_5\ !banner.gif с прилагаемого к книге компакт-диска в папку СЛСайты.
Скопированный графический файл мы создали в главе, посвященной программе Ulead GIF Animator, .... .?,:,
10-5967 * " Y ' ' '¦." ¦¦ .. ¦ ' - .
290
Быстро и легко создаем, программируем и раскручиваем Web-сайт
> Щелкните мышью на втором сверху рисунке, в котором первая буква надписи АТЛАНТ частично затенена, чтобы выделить изображение.
> Выберите команду меню Window* behaviors' (Окно ¦ Поведение). На экране появится группа панелей Tag Inspector (Инспектор тегов) с "открытой панелью Behaviors (Поведение) для определения поведения объекта (Рис. 7.38).
_ . Рис. 7.38. Панель Behaviors (Поведение) группы панелей Design (Проектирование)
> "Нажмите кнопку Й). На-экране появится меню процедур поведения объекта (Рис. 7.39).
»I
¦к
і Ji.: її'
¦ ¦-> ¦r !,',:; ь .~."»o»i.i-: .-л
«Тій -*W*f*?«. y-
Call JavaScript
Change Property
Check Browtei
Check Plugin "'
Central Shockwave « R««K
Di ag lapei
Go To URL
Hide Pop-Up Manu
Juap MfMMi 60 Open BiOW*« Window Play Sound Popup Menage Preload Images Set Nav Bar Image . Sot Text
Show Pop-Up Menu Shovr-Hkfo layers
Swap Image
Swap Image Rettore
Validate Fwa
Gel More Behavior*...
: :j--,*Vk'v 1
Puc. 7.39. Меню процедур поведения
- : . ¦ -. ¦. .: , ' •.-V •.<*•'•••
> В меню выберите команду Swap Image (Сменить изображение), которая позволяет заменить один рисунок на другой. На экране появится диалог Swap Image (Заменить • изображение) (Рис. 7.40). . ,.- ,-, ¦',,.•-.1V,, ,
-1
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX
291
!¦Г-tAafi Л
¦ 1 45TKW.
Рис. 7.40. Диалог Swap Image (Заменить изображение)
> Убедитесь, что в списке Images (Изображения) выбрана строка ЬаппеґІ.
¦ .• -і . • • V .
Рисунок с названием должен быть заменен при наведении на него указателя
мыши.
> Нажмите кнопку Browse (Обзор). На экране появится диалог Select Image Source (Выбрать исходное изображение), позволяющий выбрать изображение, которое будет
появляться при возникновении события (Рис. 7.21).
> В открывающемся списке Папка (Save in) выберите дискС:.
>¦ В списке папок и файлов диалога выберите папку Сайты, в которой находится необходимое изображение.
> Щелкните мышью на графическом файле banner.gif в списке папок и файлов. В поле ввода Имя файла (File name) появится имя выбранного файла.
у Нажмите кнопку ОК, чтобы закрыть диалог Select Image Source (Выбрать исходное изображение). В поле ввода Set Source to (Заменить исходное изображение на) диалога Swap Image (Заменить изображение) появится имя выбранного файла.
> Если сброшен флажок Preload images (Предварительная загрузка изображений), то установите его, чтобы рисунки помещались в кэш браузера при загрузке создаваемой страницы.
у сброшен флажок Restore images onMouseOut (Восстановить изображения после ухода указателя мыши), то установите его для замены нового рисунка на исходный после того, как указатель мыши окажется вне пределов изображения.
Нажмите кнопку ОК, чтобы закрыть диалог Swap Image (Заменить изображение). Обратите внимание, что на панели Behaviors (Поведение) появились две строчки
(Рис. 7.41). В столбце Actions (Действия) отображается указанное поведение объекта . Swap Image (Заменить изображение) и Swap Image Restore (Восстановить изображение после замены). В столбце Events (События) расположены названия событий, заданных по умолчанию: onMouseOver (Наведение указателя мыши на объект) и onMouseOut (Уход указателя мыши с объекта). Если указанные события вам не подходят, то с помощью кнопки в строке события можно выбрать другое событие.
... j1, << ¦ ;.- ' : ,- ., V-T • ..- i ¦ •.•. <>*<fl^v: f.
'-. '.. ' у '.. j , ... '/.V <•
292
Быстро и легко создаем, программируем и раскручиваем Web-сайт
Рис. 7.41. События и поведение объекта
Осталось проверить поведение объекта в браузере. ' -
> Нажмите кнопкуЖі Preview/Debug in Browser (Просмотреть/Отладить ' в браузере) ¦•"-на панели инструментов Document (Документ). На экране1 появится меню выбора
-браузера (Рис. 7.3}). • : ' •¦
> ' Выберите команду Preview in iexplore (Предварительный ' просмотр' в браузере Micro.; ' soft Internet Explorer) в меню. На экране появится окно браузера, в котором будет
''отображаться созданная Web-страница (Рис. 7.33). . , , л.
> Подведите указатель мыши к анимационному баннеру с частичным затенением над.. -писи АТЛАНТ. Вместо данного баннера появится анимационный фильм, в котором
і!', перемещается летающий объект и обесцвечивается текст (Рис. 7.42).
• Microsoft. Internet Explorer
СЮІГхІ
j| Файл Правка В НА Избранное Сервис Справка
]|Адрес: [gC:4CaHTbi\indiin.hHi В Перекал
Компьютеры на любой вкус
КоМПЯНИЯАТЛАНТ
Компания ЛТЛАНТабкпечит вас любым катыааарчым оборудованием и профамшми