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

Rollover Images

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

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

Adobe® Dreamweaver® CS4

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

Adobe® Dreamweaver® CS4

– 2– 15358
Режим Code

Adobe® Dreamweaver® CS4

– 0– 3417

Теперь в руках 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 – 2257

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

Ссылка:

Скачать урок

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

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

Оглавление

Обзор программы
	1.	Назначение программы Adobe® Dreamweaver® CS4	1:21	3	10450
	2.	Стартовое окно	1:10	0	5717
	3.	Обзор интерфейса	2:09	0	4549
	4.	Переключение интерфейса	1:44	0	3247
	5.	Настройка интерфейса	1:51	0	2933
	6.	Обзор панели вставки	1:48	0	2625
	7.	Панель управления	1:46	0	2490
	8.	Строка состояния. Инструменты навигации по рабочей о...	1:34	0	2334
Начало работы
	9.	Создание сайта	2:04	2	15358
	10.	Создание документа	2:05	0	6103
	11.	Сохранение и открытие документов	1:10	0	3505
	12.	Режим Code	2:35	0	3417
	13.	Режим Design	1:35	1	3275
	14.	Работа со вспомогательными инструментами	2:16	0	2939
	15.	Установка опций фона web-страницы	1:52	0	4427
	16.	Макет страницы. Работа с фреймами	2:02	0	4398
	17.	Наполнение фреймов контентом	1:42	0	3223
Работа с текстовым контентом
	18.	Начальные настройки web-страницы	2:00	2	4386
	19.	Ввод текста и создание заголовоков	1:47	0	2775
	20.	Нумерованные списки	1:21	0	2366
	21.	Маркированные списки	1:37	0	2577
	22.	Многоуровневые списки	1:15	0	3123
	23.	Дополнительные настройки страницы	1:34	0	2104
	24.	Элементы SEO	2:01	2	2714
	25.	Панель History	1:19	0	1673
	26.	Редактирование состава меню Commands	1:10	0	1925
Работа со ссылками
	27.	Создание ссылок	2:15	0	2889
	28.	Создание ссылок на другие страницы	2:13	0	2705
	29.	Работа со ссылками при фреймовой структуре	1:23	0	1877
	30.	Отображение гиперссылок на странице	1:34	0	1936
Вставка графики на страницу
	31.	Добавление изображений	1:32	0	2691
	32.	Оптимизация графики	2:27	0	2192
	33.	Дополнительные настройки изображения	1:32	0	1932
	34.	Карта-изображение	1:15	0	2031
	35.	Rollover Images	1:44	0	2257
	36.	Размещение баннеров-изображений на странице	1:51	0	2452
Работа с мультимедиа-контентом и формами
	37.	Добавление анимации на страницу	1:38	0	2373
	38.	Добавление видео в формате flv	2:09	0	2234
	39.	Вставка звука в web-страницу	1:43	1	2053
	40.	Создание форм на web-странице	1:34	0	2678
	41.	Основные управляющие элементы форм	1:41	0	1832
Таблицы
	42.	Добавление таблиц на страницу	2:10	0	1998
	43.	Форматирование таблиц	1:44	0	1787
	44.	Работа с ячейками. Выделение ячеек	1:13	0	1473
	45.	Объединение и разбиение ячеек	1:17	0	2105
	46.	Сортировка данных в ячейке	2:00	0	1448
	47.	Макет страницы на основе таблицы	2:00	1	1965
	48.	Дополнительные возможности табличного дизайна	1:49	0	1904
Окончательная подготовка страницы для web
	49.	Просмотр результатов в обозревателе	1:04	0	2765
	50.	Редактирование списка браузеров	1:44	0	1825
	51.	Использование Device Central CS4	1:14	0	2745