- •Основы web-дизайна
- •Составители а.В. Распопов, о.Е. Ефимова, д.В. Меркулов
- •Введение
- •1.2.1. Стандарты языка html
- •1.2.2. Браузеры
- •Редакторы html-документов
- •Контрольные задания
- •Синтаксис html-тегов
- •Структура html-документа
- •Адресация ресурсов
- •Контрольные задания
- •3.2.1. Комментарии
- •3.2.2. Символьные примитивы (&-последовательности)
- •4.2.1. Разбиение текста
- •4.2.2. Форматирование символов
- •4.2.2.1. Логическое форматирование
- •4.2.2.2. Физическое форматирование
- •4.2.3. Параметры шрифта
- •4.2.4. Заголовки разных уровней внутри текста
- •5.2.1. Формы представления цвета
- •5.2.2. Цвет текста и фон документа
- •5.2.3. Графические форматы
- •5.2.4. Графические изображения
- •Контрольные задания
- •10.2.1. Описание структуры набора фреймов
- •10.2.2. Общий вид html-документа, задающего набор фреймов
- •10.2.4. Целевые фреймы
- •11.2.1. Простейшая форма
- •11.2.2. Типы элементов форм
- •Контрольные задания
- •Несколько советов
- •Библиографический список
- •Оглавление
- •Основы web-дизайна
10.2.4. Целевые фреймы
Если помещенный в фрейм документ содержит гиперссылки, то по умолчанию целевой документ загружается в тот же фрейм. Умолчание можно изменить, указав имя фрейма (атрибут NAME тега <FRAME>) и использовав это имя в качестве значения атрибута TARGET тега <A> (см. лаб. раб. № 7).
Например, дополним описание уже упоминавшегося фрейма:
<FRAME SRC = "Frame1.htm" NAME = "main">
Тогда, в каком бы фрейме ни находился документ, содержащий гиперссылку, целевой документ можно отобразить в этом фрейме с помощью тега
<A HREF = "New.htm" TARGET = "main">
Если будет выбрана эта гиперссылка, документ New.htm будет загружен в фрейм по имени main.
Помимо имен, даваемых фреймам автором сайта, в качестве значения атрибута TARGET могут использоваться следующие зарезервированные имена:
blank - целевой документ загружается в новое окно браузера;
top - целевой документ загружается в то же окно, но поверх всех фреймов, занимая полностью пространство окна;
parent - если документ с гиперссылкой находится во вложенном наборе фреймов, то целевой документ загружается в родительское окно или набор фреймов;
self - целевой документ загружается в тот же фрейм (соответствует умолчанию).
Используя фреймы, помните о следующих особенностях гиперссылок:
- если атрибут TARGET не указан, целевой документ загружается по умолчанию в тот же фрейм;
- если указано несуществующее имя фрейма, открывается новое окно браузера, получая при этом заданное имя;
- для внешних ссылок следует задавать значения атрибута TARGET либо top, либо blank, чтобы чужие сайты не отображались в Ваших фреймах, а занимали полное окно.
Пожалуй, не стоит злоупотреблять применением имени blank, ибо часто пользователи не замечают, что открылось новое окно, незакрытые окна множатся и пользователь запутывается в них.
Контрольные задания
Выполнить все примеры, приведенные в данном разделе.
Обязательно использовать аппарат фреймов в Вашем курсовом проекте.
Лабораторная работа № 11
Формы
11.1. Цель работы
Научиться использовать формы в HTML-документах.
11.2. Теоретические сведения
Форма – это инструмент, с помощью которого html-документ может послать некоторую информацию в заранее определенную точку внешнего мира, где данная информация будет каким-то образом обработана. В качестве такой "точки" в большинстве случаев выступает программа, написанная на Перл или Си. Программы, обрабатывающие данные, переданные формами, часто называют CGI-скриптами. Сокращение CGI (Common Gateways Interface) означает "общепринятый интерфейс шлюзов". Написание CGI-скриптов в большинстве случаев требует хорошего знания соответствующего языка программирования и возможностей операционных систем.
Форма открывается тегом <FORM> и заканчивается тегом </FORM>. html-документ может содержать в себе несколько форм, однако формы не должны быть вложенными. html-текст, включая теги, может размещаться внутри форм без ограничений. Тег <FORM> может содержать три атрибута, один из которых является обязательным (табл. 15):
Таблица 15
Атрибуты тега <FORM>
ACTION = значение |
Обязательный атрибут. Определяет, где находится обработчик формы |
METHOD = значение |
Определяет, каким образом данные из формы будут переданы обработчику. Допустимые значения: POST и GET (по умолчанию) |
ENCTYPE = значение |
Определяет, каким образом данные из формы будут закодированы для передачи обработчику (по умолчанию: application/x-www-form-urlencoded) |