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

Rollover Images

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

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

Adobe® Dreamweaver® CS4

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

Adobe® Dreamweaver® CS4

– 2– 15356
Режим 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 – 2256

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

Ссылка:

Скачать урок

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

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

Оглавление

Обзор программы
	1.	Назначение программы Adobe® Dreamweaver® CS4	1:21	3	10448
	2.	Стартовое окно	1:10	0	5716
	3.	Обзор интерфейса	2:09	0	4548
	4.	Переключение интерфейса	1:44	0	3246
	5.	Настройка интерфейса	1:51	0	2932
	6.	Обзор панели вставки	1:48	0	2624
	7.	Панель управления	1:46	0	2489
	8.	Строка состояния. Инструменты навигации по рабочей о...	1:34	0	2332
Начало работы
	9.	Создание сайта	2:04	2	15356
	10.	Создание документа	2:05	0	6101
	11.	Сохранение и открытие документов	1:10	0	3504
	12.	Режим Code	2:35	0	3416
	13.	Режим Design	1:35	1	3274
	14.	Работа со вспомогательными инструментами	2:16	0	2938
	15.	Установка опций фона web-страницы	1:52	0	4426
	16.	Макет страницы. Работа с фреймами	2:02	0	4397
	17.	Наполнение фреймов контентом	1:42	0	3221
Работа с текстовым контентом
	18.	Начальные настройки web-страницы	2:00	2	4385
	19.	Ввод текста и создание заголовоков	1:47	0	2774
	20.	Нумерованные списки	1:21	0	2365
	21.	Маркированные списки	1:37	0	2576
	22.	Многоуровневые списки	1:15	0	3122
	23.	Дополнительные настройки страницы	1:34	0	2103
	24.	Элементы SEO	2:01	2	2713
	25.	Панель History	1:19	0	1672
	26.	Редактирование состава меню Commands	1:10	0	1924
Работа со ссылками
	27.	Создание ссылок	2:15	0	2888
	28.	Создание ссылок на другие страницы	2:13	0	2703
	29.	Работа со ссылками при фреймовой структуре	1:23	0	1876
	30.	Отображение гиперссылок на странице	1:34	0	1935
Вставка графики на страницу
	31.	Добавление изображений	1:32	0	2690
	32.	Оптимизация графики	2:27	0	2191
	33.	Дополнительные настройки изображения	1:32	0	1931
	34.	Карта-изображение	1:15	0	2030
	35.	Rollover Images	1:44	0	2256
	36.	Размещение баннеров-изображений на странице	1:51	0	2451
Работа с мультимедиа-контентом и формами
	37.	Добавление анимации на страницу	1:38	0	2372
	38.	Добавление видео в формате flv	2:09	0	2233
	39.	Вставка звука в web-страницу	1:43	1	2052
	40.	Создание форм на web-странице	1:34	0	2677
	41.	Основные управляющие элементы форм	1:41	0	1831
Таблицы
	42.	Добавление таблиц на страницу	2:10	0	1997
	43.	Форматирование таблиц	1:44	0	1786
	44.	Работа с ячейками. Выделение ячеек	1:13	0	1472
	45.	Объединение и разбиение ячеек	1:17	0	2104
	46.	Сортировка данных в ячейке	2:00	0	1447
	47.	Макет страницы на основе таблицы	2:00	1	1964
	48.	Дополнительные возможности табличного дизайна	1:49	0	1903
Окончательная подготовка страницы для web
	49.	Просмотр результатов в обозревателе	1:04	0	2764
	50.	Редактирование списка браузеров	1:44	0	1824
	51.	Использование Device Central CS4	1:14	0	2744