Каталог › TeachVideo - Администрирование и разработка сайтов › Adobe® Dreamweaver® CS4

Rollover Images

С этим уроком также смотрят

Маркированные списки

Adobe® Dreamweaver® CS4

– 0– 2575
Создание сайта

Adobe® Dreamweaver® CS4

– 2– 15355
Режим Code

Adobe® Dreamweaver® CS4

– 0– 3416

Теперь в руках Web-разработчиков есть универсальный пакет Dreamweaver® CS4 для создания современных Web-приложений.

Adobe® and Dreamweaver® are registered trademarks of Adobe® Systems Incorporated in the United States and/or other countries.

Обновлен: 14 марта 2011

Adobe® Dreamweaver® CS4,
TeachVideo - Администрирование и разработка сайтов

Скачать видеокурс ()

Loading the player...

← Карта-изображение

– 0 – 2255

Размещение баннеров-изображени... →

Ссылка:

Скачать урок

Текст урока: Рассмотрим теперь возможность вставки на страницу интерактивных элементов. К ним, например, относятся интерактивные картинки, которые меняются при наведении на них курсора.
Для вставки воспользуйтесь раскрывающейся кнопкой, расположенной на панели вставки. В выпадающем списке выберите кнопку Rollover Image. После ее нажатия на экране появится диалоговое окно.
В первом поле введите название вставляемой интерактивной картинки. В полях ниже, с помощью кнопки Browse (обзор) необходимо выбрать картинку, которая будет отображаться по умолчанию на странице, а также картинку, которая будет помещаться вместо первой при наведении курсора на область изображения. В последнем поле имеется возможность выбора документа, на который перейдет страница, при нажатии на интерактивную картинку.
После всех установок нажмите ОК. Картинка появится на экране. Обратите внимание на то, что на панели атрибутов доступны все настройки обычной графики.
Запустите режим просмотра в окне обозревателя и посмотрите на все состояния картинки.
Интерактивную картинку можно использовать для создания красивых «живых» ссылок. Для этого просто нужно выбрать две картинки с небольшими отличиями – тогда при наведении мыши будет создаваться эффект простой анимации.
Также, данный элемент очень часто используется для создания кнопок.

Комментарии (0)

Оглавление

Обзор программы
	1.	Назначение программы Adobe® Dreamweaver® CS4	1:21	3	10440
	2.	Стартовое окно	1:10	0	5715
	3.	Обзор интерфейса	2:09	0	4548
	4.	Переключение интерфейса	1:44	0	3246
	5.	Настройка интерфейса	1:51	0	2930
	6.	Обзор панели вставки	1:48	0	2623
	7.	Панель управления	1:46	0	2488
	8.	Строка состояния. Инструменты навигации по рабочей о...	1:34	0	2331
Начало работы
	9.	Создание сайта	2:04	2	15355
	10.	Создание документа	2:05	0	6099
	11.	Сохранение и открытие документов	1:10	0	3503
	12.	Режим Code	2:35	0	3416
	13.	Режим Design	1:35	1	3273
	14.	Работа со вспомогательными инструментами	2:16	0	2937
	15.	Установка опций фона web-страницы	1:52	0	4425
	16.	Макет страницы. Работа с фреймами	2:02	0	4395
	17.	Наполнение фреймов контентом	1:42	0	3220
Работа с текстовым контентом
	18.	Начальные настройки web-страницы	2:00	2	4384
	19.	Ввод текста и создание заголовоков	1:47	0	2773
	20.	Нумерованные списки	1:21	0	2364
	21.	Маркированные списки	1:37	0	2575
	22.	Многоуровневые списки	1:15	0	3122
	23.	Дополнительные настройки страницы	1:34	0	2102
	24.	Элементы SEO	2:01	2	2713
	25.	Панель History	1:19	0	1672
	26.	Редактирование состава меню Commands	1:10	0	1923
Работа со ссылками
	27.	Создание ссылок	2:15	0	2887
	28.	Создание ссылок на другие страницы	2:13	0	2702
	29.	Работа со ссылками при фреймовой структуре	1:23	0	1875
	30.	Отображение гиперссылок на странице	1:34	0	1934
Вставка графики на страницу
	31.	Добавление изображений	1:32	0	2690
	32.	Оптимизация графики	2:27	0	2190
	33.	Дополнительные настройки изображения	1:32	0	1930
	34.	Карта-изображение	1:15	0	2029
	35.	Rollover Images	1:44	0	2255
	36.	Размещение баннеров-изображений на странице	1:51	0	2450
Работа с мультимедиа-контентом и формами
	37.	Добавление анимации на страницу	1:38	0	2372
	38.	Добавление видео в формате flv	2:09	0	2232
	39.	Вставка звука в web-страницу	1:43	1	2051
	40.	Создание форм на web-странице	1:34	0	2676
	41.	Основные управляющие элементы форм	1:41	0	1828
Таблицы
	42.	Добавление таблиц на страницу	2:10	0	1995
	43.	Форматирование таблиц	1:44	0	1786
	44.	Работа с ячейками. Выделение ячеек	1:13	0	1471
	45.	Объединение и разбиение ячеек	1:17	0	2103
	46.	Сортировка данных в ячейке	2:00	0	1446
	47.	Макет страницы на основе таблицы	2:00	1	1963
	48.	Дополнительные возможности табличного дизайна	1:49	0	1902
Окончательная подготовка страницы для web
	49.	Просмотр результатов в обозревателе	1:04	0	2763
	50.	Редактирование списка браузеров	1:44	0	1824
	51.	Использование Device Central CS4	1:14	0	2743