Контрольная работа: Создания интерактивных WEB - страниц для получения информации в сети Интернет с использованием форм, заполняемых пользователем
<HEAD>
<TITLE> ФРЕЙМЫ < /TITLE>
< /HEAD>
<FRAMESET COLS = “50%, 50%”>
<FRAME SRC = “Logo1.htm” NAME = “NUMBER 1”>
<FRAME SRC = “Logo2.htm” NAME = “NUMBER 2”>
< /FRAMESET>
< /HTML>
2.8 Размещение и реализация изображения в виде карты
Как мы уже знаем, в HTML-документ можно включать изображения, которые считываются программой просмотра из файлов в одном из графических форматов. Ранее (раздел 2.5) было сказано, что всё изображение целиком можно сделать якорем гиперссылки. Однако, подчас возникает вполне естественное желание сделать различные части одного изображения гиперссылками на различные документы. Представим себе, например, документ с изображением электронной схемы прибора, более подробные сведения об элементах которого пользователь может немедленно получать, щелкая мышью на соответствующих участках чертежа. HTML предлагает для этого следующий способ: добавив к флагу <IMG ...> специальный атрибут ISMAP и/или USEMAP, вы можете "сказать" программе просмотра, что данное изображение является картой (Maps, Clickable Images, Imagemaps). Реакция на щелчок мыши на изображении-карте будет различной в зависимости от координат курсора мыши в момент щелчка.
Старый стандарт HTML 2.0 определял только атрибут ISMAP, который предусматривает обработку "щелчка на карте" на WWW-сервере при помощи CGI-запросов, аналогичных применяемым для обработки заполняемых форм. При таком способе обработки координатных запросов читатель WWW-документа должен щелкнуть на интересующей его точке и дождаться отклика сервера, прежде чем он получит возможность хотя бы узнать, соответствует данная точка какой-нибудь гиперссылке, или нет.
Альтернативу описанному выше механизму обработки "щелчков на карте" сервером составляет предложенный в версии HTML 3.0 механизм обработки клиентом, то есть, самой программой просмотра. Карты такого рода определяются при помощи атрибута USEMAP. Описание областей изображения, ассоциированных с различными гиперссылками, помещается в HTML-файл, как показано в нижеследующем примере. Представим себе несложную радиосхему, состоящую из трех диодов и двух резисторов. Картинку с радиосхемой мы поместили в файл mapex.gif, а описание функций каждого из элементов схемы - в файлы diode1.html, diode2.html, diode3.html, res1.html и res2.html (содержание этих файлов здесь не приводится). Мы хотим, чтобы читатель, щелкая на изображении того или иного элемента, загружал соответствующий документ с описанием данного элемента
3 Ход выполнения работы
Задание: вар №2;
предметная область: социологический опрос;
схема фрейма:
элементы управления: кнопка (submit), текстовое окно (textarea)
3.1Создание загрузочного файла
Сначала был создан загрузочный файл, который является главной страничкой сервера и имеет имя index.html. В этом файле заданы размеры, количество и атрибуты фреймов.
<HTML>
<TITLE>Социологическийопрос</TITLE> <FRAMESET rows="30%,*" >
<FRAMESET cols="33%,33%,*" >
<FRAME src="frame/2.html" name="2_page" scrolling="auto" noresize>
<FRAME src="frame/3.html" name="3_page" scrolling="no" noresize>
<FRAME src="frame/4.html" name="4_page" scrolling="auto" noresize>
</FRAMESET>
<FRAME src="frame/1.html" name="1_page" scrolling="auto" >
3.2 Создание файлов для каждого фрейма
Затем уже будем создавать файлы для каждого из фреймов. Исходя и варианта задания, у нас их четыре. (1.html, 2.html,3.html,4.html) и два вспомогательных файла (2.html, 4.html) на которые ссылаются соответственно файлы 2.html и 4.html.
Приведем их содержание ниже:
Файл 1.html. В нём записан текст формы