Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Модуль 3 Создание сайтов..docx
Скачиваний:
0
Добавлен:
01.04.2025
Размер:
1.25 Mб
Скачать
      1. Элемент textarea

Тэг <textarea> создает внутри формы поле для ввода многострочного текста, отображаемого в окне браузера в виде прямоугольной области с горизонтальной и вертикальной полосами прокрутки. Для пересылки на сервер каждая введенная строка дополняется символами %0D%0A ("Возврат каретки" и "Перевод строки" с предшествующим символом %), полученные строки объединяются в одну строку, которая и отправляется на сервер под именем, задаваемым параметром name="имя" который используется для идентификации данных при пересылке на сервер.

Параметр cols=n определяет ширину поля в символах. Параметр rows=n задает число строк видимого текста области.

Между тэгами <textarea> и </textarea> можно поместить текст, который будет отображаться по умолчанию.

<html> <head><title> Пример области ввода данных</head></title> <textarea name="aist" rows=3 cols=50> Это первая строка по умолчанию Это вторая строка по умолчанию Самохвалов А.И. </textarea>

Этот код будет отображен браузером следующим образом:

Модульная лекция: мл 3-7.

2.11. Создание фреймов.

На рис. 2.1. показан пример фреймовой структуры HTML-документа.

Рис.2.1. Пример фреймовой структуры HTML-документа

Прежде всего, необходимо обратить внимание на структуру документа. Страница состоит из нескольких частей называемых фреймами. В верхней части страницы указывается тема сайта, ниже отображается разделы пособия (ссылки): HTML-язык, Dreamweaver, Photoshop, Регистрация Web-сайта в Internet. Слева внизу – отображается Web-страница другого документа, в котором перечислены главы выбранного вверху учебного раздела HTML-язык. Справа – отображается Web-страница начала содержимого второй главы, которая выбрана справа – 2. Правила использования тэгов- HTML-языка

Фреймы позволяют разбить окно просмотра браузера на несколько прямоугольных подобластей, фреймов (frames - кадры), располагающихся рядом друг с другом. В каждую из подобластей можно загрузить отдельный HTML-документ, просмотр которого осуществляется независимо от других. Между фреймами, также как и между отдельными окнами браузера, при необходимости можно организовать взаимодействие, которое заключается в том, что выбор ссылки в одном из фреймов может привести к загрузке нужного документа в другой фрейм или окно браузера.

Выбор фреймовой структуры оправдан в следующих случаях:

  • при необходимости организовать управление загрузкой документов в одну из подобластей окна просмотра браузера при работе в другой подобласти;

  • для расположения в определенном месте окна просмотра информации, которая должна постоянно находится на экране вне зависимости от содержания других подобластей экрана;

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

Этот список носит рекомендательный характер. Ниже рассматриваются типичные варианты использования фреймов и правила разработки документов, содержащих фреймы. ежде всего, необходимо отметить, что документ, содержащий фреймы, не может содержать в себе тэг <BODY>. Вместо него используется тег <frameset>. В составе этого тэга имеется тэг <frame>, с помощью которого и в окне браузера выводится документ. Каждый <frameset> может иметь несколько вложенных тэгов <frame>, список которых завершается тэгом </frameset>. В свою очередь фреймовый документ может содержать несколько тэгов <frameset>.

Возможный вариант фреймовая структуры документа следующий:

<framest rows="20%,80%">

<frame src="soderj.html">

<frameset cols="30%,70%">

<frame src="alltem.html">

<frame src="pict.gif">

</frameset> </frameset

Параметр rows может иметь несколько значений, разделенных запятой. Каждое значение может задаваться либо в виде числа, либо в процентах относительно размера экрана. В нашем примере параметр имеет два значения ( "20% и 80%").

Это означает, что экран делится по вертикали на две части (кадра) в процентном отношении 20% - первая верхняя подобласть экрана и 20% - вторая нижняя подобласть экрана. В свою очередь, нижняя часть (80%) делится на две части (области) по горизонтали - 30% - левая часть, 70% - правая часть.

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

Рассмотрим назначение каждого элемента представленного выше фреймового документа

<frameset rows="20%,80%"> - определяет число подобластей по горизонтали,

т.е. экран делится на два кадра по вертикали, первый кадр занимает 20% экрана,

<frame src="soderj.html">-отображается документ в верхнем кадре 20% экрана

<frameset cols="30%,70%">-нижний кадр делится на два кадра по вертикали:

левый - 30% от экрана, правый - 70% от экрана.

<frame src="alltem.html"> -загружает документ alltem.html левый фрейм.

<frame src="pict..gif"> - загружает изображение в правый фрейм

</frameset> - закрывает набор фреймов нижнего frameset (кадра)

</frameset> - закрывает набор фреймов верхнего frameset (кадра).