- •Уроки html'а. Урок # 1.
- •Уроки html'а. Урок # 2.
- •Заголовки
- •Набор текста
- •Разделители
- •Уроки html'а. Урок # 3.
- •Верхние и нижние индексы
- •Уроки html'а. Урок # 4.
- •Управление цветом шрифта
- •Шрифты различного начертания
- •Уроки html'а. Урок # 5.
- •Списки и таблицы
- •Что такое списки и таблицы
- •Как списки помогают организовать нам информацию
- •Как создать список на вашей странице
- •Нумерованный список
- •Списки определений
- •Списки в списках
- •Уроки html'а. Урок # 7.
- •Как построить таблицу
- •Объединение нескольких столбцов в одну ячейку
- •Включение списка в таблицу
- •Уроки html'а. Урок # 8.
- •Выравнивание текста в таблице
- •Цвета в таблице
- •Предварительное форматирование
- •Уроки html'а. Урок # 9.
- •Где вы сможете найти графику, изображения и рисунки
- •Создаем свое изображение
- •Как поместить изображение на страницу
- •Оптимальные размеры изображений
- •Миниатюра полное изображение
- •Алтернативный текст
- •Выравнивание изображений
- •Задание размера изображения
- •Пиктограммы
- •Линии и полосы
- •Фон страниц
- •Уроки html'а. Урок # 11.
- •Как браузеры работают с прозрачными изображениями
- •Создание прозрачных gif-изображений
- •Наложение изображений
- •Уроки html'а. Урок # 12.
- •Понятие гипертекстовой ссылки
- •Анатомия ссылки
- •Ссылки на любое место в www
- •Уроки html'а. Урок # 13.
- •Создание якоря и присвоение ему якоря
- •Ссылка на якорь
- •Компоновка ссылок в виде списков
- •Текст ссылок должен быть понятным
- •Уроки html'а. Урок # 14.
- •Изображения-карты
- •Как работают изображения-карты
- •Изображения-карты не являются новой технологией
- •Различия между серверными и клиентскими изображениями-картами
- •Разбиение изображения на фрагменты
- •Уроки html'а. Урок # 15.
- •Прямоугольники
- •Окружности
- •Многоугольники
- •Уроки html'а. Урок # 16.
- •Совершенствования веб-страницы
- •Развертывание веб-страницы в веб-узел
- •Зачем разделять веб-страницу
- •Правильно проектируйте свой узел
- •Подсчет числа посетителей домашней страницы
Как работают изображения-карты
Вы уже знакомы с тем, как располагать графику на веб-странице, и умеете использовать изображение в качестве ссылки, вставляя тег <img> в гипертекстовую ссылку, например, так:
<a href="http://cray.vision.krg.kz/~Sam/dlab"><img src="http://cray.vision.krg.kz/~Sam/dlab/butts/1.gif"></a>
В этом примере я ввожу кнопку своего проекта. Если посетитель щелкнет на этом изображении, браузер автоматически загрузит сайт Design Laboratory.
На каком бы месте рисунка вы ни кликнули, вы все равно осуществится ссылка на Design Laboratory. В этом и состоит отличие простого изображения от изображения-карты. Кликнув на разных фрагментах изображения-карты, вы попадаете на различные HTML-файлы.
Это очень удобная технология, поскольку посетители веб-страницы привыкают к одному определенному изображению и с его помощью перемещаются со страницы на страницу, кликая на различных его фразментах.
Посмотрите на домашнюю страницу моей подруги (Weirdo). Это замечательный пример изображения-карты. Я поместил на страницу 25 разных изображений, некоторые из которых - изображения-карты. Каждый фрагмент с надписью (chat, about me, favorites) переносит вас на определенную страницу.
Есть много полезных способов применения изображений-карт. Например, можно создать карту Италии. Вы сможете кликать мышью на любом регионе или городе, о котором хотите узнать. Кликните на Риме, и вы увидите Колизей, на Пизе - знаменитую "кривую" башню. Вот и идея для сайта ;). Компания Боинг, например, может вывести расунок своего самолета. Чтобы ознакомиться с моделью, предположим, 777, ему будет достаточно кликнуть на определенный участок рисунка.
Практически любое изображение легко превратить в изображение-карту. При использовании соответствующих средств изображение-карту можно разработать и ввести в веб-страницу за несколько минут.
Изображения-карты не являются новой технологией
Изображения-карты используются давольно давно. Однако с появлением версии Netscape 2.0 их применение на веб-страницах стало намного проще.
Раньше, вводя в свою веб-страницу изображение-карту, вы зависели от программного обеспечения своего сервера. Сервер управляет доступом ко всем веб-страницам на определенном интернет-узле. Чтобы использовать изображение-карту, нужно было найти подходящее изображение, определить, какой его фрагмент будет служить ссылкой на какой документ, а затем произвести необходимые установки на сервере. Это было довольно сложно даже для тех, кто понимал каждый шаг. Некоторые веб-серверы не позволяли использовать изображения-карты, поэтому их применение на веб-страницах было прерогативой профессиональных веб-разработчиков и крупных компаний. Лишь немногие частные лица использовали на своих личных страницах изображения-карты.
Однако теперь создание изображений-карт значительно упростилось. Появление их новой разновидности под названием клиентские изображения-карты намного облегчило применение данной технологии для индивидуальных разработчиков веб-страниц, таких как вы.
