tanenbaum_seti_all.pages (525408), страница 192
Текст из файла (страница 192)
Для описания основных свойств таблицы может быть предоставлена дополнительная информация. Листинг 7.6. НТ1Ч1С.-таблица <Ьсяб > <Ьеаб> <СтС1е> Припер страницы с таблицей </СтС1е> </Ьевб> <Ьобу> <СвЬ1е Ьогбег а11 гц1ез а11> <сврстоп> неноторые различия ьсэ1 версий </сарстоп> <со1 в1тдп-1еТС> <со1 в1тдп-сепсег> <со1 а1тдп-сепгег> <со1 411дп-сепсег> «Сг> <СЬ> Аспект <СП> НТМС 1,0 <СП>НТМС 2.0 <СП> НТМС 3.0 <СЬ НТМС 4.0</Сг> <Сг> <СЬ> Гиперссылни <Сб> х <Сб> х <Сб> х<Сб> х «/Сг> <Сг> <СЬ> Изобрааения <Сб> х <Сб> х <Сб> х<Сб> х</Сг> <сг> <сп> списки <сб> х <сб> х <сб> х<сб> х</сг> <Сг> «СЬ> Антивные карты и изобрааения <сб>йпЬзр:<Сб>х<сб> х<сб> к</сг> <Сг> <Сп> Форны <Сб>йпЬзр:<Сб> х <сб> х <Сб> х</Сг> <Сг> <СЬ> Матенвтикесние вырваения <сб>впбзр:<Сб>впозр;<Сб> х <Сб> х </Сг> <Сг> <СЬ> Панели икструнентов <Сб>йпЬзр:«Сб>йпЬяр;<Сб> х <Сб> х </сг> 718 Глава 7, Прикладной уровень Таблицы <Гб>бпбдр.<сб>дпбдр:<Гб> х <Гб> х </Гг> доступность <Ьб>зпвзр:<Ьб>апбзр;<ЬП>Впбзр:<Ьб> х <уьг> Внедренные сбьекты <ьс>$пбзр:<Ьб>апбдр:<ьб>апбзр;<ьс> х <!Ьг> Скрипты <Гб>апбдр:<Гб>апбзр:<Гб>апбзр:<ГП> х </Гг> <Гг> <ГЬ> <гг> <ЬЬ> «Гг> <ЬЬ> <Гг> <ЬЬ> <усаь1е> <Уьобу> <УЬ|и1> Некоторые различии версий НТМЬ Рис.
7.13. Возможное отображение таблицы браузером С помощью тета <сарс1оп> можно задать надпись над таблицей. Каждая строка таблицы начинается с тета «Ьг> (ГаЪ|е гоьу — строка таблицы). Отдельные ячейки помечаются тегом <ЬЬ> (гаЪ|е Ъеабег — заголовок таблицы) или <1б> (гаЪ|е х|ага— данные таблицы).
Эти два тега позволяют создавать, соответственно, строки заголовков таблицы и обычные строки, что и показано в примере. В таблицах также могут использоваться различные другие теги. С их помощью можно устанавливать параметры выравнивания содержимого ячеек по вертикали и горизонтали, задавать параметры границ ячеек, объединять ячейки в группы и многое другое. НТМ1 4.0 отличается от предьшущих версий некоторыми новыми свойствами. Они включают в себя специальные методы доступа для людей с ограниченными возможностями, внедрение объектов (обобщение тега <1вд>, позволившее включать в состав страниц не только изображения, но и другие объекты), поддержку языков написания сценариев (скриптов), что дало толчок к развитию динамических страниц, и т. д. Если веб-сайт достаточно велик по размерам и сложен настолько, что над ним работает целая группа программистов, желательно обеспечить более или менее схожий дизайн всех страниц.
Эта проблема решается при помощи таблиц стилей. При их использовании отдельные страницы оформляются не реальными (физическими) стилями (например, курсивом или полужирным шрифтом), а логическими. Среди них могут быть, например, <бп> (Определение), <ев> (Слабое выделение), <атгопр> (Сильное выделение), <наг> (Программная переменная). Логические стили определяются в таблицах стилей, ссылка на которые ставится в начале ко- Всемирная паутина (\ддд/тд/) 716 да каждой страницы. Таким образом можно придать всем страницам единый вид. Если веб-мастер решит изменить стиль <зггопд> и отображать его полужир ным шрифтом величиной 18 пунктов радикального розового цвета вместо курсива величиной 14 пунктов синего цвета, ему необходимо будет лишь поменять одно определение в таблице стилей, чтобы изменения распространились на весь сайт.
Таблицы стилей можно сравнить с файлами в языке С, включаемыми с помощью директивы а1пс1ибе, — там также изменение одного макроопределения влечет за собой изменение во всех программных файлах, использующих данный заголовочный файл. Формы Первая версия языка НТМЕ фактически обеспечивала лишь одностороннюю связь. Пользователи могли получать страницы от поставщиков информации, но отправлять информацию обратно было довольно трудно. По мере того, как все больше коммерческих организаций начали использовать Всемирную паутину, потребность в двустороннем графике стала возрастать. Так, многим компаниям потребовалась возможность принимать заказы на продукцию с помощью своих веб-страниц.
Производители программного обеспечения хотели продавать по сети свои программы, для чего требовалась возможность заполнения регистрационных карточек, Компаниям, предоставляющим поиск информации в Паутине, было нужно, чтобы пользователи могли ввести ключевые слова поиска. В результате в НТМ1. 2.0 были включены формы. Формы могут содержать кнопки и поля для ввода текста, позволяющие пользователям делать выбор или вводить необходимую информацию, которую затем можно отсылать владельцу страницы.
Для этой цели используется тег <1прис>. У него могут быть различные параметры, определяющие размер, назначение и другие свойства отображаемого окна. Наиболее часто используемыми формами являются пустые поля для ввода текста, флажки, переключатели, активные карты и кнопки подтверждения. В примере, приведенном в листинге 7.8, показаны некоторые из перечисленных форм. Отображение атой НТМЕ-страницы браузером показано на рис. 7.14. Листинг 7.6. НТйй!.-текст для бланка заказа «ЬСВ1> <Ьеаб> <С111е> Бланк заназа клиента ан1 </1111е> «/Ьеаб> <Ьобу> «Ь!> Бланк заказа штуковины </Ь1> <тога асс!оп-"ьсср;//ныы.итбдес.сов/сд1-ьтп/ытбдесогбег" весьоб-розг> Иня <1прие паве-"сизтовег" з1зе-БО> <р> Адрес <!прог папе-"аббгезз" з!зе-бй> <р Город <!прот паве 'с!ту 5!за 21> Штат <!прот паве-"азате" з1зе-4> Страна <!прог паве-"соипсгу" з1зе-10> <р> В кредитной нарты <!прот паве-"сагбпо" зтзе-10> Срок действия <!прот паве "екр1гез" з!ге-4> в/с «!прис паве-"сс" Суре-габ!о ча1ие-"вазтегсагб"> ч1за <!прот паве-"сс" туре-габ1о ча1ие-"ч1пасагб"> <р> Разиер штуковины: большой <тприт паве-"ргобисс" суре-гайо ча1ие-"дорогая" > наленький <!прыг паве""ргобись" Суре габ1о ча1ие-"дешевая"> 720 Глава 7.
Прикладной уровень доставив <тпрьс паше-"ехргезз" Гуре-спес1Ьох> <р> <1прыг суре-зыЬштс иа1ие-"отправить заказ"> <р Бпагодарин вас за то, что вы заназапи у нас штуковины фирны аыт. Это правипьный выпер! <! 1огш> </возу> <тнси1> Рис. 7.14. Форматированная страница Начнем изучение форм с этого примера. Как н все формы, она заключена между тегами <1огш> и <т'тогпв . Текст, не заключенный в тети, просто отображается.
Внутри формы разрешено использование всех обычных тегов (например, <Ь>). В данной форме используются три типа окон для ввода данных, Окно первого типа следует за текстом «Имям Ширина этого окна 46 символов. Предполагается, что пользователь введет здесь свое нмя, которое будет храниться в виде текстовой строки в переменной созгозег для последующей обработки, Тег <р указывает браузеру, что последующий текст следует отображать с новой строки, даже если в текущей строке еще достаточно места. С помощью этого и других тегов автор страницы может управлять внешним видом бланка на экране.
В следующих окнах формы спрашивается адрес заказчика, то есть улица, город, штат и страна. Между этими полями не вставляются теги <р>, поэтому браузер по возможности пытается отобразить их все в одной строке. С точки зрения браузера, этот абзац представляет собой просто шесть отдельных элементов— три строки, перемежающиеся тремя окнами. Он отображает их друг за другом, слева направо, переходя на новую строку по мере необходимости. Таким образом, вполне возможно, что на экране с разрешением 1600х1200 точек все три строки и соответствующие им окна поместятся в одну строку, тогда как на экране с разрешением 1024х768 точек они будут разбиты на две строки.
В худшем Всемирная паутина (МИФА) 721 случае слово «Страна» может оказаться в конце одной строки, а соответствующее окно ввода — в начале следующей строки. В следующей строке у пользователя запрашивается номер кредитной карты и срок ее действия. Передавать номера кредитных карт по Интернету следует только в том случае, если приняты все соответствующие меры предосторожности. Более подробно этот аспект будет обсуждаться в главе 8. Следом за датой истечения срока действия кредитной карты мы обнаруживаем новые для нас элементы управления — переключатели.
Они используются, когда требуется выбрать только один вариант из нескольких. Они напоминают кнопки на автомагнитолах, служащие для быстрого доступа к заданным радиостанциям. Браузер отображает эти элементы управления таким образом, что пользователь может включать их щелчком мыши на них (или с помощью клавиатуры). Переключатели этого типа всегда объединяются в группы. При этом включение одного переключателя автоматически выключает все остальные переключатели этой группы. Внешний вид переключателя зависит от используемого графического интерфейса.
В пункте бланка «Размер штуковины» также используются два переключателя. Группы переключателей определяются по значению параметра паве (имя) тега <1првс>. Специальных скобок из тегов вроде <габ1аЬотгоп> ... </гаФоЬвттоп> для определения групп переключателей не предусмотрено. Параметр ча1ое указывает, какая кнопка была нажата пользователем.
В зависимости от того, какую кредитную карту выберет пользователь для своих расчетов, переменной сс будет присвоено значение текстовой строки «шазгегсагб» или «ч1засаго». Следом за двумя наборами переключателей в бланке используется элемент управления типа спескЬох (флажок).
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
