Использование программы CGI для отслеживания нажатий кнопки мышиКак было сказано выше, для обеспечения работы изображений-карт нужна программа CGI (Common Gate Interface, Общий шлюзовой интерфейс), установленная на сервере. Программа просмотра пользователя при щелчке мышью запускает эту программу и передает ей координаты указателя. Программа CGI, используя файл, определяющий изображение-карту, находит соответствующий координатам URL - адрес и передает его обратно браузеру. В большинстве случаев программа для отслеживания координат мыши предоставляется провайдером услуг Internet. В HTML - документе строка, описывающая изображение-карту, может выглядеть, например, следующим образом: <А HREF=“http://www.myserver.com/cgi-bin/mapfile.map”> <IMG SRC=“imagemap.gif” ISMAP> </A> В атрибуте HREF указана ссылка, но не на другую Web - страницу или ресурс Internet, а на изображение-карту. В зависимости от того, каким образом создается изображение-карта, и как работает провайдер, можно также добавлять или не добавлять ссылку на конкретную программу CGI. Когда пользователь активизирует чувствительную зону, координаты указателя обрабатываются программой CGI, и браузер получает от нее нужный URL - адрес. Большинство провайдеров при создании каталога для Web-сайта пользователя добавляют префикс (~) к его имени. Таким образом, для того чтобы изображение-карта работала, необходимо включить в документ строку такого вида: <А HREF=“cgi-bin/imagemap/~username/image.map”><IMG SRC=“myimage. gif” ISMAP></A> Атрибут HREF указывает на /cgi-bin/imagemap/~username/image.map. Вместо username нужно вставить свое имя, а вместо image.map - название файла изображения-карты. Необходимо иметь в виду, что у каждого провайдера могут быть свои требования к тому, как хранить файлы изображений-карт.
10 вопрос
Использование изображений - карт, обслуживаемых программой - клиентом (браузером) Клиентское обслуживание весьма схоже с обслуживанием сервером. Только вместо размещения файлов изображения-карты на сервере и использования программы CGI, все необходимое имеется в HTML - документе. Главное преимущество заключается в уменьшении загрузки Сети. Браузер сам справляется с определением URL - адреса нужного документа. Для определения изображения-карты, обслуживаемой клиентом также используются форматы NCSA и CERN, только теперь нужно работать с тэгами HTML. Синтаксис определения следующий: <МАР NAME= “mapname”> Определение начинается тэгом <MAP> и заканчивается тэгом </MAP>. Для того чтобы ссылаться на это определение позже в тэге <IMG> оно должно иметь имя, задаваемое при помощи атрибута NAME. Для задания чувствительных областей используется тэг <AREA>. Как и раньше, указание координат начинается с левого верхнего угла. Ниже описаны атрибуты тэга <AREA>: Ø SHAPE - определяет форму чувствительной зоны. Имеет значения rect, poly, circle, default. Если этот атрибут не указан, подразумевается значение rect. При наложении двух зон действует значение, определенное первым Ø COORDS - в этом атрибуте перечисляются через запятую пары координат. Между парами также ставится запятая Ø HREF - определяет URL - адрес ссылки. Относительные адреса задаются относительно документа, содержащего тэг <MAP>, а не документа, имеющего атрибут USEMAP (если это разные документы). Если в этом же документе используется тэг <BASE>, адресация рассчитывается относительно URL, указанного в этом тэге. Ø NOHREF - указывает нечувствительную зону, т.е. зону, не связанную с другими документами или ресурсами. Атрибуты NOHREF и HREF взаимоисключающие. Ниже приведен пример определения изображения-карты при помощи HTML: <MAP NAME=mymap> В последней строке листинга показано, как ссылаться на изображение-карту: <IMG SRC=mymap.gif USEMAP=#mymap> Этот тэг загружает изображение MYMAP.GIF. Атрибут USEMAP указывает на имя определения изображения-карты, которое было присвоено при помощи атрибута NAME тэга <MAP>. 11 вопрос
1 «Шапка» документа и МЕТА-данные.
Заголовочная часть документа ограничивается тэгами <HEAD> и </HEAD>. Она содержит мета-информацию, т.е. дополнительные данные о странице, заголовок страницы, выносимый в заголовок окна браузера (в оконной графической системе) и ссылки.
Заголовок определяется тэгами <TITLE> и </TITLE>, его присутствие необязательно, но желательно. Тэги <HEAD> и </HEAD> параметров не имеют. Эти тэги могут отсутствовать.
Главная задача для автора гипертекстового документа, если он хочет донести свое послание до читающей публики – "отметиться" наиболее удачным способом во всех каталогах и поисковых системах, куда захаживает потенциальный читатель в поисках информации по интересующей его теме.
Для этой цели в набор команд языка HTML включена специальная группа инструкций META, предназначенных в основном для описания и индексирования документа поисковыми машинами.
Прежде чем начать регистрацию созданного сайта в поисковых системах и каталогах, его необходимо к этому подготовить. Иначе эффект от затраченных сил и времени будет минимальным. На данных примерах мы рассмотрим МЕТА-тэги. Их роль не заметна при отображении странички. Это лишь команды для WEB-сервера или браузера, но команды важные, и правильное использование META-тэгов даёт некоторые преимущества.
Поисковые системы при регистрации страницы используют информацию, хранящуюся в МЕТА-дескрипторах, которые помещаются между тэгами заголовка <HEAD> и </HEAD> в HTML-страницах сайта. МЕТА используются хотя и не всеми поисковыми системами, однако без них не обойтись. Элемент <META> определяет переменную-значение, описывающую некоторое свойство документа: информацию об авторе, список ключевых слов и т.п. Атрибут name – переменная, а content – её значение. Запомните: все META-тэги не несут визуальной информации и должны располагаться только в секции <HEAD></HEAD> документа.
Необязательно использовать весь набор МЕТА, но необходимость базовых очевидна. К ним отнесем Title, Keywords, Description, Charset (многие серверы эту информацию сообщают в http-заголовке), Author. 2 Title – заголовок документа. Хороший осмысленный заголовок может заставить пользователя из множества других выбрать именно эту ссылку. Пример: <TITLE> Здесь Вы пишите заголовок документа </TITLE>
3 Description – описание. Нельзя переоценить значение хорошего описания, которое точно отражает преимущества вашего сайта. Description отвечает за описание сайта, которое будет выводиться при ответе на запрос. Для указания краткого описания используется:
<META name="description" content="описание_страницы">
Если хотите указать описание на русском, то надо указать атрибут lang:
<META name="description" lang="ru" content="описание_страницы">
Нужно включить все наиболее часто используемые в сайте термины, фразы и их синонимы в параметр "desctiption". 4 Keywords – поисковые слова и фразы. Используйте ключевые слова, они наиболее важны. Используйте различные слова и их изменения (в множественном числе и прочее), нижний регистр, обычно пишущееся с орфографическими ошибками и т.п., разделяя запятыми и пробелом после запятой. Важно, чтобы слова отражали верно содержание, в этом случае к вам придут люди которые найдут у вас необходимое.
Длина содержимого тэгов "keywords" – не должна превышать 1000 символов, хотя некоторые поисковики не в силах принять более 255 (поисковые машины отбросят часть описания, превышающего установленные нормы). Для указания ключевых слов и терминов используется:
<META name="keywords" content="Ключевые слова">
Если хотите указать слова на русском, то надо указать атрибут lang:
<META name="keywords" lang="ru" content="Ключевые слова">
Многие поисковые системы проверяют, чтобы содержание ключевых слов соответствовало основному тексту странички. Нельзя повторять ключевые слова несколько раз – из-за этого могут вообще не включить в базу данных. Полнотекстовые поисковые системы анализируют все содержимое странички, но ключевые слова в них имеют приоритет при поиске.
5 Content-Language. Еще одно частое использование META-тэга – это указание языка, на котором написана страница. Например, для того, чтобы сказать браузеру, что страница содержит текст на русском языке, необходимо написать следующий код:
<META http-equiv="Content-Language" content="ru">
6 Charset – кодировка. Это указание кодировки, на которой написана страница. Например, для того, чтобы сказать браузеру, что страница содержит текст в кодировке Windows–1251, необходимо написать следующий код: : <META http-equiv="content-type" content="text/html; charset=Windows-1251">
7 Robots – робот. Управление индексацией для поисковых серверов. Основные значения: all – индексировать всё, none – не индексировать. Значение по умолчанию (в случае отсутствия данного тэга) – индексация всего:
<META name="robots" content="all">
8 Revisit – ревизия. Указывается промежуток времени, через которое система заново проиндексирует документ, в данном примере это 7 дней.
<META name="revisit-after" content="7 days">
9 Refresh – автоматическое перенаправление (URL-переадресация). Иногда приходится менять хостинг. И в этом случае к нему уже нельзя обратиться по старому адресу. Но ведь никому не хочется терять своих посетителей? Поэтому обычно на старом месте размещают одну страничку с информацией о новом адресе сайта. Но куда более логичным будет сделать так, чтобы в дополнение к информации браузер бы сам перешёл по новому адресу. И это нетрудно сделать благодаря META-тэгу с параметром "refresh":
<META http-equiv="refresh" content="10; url=http://www.vamkru/">
В данном примере браузеру было передано указание, чтобы он автоматически перешел на страничку по адресу http://www.vamk.ru/ после десяти секундной задержки. Задержка нужна, чтобы пользователь успел прочитать информацию. Также можно с помощью этой информации делать автоматическую перезагрузку страницы.
10 Author – автор. META-тэг с параметром "author" служит для указания автора страницы и учитывается некоторыми поисковыми системами. И вообще у каждой страницы должен быть автор, так что имеет смысл пользоваться этим тэгом. Также можно вписать e-mail и адрес сайта, это полезно в тех случаях, когда документ оказывается вне сайта, легко можно определить, откуда он. Можно использовать Owner, указав в нём отдельно e-mail владельца:
<META name="author" content="Vasya Pupkin">
Если хотите указать имя на русском, то надо указать атрибут lang:
<META name="author" lang="ru" content="Вася Пупкин">
Похожий META-тэг с параметром "generator" автоматически проставляется различными HTML-редакторами и содержит информацию о программе, в которой была сделана страница. Смысла от этого тэга немного, это чистая реклама. Некоторые авторы в его описании дублируют информацию META-тэга "author".
11 Copyright – авторские права. Для указания авторских прав:
<META name ="copyright" content="имя_организации">
12 Expires – срок действия или запрет кэширования страниц. Для определенного круга задач необходимо, чтобы страничка каждый раз загружалась с сервера, а не из кэша WEB-браузера.
В первую очередь, это необходимо для сайтов, которые поставляют динамически изменяющееся содержание. Например, результат поиска по сайту, курс доллара в реальном режиме, электронный магазин или обычный чат. В этих случаях нельзя быть уверенным, что страница в кэше соответствует реальной.
Для решения этой задачи можно непосредственно запретить браузеру кэшировать страницы. И, разумеется, нужно сделать это при помощи META-тэга, воспользовавшись его свойством "expires". Оно указывает дату устаревания содержимого странички. Для того чтобы страница не кэшировалась, достаточно установить прошедшую дату. Например, вот так:
<META http-equiv="expires" content="Mon, 01 Jan 1990 00:00:00 GMT">
Тэг для определения того, до какого времени действительна кэшированная копия документа, будет выглядеть вот так:
<META http-equiv="expires" content="Tue, 22 Aug 2001 12:12:00 GMT" >
Дата со значением 0 интерпретируется как "сейчас". Браузер каждый раз при запросе будет проверять, изменялся ли этот документ. Это нужно для того, чтобы при просмотре документа браузер брал свежую версию, а не из кэша. Вместо Tue, 22 Aug 2001 12:12:00 GMT можно использовать значение never – никогда.
12 вопрос
|
