Поля списков

Читайте также:

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

<OPTION SELECTED VALUE="Зачение">Символы</ОРТION>

</SELECT>

Параметр NAME используется для указания имени поля.

Значение параметра SIZE определяет высоту поля в строках. По умолчанию создается раскрывающийся список. Для создания обычного списка следует указать значение параметра SIZE не менее 2.

Параметр MULTIPLE позволяет выделять в списке несколько различных вариантов. Если этот параметр не указан, пользователь сможет выбирать только один из содержащихся в списке вариантов. И наконец, параметр ALIGN определяет режим выравнивания поля списка.

Каждый из представленных в списке вариантов определяется тегом <OPTION>... </OPTION>. Этот тег допускает задание двух параметров. Параметр SLELECTED указывает на то, что соответствующий вариант выбирается по умолчанию. Параметр VALUE определяет значение, передаваемое программе-обработчику данных формы при выборе соответствующего варианта.

Списки могут включать в себя любое число вариантов, поэтому их рекомендуется использовать в тех случаях, когда количество возможных вариантов выбора слишком велико для их представления переключателями.

Шаг10

Фреймы

Фреймы являются средством отображения нескольких документов в одном окне броузера. При использовании фреймов рабочая область окна броузера разбивается на несколько более мелких областей, в которых отображаются различные HTML-страницы. Фреймы полезны в тех случаях, когда необходимо, чтобы определенная область присутствовала в окне броузера постоянно, в то время как другая область обеспечивала возможность загрузки различных документов. Так, представление панели навигации, которая должна быть доступной при просмотре любой из страниц сайта, в виде отдельного фрейма может сэкономить разработчику массу времени, поскольку без использования фреймов код панели навигации пришлось бы помещать на каждую из страниц сайта вручную. Однако это еще не самое сложное: в конце концов, HTML-код панели навигации можно создать один раз, а затем скопировать его на все остальные страницы сайта. Представьте себе ситуацию, когда на Web-сайте, насчитывающем несколько десятков, а может быть, и сотен HTML-страниц, требуется внести изменения в панель навигации. Без фреймов на эту операцию мог бы уйти не один день. В то время как если панель навигации вынесена в отдельный фрейм, достаточно внести требуемые изменения всего лишь однажды: в HTML-документе, содержащем собственно панель навигации.

Следует отметить, что какой-либо русский аналог английского термина frames нельзя назвать безусловно устоявшимся. В то время как в Microsoft Word 2000 применяется термин <рамки>, в Microsoft Internet Explorer 5 можно встретить вариант перевода этого термина <кадры>. На наш взгляд, оба эти перевода нельзя назвать удачными. С другой стороны, в русскоязычной литературе нередко употребляется термин <фреймы>, который попросту взят из английского языка. В нашей книге будет употребляться именно этот вариант.

HTML-страница с фреймами состоит из нескольких компонентов: страницы, содержащей набор фреймов, и страниц, предназначенных для отображения в каждом из фреймов этого набора. Набор фреймов можно представить себе как своеобразные ячейки, предназначенные для загрузки HTML-документов. Для определения набора фреймов в языке HTML имеется тег <FRAMESET>...</FRAMESET>. Этот тег имеет следующий формат:

<FRAMESET ROWS= "Вертикальная структура фрейма" COLS="Горизонтальная структура фрейма">

</FRAMESET>

<BODY> Код страницы для отображения в броузерах, не поддерживающих фреймы

</BODY>

</NOFRAMES>

Параметры ROWS и COLS тега <FRAMESET> используются для определения структуры набора фреймов по вертикали и горизонтали. Допустим, необходимо создать набор из двух фреймов, расположенных горизонтально, в верхнем из которых необходимо отображать логотип Web-сайта и ссылки на основные страницы (панель навигации), а нижний предназначен для отображения информационных страниц. Верхний фрейм должен иметь высоту 60 пикселов, а нижний - занимать всю оставшуюся часть рабочей области окна броузера. Для создания такого набора будет использоваться следующий тег:

Символ звездочки (*) в данном случае означает, что второй (нижний) фрейм набора занимает по высоте всю рабочую область экрана, не используемую для отображения других фреймов (в данном случае такой фрейм один).

Аналогично, если требуется создать набор, в левом фрейме которого располагается вертикальная панель навигации шириной 100 пикселов, а всю оставшуюся часть справа занимает область для отображения основных страниц сайта, тег <FRAMESET> будет иметь следующий вид:

</FRAMESET>

После определения общей структуры набора фреймов необходимо описать каждый из фреймов, входящих в набор. Для этой цели служит тег <FRAME>. Этот тег является непарным.

Параметр SRC позволяет указать URL страницы, отображаемой во фрейме непосредственно после загрузки набора (или исходной страницы фрейма).

Параметр NAME определяет имя фрейма. Указание имени фрейма позволяет загружать в него документы по щелчку на гиперссылках, расположенных в других фреймах. Чтобы обеспечить открытие целевого документа гиперссылки в определенном фрейме, имя этого фрейма должно быть указано в качестве значения параметра TARGET этой гиперссылки. Например, при щелчке на гиперссылке, определенной с использованием представленного ниже тега, содержащийся в документе prices, html прейскурант продукции будет отображен с именем information:

<А HREF="prices.html" TARGET="information">Товары и цены</А>

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

Параметры MARGINWIDTH и MARGINHEIGHT определяют размеры полей фрейма.

Для установки режима отображения полос прокрутки во фрейме используется параметр SCROLLING. Если значение этого параметра равно yes, во фрейме отображаются полосы прокрутки. Если значение параметра равно по, полосы прокрутки не отображаются. При указании значения auto (а также если этот параметр не указан) полосы прокрутки отображаются только в том случае, если вся информация документа не умещается в пределах видимой области фрейма, и для просмотра этой ин4юрмации необходима полоса прокрутки.

Указание параметра NO RESIZE запрещает изменение размеров фрейма в ходе просмотра.

Обратите внимание, что тег <FRAMESET> замещает собой тег <BODY>, используемый на всех HTML-страницах, но не в наборах фреймов. Дело в том, что набор фреймов сам по себе не является Web-страницей. Он лишь определяет структуру, в пределах которой будут отображаться другие Web-cтраницы. Таким образом, наборы фреймов не допускают указания каких бы то ни было отображаемых элементов Web-страниц, будь то текст, рисунки, гиперссылки или другие элементы.

Тем не менее в настоящее время по-прежнему используются броузеры, не поддерживающие фреймы. Чтобы в таких броузерах просматривать страницы, содержащие фреймы, язык разметки HTML предоставляет тег <NOFRAMES>...</NOFRAMES>. Этот тег должен также включать в себя тег <BODY>...</BODY>, ограничивающий текст и объекты отображения страницы в броузерах, не поддерживающих фреймы.

Используя предыдущие материалы, фреймы на станице создайте самостоятельно.

А теперь рассмотрим последнюю и, пожалуй, самую важную часть странички - ссылки. Ссылки - это основа Internet`а, главный его принцип. И, соответственно, важнейшая часть web-страниц.
Ссылки могут вести на другую страничку, на картинку (удобно не показывать большую картинку, а показать её уменьшенную копию, щелкнув на которую можно увидеть большое изображение в высоком качестве), на любой файл, на адрес электронной почты.
Для перехода на другую страничку используется тег <A HREF="URL"> Название ссылки </A>, где
URL (унифицированный локатор ресурсов, адрес любого файла в Интернете, например, http://ic.vrn.ru/~ppmagnum - адрес (url) моей странички) - адрес файла, куда, щелкнув на ссылку, вы перейдете,
название ссылки - текст самой ссылки, например "домашняя страничка Вадима Николаева".
Для создание ссылки на e-mail в качестве url`a вставте mailto: адрес электронной почты. Например, mailto: vvv-magnum@geocities.com. Щелкнув на такую ссылку вы откроете окно своей почтовой программы с уже записанным адресом. Останется толко написать письмо и отправить.
Часто используют не текстовую ссылку, а картинку, щелкнув на которую вы перейдете в другое место. Для этого вместо названия ссылки вставте тег <IMS SRC="имя файла" >.

пример тегов

что получится

<a href="http://ic.vrn.ru/~ppmagnum">Домашняя страничка Вадима Николаева</a>

Домашняя страничка Вадима Николаева

a href="mailto:vvv@magnum.vrn.ru" Напишите мне письмо</a>

Напишите мне письмо

Используя предыдущие материалы, ссылки на станице создайте самостоятельно

Дата добавления: 2015-09-06; просмотров: 113 | Нарушение авторских прав

<== предыдущая страница	\|	следующая страница ==>
Таблицы	\|	Семинар является уникальным интегральным авторским продуктом, сочетающим в себе новейшие достижения гиноза, трансовых техник и учений вознесенных мастеров Духа.

mybiblioteka.su - 2015-2024 год. (0.008 сек.)