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

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

Теперь в руках 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...
Скачать урок
Текст урока
Элемент карта-изображение в web-дизайне используется довольно часто.
Карта-изображение – это картинка, которая состоит из частей, каждая из которых является ссылкой. Карта-изображение – это отличный элемент интерактива на странице.
Процесс его создания очень прост. Вставьте на страницу любое изображение. На панели Properties (свойства) внизу слева расположены кнопки для создания карт. С помощью доступных инструментов вы можете создавать на картинке прямоугольные, круглые, а также произвольные многоугольные области-ссылки.
Разбейте вставленный рисунок на области с помощью доступных инструментов. Затем выберите инструмент Pointer (указатель). Щелкните по любой области. На панели атрибутов для выбранной области имеется возможность указать путь ссылки, текст подсказки и другие стандартные настройки для ссылок.
Проделайте все настройки для каждой области на изображении. Теперь на вашей странице создана полноценная карта-изображение.
Комментарии (0)

Оглавление
Обзор программы
1. Назначение программы Adobe® Dreamweaver® CS4 1:21 3 10413
2. Стартовое окно 1:10 0 5705
3. Обзор интерфейса 2:09 0 4538
4. Переключение интерфейса 1:44 0 3238
5. Настройка интерфейса 1:51 0 2923
6. Обзор панели вставки 1:48 0 2619
7. Панель управления 1:46 0 2483
8. Строка состояния. Инструменты навигации по рабочей о... 1:34 0 2326
Начало работы
9. Создание сайта 2:04 2 15318
10. Создание документа 2:05 0 6083
11. Сохранение и открытие документов 1:10 0 3499
12. Режим Code 2:35 0 3402
13. Режим Design 1:35 1 3269
14. Работа со вспомогательными инструментами 2:16 0 2933
15. Установка опций фона web-страницы 1:52 0 4420
16. Макет страницы. Работа с фреймами 2:02 0 4388
17. Наполнение фреймов контентом 1:42 0 3214
Работа с текстовым контентом
18. Начальные настройки web-страницы 2:00 2 4383
19. Ввод текста и создание заголовоков 1:47 0 2771
20. Нумерованные списки 1:21 0 2364
21. Маркированные списки 1:37 0 2573
22. Многоуровневые списки 1:15 0 3121
23. Дополнительные настройки страницы 1:34 0 2102
24. Элементы SEO 2:01 2 2710
25. Панель History 1:19 0 1672
26. Редактирование состава меню Commands 1:10 0 1923
Работа со ссылками
27. Создание ссылок 2:15 0 2884
28. Создание ссылок на другие страницы 2:13 0 2699
29. Работа со ссылками при фреймовой структуре 1:23 0 1874
30. Отображение гиперссылок на странице 1:34 0 1933
Вставка графики на страницу
31. Добавление изображений 1:32 0 2687
32. Оптимизация графики 2:27 0 2189
33. Дополнительные настройки изображения 1:32 0 1928
34. Карта-изображение 1:15 0 2029
35. Rollover Images 1:44 0 2255
36. Размещение баннеров-изображений на странице 1:51 0 2449
Работа с мультимедиа-контентом и формами
37. Добавление анимации на страницу 1:38 0 2371
38. Добавление видео в формате flv 2:09 0 2231
39. Вставка звука в web-страницу 1:43 1 2051
40. Создание форм на web-странице 1:34 0 2673
41. Основные управляющие элементы форм 1:41 0 1828
Таблицы
42. Добавление таблиц на страницу 2:10 0 1993
43. Форматирование таблиц 1:44 0 1786
44. Работа с ячейками. Выделение ячеек 1:13 0 1471
45. Объединение и разбиение ячеек 1:17 0 2100
46. Сортировка данных в ячейке 2:00 0 1445
47. Макет страницы на основе таблицы 2:00 1 1963
48. Дополнительные возможности табличного дизайна 1:49 0 1902
Окончательная подготовка страницы для web
49. Просмотр результатов в обозревателе 1:04 0 2760
50. Редактирование списка браузеров 1:44 0 1822
51. Использование Device Central CS4 1:14 0 2741
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook