Гиперссылка на Web-странице существует в форме указателя ссылки, щелчок по которому обеспечивает переход на Web-страницу, указанную в адресной части ссылки.

На титульной странице размещают тексты гиперссылок на каждую страницу сайта. Для представления гиперссылок удобнее всего выбрать названия страниц, на которые осуществляется переход.

Принято размещать гиперссылки в нижней части страницы, и размещать их под введенным текстом в новом абзаце в одну строку разделенными несколькими пробелами. Такое размещение гиперссылок часто называют панелью навигации.

Панель навигации можно представить, как абзац, выровненный по центру, в котором указатели гиперссылок разделены пробелами (snbsp):

<Р ALIGH= "center">

[Программы] §nbsp [Словарь] §nbsp

[Комплектующие] §nbsp [Анкета]

Для каждой гиперссылки определяют адрес перехода. Для этого используется контейнер гиперссылки <А></А> с атрибутом HREF, значением которого является URL-адрес документа на локальном компьютере или в Интернете. Контейнер должен содержать указатель гиперссылки:

<А НRЕF="URL">Указатель гиперссылки</А>

Полезно на титульной странице сайта создать ссылку на адрес электронной почты, по которому посетители могут связаться с администрацией сайта. Для этого необходимо атрибуту ссылки HREF присвоить URL-адрес электронной почты и вставить ее в контейнер <ADDRESS></ADDRESS>, который задает стиль абзаца, принятый для указания адреса.

По щелчку мыши по ссылке на адрес электронной почты будет открываться почтовая программа Outlook Express (или другая используемая по умолчанию почтовая программа), где в строке «Кому» будет указан заданный в ссылке адрес.

A HREF="mailto:[email protected]">Создать письмо</A>

В качестве указателя ссылки можно использовать не только текст, но и изображение. В этом случае указатель ссылки задается с помощью тэга <IMG>.

Для снижения времени загрузки страницы на страницу помещают маленький рисунок, а при щелчке мышью на ней вызывается ее крупная фотография. Посетитель увидит уменьшенные копии рисунков, а при желании, сможет загрузить полномасштабное изображение.

Если создаваемая страница очень большая, то в ее тексте можно расставить якоря (иначе их еще называют метки или закладки). Они помечают смысловые разделы и помогают быстро перемещаться по документу.

 

Контрольные вопросы

• Как создать таблицу на Web-странице и внести в нее данные?

• Для чего на Web-страницу помещают гиперссылки?

• Из каких частей состоит гиперссылка и что они собой представляют?

• Как выполнить вставку гиперссылок?

• Зачем в тексте Web-страницы расставляют якоря?

 

 

Практическое задание № 15

Тема: Интерактивные формы на web – страницах

Цель: изучение информационной технологии создания интерактивных форм на web – страницах.

 

Оборудование и материалы: компьютер, программа Блокнот, браузер Internet Explorer, практическое задание.

 

Ход работы

Для того чтобы посетители сайта могли не только просматривать информацию, но и отправлять сведения его администраторам сайта, на его страницах размещают формы. Формы включают в себя управляющие элементы различных типов: текстовые поля, раскрывающиеся списки, флажки, переключатели и так далее.

Вся форма заключается в контейнер <FORM></FORM>.

Текстовые поля. Создаются с помощью тэга <INPUT> со значением атрибута TYPE="text". Атрибут NAME является обязательным и служит для идентификации полученной информации. Значением атрибута SIZE является число, задающее длину поля ввода в символах.

Для того чтобы анкета «читалась», необходимо разделить строки с помощью тэга перевода строки <BR>.

Переключатели. Создается группа переключателей («радиокнопок») с помощью тэга <INPUT> со значением атрибута TYPE="radio". Все элементы в группе должны иметь одинаковые значения атрибута NAME. Например, NAME="group".

Еще одним обязательным атрибутом является VALUE, которому присваиваются значения "schoolboy", "student" и "teacher". Значение атрибута VALUE должно быть уникальным для каждой «радиокнопки», так как при ее выборе именно они передаются серверу.

Атрибут CHECKED, который задает выбор кнопки по умолчанию.

Флажки. Флажки создаются в тэге <INPUT> со значением атрибута TYPE="checkbox".

Флажки, объединенные в группу, могут иметь одинаковые значения атрибута NAME. Например, NAME="group".

Еще одним обязательным атрибутом является VALUE, которому присваивают значения "www", "e-mail" и "ftp". Значение атрибута VALUE должно быть уникальным для каждого флажка, так как при его выборе именно они передаются серверу.

Атрибут CHECKED, который задает выбор кнопки по умолчанию, в данном случае не используется.

Поля списков. Для реализации списка для выбора одного варианта используется контейнер <SELECT></SELECT>, в котором каждый элемент списка определяется тэгом <OPTION>. Выбираемый по умолчанию элемент задается с помощью атрибута SELECTED.

Текстовая область. В текстовую область с линейкой прокрутки можно ввести достаточно подробный текст.

Создается такая область с помощью тэга <TEXTAREA> с обязательными атрибутами: NAME, задающим имя области, ROWS, определяющим число строк, и COLS — число столбцов области.

Отправка данных из формы. Отправка введенной в форму информации или очистка полей от уже введенной информации осуществляется с помощью кнопок. Кнопки создаются с помощью тэга <INPUT>. Для создания кнопки, которая отправляет информацию, атрибуту TYPE необходимо присвоить значение "submit", а атрибуту VALUE, который задает надпись на кнопке, —значение "Отправить".

Для создания кнопки, которая производит очистку формы, атрибуту TYPE необходимо присвоить значение "reset", а атрибуту VALUE — значение "Очистить".

Заполненная форма отправляется на сервер, где обрабатывается специальной программой — CGI-скриптом, или по электронной почте автору сайта, где он уже самостоятельно обрабатывает полученные данные.

Для того чтобы при щелчке по кнопке «Отправить» данные из формы передавались на сервер и там обрабатывались, необходимо указать, куда их отправить и какая программа будет их обрабатывать. Эти параметры задаются с помощью атрибута ACTION контейнера <FORM>.

<FORM ACTION="URL"></FORM>

Атрибут ACTION определяет URL-адрес программы, расположенной на Web-сервере, которая обрабатывает полученные данные из формы. Пусть программой, которая заносит данные из формы в базу данных, будет программа bd.exe. Обычно такие программы хранятся в каталоге cgi-bin. Тогда атрибут ACTION будет выглядеть следующим образом:ACTION="http:/www.mycompany.ru/cgi-bin/bd.exe".

 

Контрольные вопросы

• Для чего на Web – страницы помещают интерактивные формы?

• Что включают в себя формы?

• Как осуществляется отправка введенной в форму информации и очистка полей от уже введенной информации?

 

• Что необходимо сделать для того, чтобы данные из формы передавались на сервер и там обрабатывались?

 

• Как обрабатывается заполненная форма?

•

 

Практическое задание № 16