|
Читайте также: |
При разработке страниц с фреймами возникает вопрос: «А как сделать так, чтобы, щелкнув на ссылке в одном фрейме, инициировать появление информации в другом?». Ответом на данный вопрос является организация взаимодействия фреймов. Каждый фрейм может иметь собственное имя, определяемое при его создании атрибутом NAME. Существует также специальный атрибут TARGET, позволяющий адресовать целевой фрейм:
target="имя"
• Данный атрибут можно указывать внутри самых разных тегов, например, в ссылках:
<a href="100.htm" target="frame1"> Переход во фрейм с именем frame1 </a>
• Размещение атрибута TARGET в теге <BASE> позволяет не указывать при описании каждой ссылки фрейм-приемник документов, вызываемых по ссылкам. Это очень удобно, если в одном фрейме, например, находится меню, а в другом выводится информация, соответствующая выбранному пункту меню:
<html><head><base target="frame1"></head>
<body>
<a href="url1"> Первая часть </a>|<a href="url2"> Вторая часть </a>
</body></html>
43. Фреймдік құрылысты сипаттаңыз.
Имя фрейма в атрибуте TARGET должно начинаться с латинской буквы или цифры. Также необходимо помнить, что существуют зарезервированные имена, которые начинаются со знака подчеркивания:
• _BLANK — документ, полученный по ссылке, будет отображаться в новом окне браузера.
_SELF — документ, полученный по ссылке, будет отображаться в том же фрейме, в котором находится ссылка. Это имя удобно использовать для переопределения окна назначения, указанного ранее в теге <BASE>.
• _PARENT — документ, полученный по ссылке, будет отображаться в родительском окне вне зависимости от атрибутов тега <FRAMESET>. Если родительского окна нет, то данное имя аналогично имени _SELF.
• _TOP — документ, полученный по ссылке, займет все окно вне зависимости от наличия фреймов. Использовать это имя удобно в случае вложенных фреймов.
• Любые другие имена фреймов, начинающиеся со знака подчеркивания, игнорируются браузером.
44. Тік және көлденең фреймдерді сипаттаңыз..
Пример создания веб-страницы, содержащей три горизонтальных фрейма
<html>
<head>
<title>Три горизонтальных фрейма</title>
</head>
<frameset rows="3*,4*,3*">
<frame src="1.htm">
<frame src="2.htm">
<frame src="3.htm">
</frameset>
</html>
верхний и нижний фреймы составляют 30 % от высоты экрана, а средний фрейм — 40 %.
Пример создания веб-страницы, содержащей три вертикальных фрейма
<html>
<head><title>Три вертикальных фрейма</title></head>
<frameset cols="40%,30%,30%">
<frame src=3.htm>
<frame src=2.htm>
<frame src=1.htm>
</frameset>
</html>
три вертикальных фрейма, значения ширины которых составляют 40, 30 и 30 % от размера всей веб-страницы
45. Фреймдер өлшемін, бір-бірінің ішіне кіретін фреймдерді сипаттаңыз. Существует несколько способов задать размеры фреймов, на которые делится окно. Самый простой и очевидный — в пикселях. Предположим, например, что ширина левого столбца должна равняться 250 пикселям, а правого — 550. Тогда эти значения можно задать с помощью кода.
<FRAMESET cols=250.550>
<FRAME src="references.html">
<FRAME src="news.html">
</FRAMESET> Вложенные фреймы Достаточно ли перечислить в дескрипторе <FRAMESET> размеры всех фреймов с помощью параметров rows и cols. Но на самом деле все гораздо проще, чем мы думали: сначала окно разбивается на горизонтальные фреймы, а затем один из горизонтальных фреймов — на вертикальные. Или, наоборот, в зависимости от того, что мы хотим получить. Другими словами, структуры <FRAMESET> бывают вложенными
<FRAMESET rows=100.x cols=x.2x
<FRAME src="head.html">
<FRAME src="references.html">
<FRAME src="news.html">
</FRAMESET>
46 Форманың негізгі сұлбасын, тексттік қатарларды, бастырмаларды, текстік форманы сипаттаңыз.
Web-сайт — это почти всегда диалог. Конечно, встречаются "односторонние" сайты, авторы которых стремятся только показать, но не услышать отзыв о показанном. Но даже там редко обходится без ссылки на автора: "Все, что вы думаете по этому поводу, пишите сюда". Но чаще "сайтовладелец" желает получать о своих посетителях гораздо больше информации. Мы не будем говорить здесь о полулегальных способах отслеживать поведение посетителей без их ведома и согласия. Речь пойдет о способах получения информации от самих пользователей, — например, анкетных данных для вступления в виртуальный клуб или мнений по интересующему вас вопросу. Подобно фреймам, таблицам и другим "крупногабаритным" элементам Web-страницы, форма — это блок HTML-кода, образованный специальными элементами Текстовые строки Строки для ввода текста на HTML-страницах встречаются сплошь и рядом. Тому, кто хоть раз пользовался поисковым Internet-сервером, не надо объяснять, что это такое: узкий вытянутый прямоугольник, внутри которого можно ввести с
клавиатуры одну строку текста Для ввода однострочных полей используется дескриптор <INPUT>. Это непарный дескриптор, обладающий целым "выводком" параметров, описывающих самые разнообразные свойства. В зависимости от значения параметра type этот дескриптор может "принимать вид" самых разных элементов формы. В частности, когда этот параметр имеет значение text, дескриптор <INPUT> "превращается" в текстовую строку.
Похоже, пора перейти от теории к практике. Создадим форму для ввода некоторой текстовой строки, воспользовавшись для этого уже известными нам сведения-
ми о дескрипторах <FORM> и <INPUT>. Для простоты пока что будем предполагать, что вся вводимая информация затем пересылается по электронной почте
Кнопки
Кнопки — главный элемент любой электронной формы. Не согласны? Что ж, возможно, вы правы. Но как сообщить о том, что ввод данных завершен, если форма лишена кнопки "Отправить"? До сих пор мы действительно обходились без кнопок: пока дело касалось лишь текстовых строк, для ввода данных достаточно нажать клавишу <Enter>. Однако с другими элементами форм такой "фокус" не удастся. Поэтому, прежде чем обогатить нашу форму этими элементами, мы снабдим ее средствами управления в виде кнопок. Как это ни странно, кнопки создаются с помощью того же дескриптора <INPUT>, что и текстовые строки. Однако значение параметра type в этом случае другое — в зависимости от назначения кнопки.
Чаще всего — практически всегда — в формах встречается кнопка для передачи данных программе-обработчику. Надписи на ней бывают разные — "Принять", "Отправить", "ОК", "Поехали!". В сущности, это не важно. То, что происходит при щелчке определяется не надписью.
Пример создания формы с многострочным текстовым полем
<html><head><title>ТЕГ textarea </title></head>
<body><form>
<textarea name="Глоссарий" rows=10 cols=50>
URL
Uniform Resource Locator - унифицированный указатель ресурса
Стандартный способ адресации файлов в WWW
EPS
Encapsulated PostScript
Формат, позволяющий сохранять графические изображения и переносить их из одного
приложения в другое.
</textarea>
</form></body></html>
47. Нұсқалардың тізімдерін, тізім-ауыстырушыларды, ашылатын тізімдерді сипаттаңыз.
В электронных формах существует два типа списков, из которых посетителю страницы предлагается что-то выбрать. В первом случае допускается выбор нескольких вариантов, во втором — только одного. Мы будем называть список первого типа списком вариантов, а список второго типа — списком-переключателем. Обычно пункты списков вариантов снабжены квадратными "окошками", в которых при выборе появляются "птички" (checkbox). Для создания такого списка используется уже знакомый нам дескриптор <INPUT> с параметром type=checkbox.
Как это выглядит? Очевидно, таких дескрипторов должно быть столько же, сколько вариантов в списке. В остальном — кажется, мы уже знаем, как пользоваться параметрами name и value... Однако, видимо, в данном случае ими нужно пользоваться как-то иначе
FORM action= "mailto:mymail@mail.ru"
enctype:text/plain method=post>
Ваше любимое блюдо:<br>
<1NPUT type=checkbox name=choice value:"Заварные пирожныв">
<INPUT type=checkbox name=choice value:"Фруктовый коктейль")
<INPUT type=checkbox name=choice value:"Шоколадный торт">
</FORM>
Дата добавления: 2015-11-16; просмотров: 174 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Заголовок таблицы документа html | | | Раскрывающиеся списки |