Полнофункциональные экранные формы

⇐ ПредыдущаяСтр 9 из 44Следующая ⇒

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

В HTML 4.0 вы сможете значительно лучше оснастить средствами свои формы. Например, атрибут accesskey позволяет назначить каждому полю некоторое сочетание клавиш; это избавляет нас от необходимости непрерывно щелкать мышью для выбора полей, как в предыдущих версиях HTML. Помимо прежних Submit (Отправить) и Reset (Обновить) возможны и другие типы кнопок (задаваемые с помощью элемента BUTTON ); теперь с помощью атрибута disabled (недоступна) можно сделать их «блеклыми», — т.е. процесс заполнения форм становится более интуитивно понятным. Можно задавать любые надписи на кнопках, используя элемент LABEL, или с применением элемента FIELDSET группировать связанные поля. Можно присваивать отдельным полям атрибут readonly (только для чтения). Исключительно полезный новый атрибут onchange-INPUT обеспечивает проверку вводимой в форму строки.

Конечно, такие функции, как верификация ввода, имелись и в предыдущих версиях HTML, однако раньше для этого выполнялся обмен данными с сервером. Приходилось щелкать на кнопке Submit и ждать отклика с сервера с подтверждением корректности введенной строки. В HTML 4.0 проверка ввода в экранные формы проводится локально, тем самым ускоряется работа с формами и возникает меньше проблем при обработке.

Новые табличные функции

Таблицы в предыдущих версиях HTML, как и формы, значительно уступали по своим возможностям таблицам из систем управления базами данных или электронным таблицам. HTML 4.0 отличается от своих предшественников гораздо более гибкими и полезными средствами для компоновки таблиц. Например, атрибут align предусматривает не только стандартные варианты выравнивания — по правой и левой границе, по центру и по ширине, но также при использовании признака char обеспечивает выравнивание текста по отношению к заданному символу. Скажем, с применением align char можно выровнять все числа по знаку десятичных точек. Атрибуты frame и rules предназначены для управления внешним видом таблиц. С помощью первого можно задать рамку вокруг указанных сторон таблицы (скажем, ее правой и левой сторонами); тогда как, употребив атрибут rules, вы проведете линии между ячейками, строками или отдельными группами ячеек.

Появление элемента COLGROUP по сути дела означает возможность объединять в группу несколько столбцов, чтобы присвоить им одинаковые ширину, направление размещения текста, стиль, выравнивание и команды событий. Для отдельных групп строк могут задаваться заголовки и итоги, которые при прокрутке таблицы остаются неподвижными. Более того, поместив контейнеры THEAD и TFOOT перед контейнером TBODY, можно добиться того, чтобы заголовок и итоги появлялись до начала заполнения ячеек самой таблицы, что позволяет пользователям узнать ее в тот момент, когда она воспроизводится в браузере.

Сценарии для автоматизации

Новый контейнер < SCRIPT> языка HTML 4.0 обеспечивает возможность составлять сценарии. В нем указывается URL-адрес сценария, который будет выполняться, и сообщается, какой язык сценариев должен использовать браузер. Предусматривается два основных языка: JavaScript и VBScript. С помощью элемента META можно задать язык по умолчанию для всех сценариев в данном документе или для конкретного сценария. Сценарии исполняются либо при загрузке документа, либо, если применяются атрибуты intrinsic event, всякий раз, когда происходит определенное событие (например, при щелчке мышью).

С помощью элемента SCRIPT можно решать несколько разных задач. Встроив сценарий в экранную форму, вы добьетесь автоматического заполнения ее полей в тот момент, когда пользователь щелкает мышью или вводит определенное значение в какое-то из полей. Допустим, конечная дата должна отличаться от начальной на один день, тогда с помощью конкретного сценария будет автоматически заполняться поле конечной даты после считывания значения начальной даты. Можно подготовить сценарии, изменяющие содержимое документа по мере его загрузки, за счет последовательной загрузки конкретных элементов. Кроме того, можно назначить кнопкам сценарии и, таким образом, сформировать интерактивную страницу с интерфейсом на основе кнопок. Поскольку сценарии исполняются локально, нет необходимости в подключении к серверу.

Встроенные кадры

Кадры (фреймы) — это важный элемент при разработке HTML-страниц. Однако до сих пор кадр окаймлял лишь границы документа. В HTML 4.0 можно встраивать кадр внутрь текстового блока — эффективный способ для размещения одного HTML-документа в другом. Синтаксис очень прост. Покажем пример:

< IFRAME src=" info.html" width " 300"

height " 500" scrolling=" auto" frameborder=" 2" > < /IFRAME>

Помещенный в HTML-документ, этот текст содержит информацию для браузера о том, что нужно обратиться к исходному документу ( src=filename.html ) и вывести его в текущем документе в виде кадра заданного размера. Допускается применение любых атрибутов элемента frame, за исключением noresize, поскольку изменение размеров встроенных кадров запрещено.

Другие возможности

Кроме перечисленных средств, HTML 4.0 содержит множество других. Например, акцент был сделан и на интернационализации. Глобальная природа Web означает, что здесь фигурируют документы на самых разных естественных языках. Однако до сих пор представление национальных символов было проблематичным. Спецификация HTML 4.0 подчиняется международным соглашениям RFC 2070 «Internationali-zation of the HyperText Markup Language» (Правила адаптации языка разметки гипертекста к национальным системам), а для выбора таблицы кодировки символов документа — стандарту ISO/IEC: 10646. Это обеспечивает расширенный набор нелатинских символов.

Кроме того, в HTML 4.0 нашел воплощение проект CSS (Cascading Style Sheets — Каскадные таблицы стилей). Консорциум W3C стремится повысить привлекательность CSS, чтобы разработчики наконец отказались от применения таблиц для компоновки страниц. Даже ранние версии CSS обладали более, чем достаточными возможностями для решения данной задачи. Благодаря CSS в целом ряде документов можно использовать одни и те же шрифты, цвета, выравнивания и другие элементы форматирования. В результате можно добиться единого стиля оформления для Web-узлов.

Совокупность всех названных свойств позволяет говорить о принципиально новой ступени в развитии HTML. Версия 4.0 избавлена от многих прежних ограничений, касавшихся расширяемости, разметки страниц, интерактивности и, конечно, взаимоотношений клиента и сервера. Все это означает, что во время работы в Web вы получите массу новых, ярких впечатлений.

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

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

Важным шагом стало принятие стандарта ISO/IEC: 10646 в качестве набора символов для документов HTML. Это наиболее содержательный стандарт в мире, в котором решены вопросы представления национальных символов, направления письма, пунктуации и других языковых вопросов.

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

Доступность

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

усилено разделение структуры и представления документа, что побуждает использовать таблицы стилей вместо элементов и атрибутов представления языка HTML.
улучшены формы, включена возможность назначения
клавиш доступа, возможность семантической группировки управляющих элементов формы, семантической группировки вариантов в тэге SELECT и активные метки.
добавлена возможность разметки текстового описания включенного объекта (с помощью элемента OBJECT ).
введен новый механизм действия изображений-карт на стороне клиента (элемент MAP ), который позволяет авторам интегрировать изображения и текстовые ссылки.
альтернативный текст для изображений, включаемых с помощью элемента IMG, обязателен.
добавлена поддержка атрибутов title и lang во всех элементах.
добавлена поддержка элементов ABBR и ACRONYM.
более широкий диапазон целевых устройств (телетайп, шрифт Бройля и т.д.) для использования в таблицах стилей.
улучшены таблицы, включена поддержка заголовков, групп столбцов и механизмов для упрощения невизуального представления документа.
добавлены длинные описания таблиц, изображений, кадров и т.д.

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

Таблицы

Теперь авторы имеют большую власть над структурой и компоновкой таблицы (например, группы столбцов). Возможность дизайнеров рекомендовать ширину столбцов позволяет браузерам отображать данные таблицы постепенно (по мере получения) и не ждать всю таблицу до создания изображения.

Составные документы

В HTML теперь имеется стандартный механизм для внедрения объектов и приложений в документы HTML. Элемент OBJECT (а также более специфичные элементы, его преемники, IMG и APPLET ) обеспечивает механизм включения в документ изображений, видеофайлов, звуковых файлов, математических выражений, специализированных приложений и других объектов. Он также позволяет авторам указывать иерархию или альтернативный способ создания изображения для браузеров, не поддерживающих указанный способ создания изображения.

Таблицы стилей

Таблицы стилей упрощают разметку HTML и существенно снижают участие языка HTML в представлении документа. Они предоставляют как авторам, так и пользователям возможность управлять представлением документов — шрифтами, выравниванием, цветами и т.д.

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

Механизмы связи таблиц стилей с документами не зависят от языка таблиц стилей.

До появления таблиц стилей возможности управления созданием изображения у авторов были ограничены. В HTML 3.2 был включен ряд атрибутов и элементов для управления выравниванием, размером шрифта и цветом текста. Авторы также использовали для компоновки страниц таблицы и изображения. Поскольку на обновление браузеров у пользователей уйдет довольно долгое время, эти средства еще будут использоваться в течение какого-то времени. Однако поскольку таблицы стилей обеспечивают более мощные механизмы представления, World Wide Web Consortium существенно сократит число элементов и атрибутов представления в HTML. В этой спецификации элементы и атрибуты, которые могут быть впоследствии исключены, помечены как «нежелательные». Они сопровождаются примерами по достижению того же эффекта с помощью других элементов или таблиц стилей.

Скрипты

С помощью скриптов авторы могут создавать динамичные Web-страницы (например, «интеллектуальные формы», изменяющиеся по мере заполнения их пользователем) и использовать HTML как средство построения сетевых приложений.

Механизмы, обеспечивающие включение скриптов в документы HTML, не зависят от языка скриптов.

Печать

Иногда авторы хотят упростить для пользователей печать текущего документа. Если документ является частью другого документа, отношения между ними можно описать с помощью элемента HTML LINK или языка описания ресурсов (Resource Description Language — RDF) W3C.

Функции

Если попытаться выделить многочисленные новые функции и особенности последней версии HTML, эту информацию будет трудно переварить. Однако в действительности многие «новые» средства не такие уж и новые, хотя HTML, эволюционируя от версии 3.2 к версии 4.0, претерпел значительные изменения. Но такие браузеры, как Internet Explorer и Netscape Navigator, уже поддерживают ключевые средства новой версии HTML, а ряд других новых функций представляет собой упрощенный или усовершенствованный вариант существующих структур HTML, облегчающих работу с современными web-технологиями.

Основные усовершенствования коснулись фреймов, мультимедиа, таблиц и форм, а также работы со сценариями и таблицами стилей.

Фреймы

Одним из самых значительных усовершенствований в последней версии HTML стало распознавание стандартных и встроенных фреймов. Конечно, фреймы не представляют собой ничего нового. На самом деле, стандартные фреймы появились еще в Netscape Navigator 2.0. С тех пор в разных версиях браузеров предлагались различные усовершенствования. К счастью, для совместимости с HTML 4.0 браузеры должны будут поддерживать фреймы, определенные в данной спецификации.

С помощью стандартных фреймов можно создавать web-страницы с «мини-окнами», причем каждое из них может иметь свое информационное наполнение. Обычно такое мини-окно отделяется от остального экрана рамкой и выводится с полосами прокрутки. Кроме того, фрейм можно вставить непосредственно в блок текста на web-странице (как встроенное изображение). Такой фрейм называется встроенным (in-line) и создается с помощью тэга iframe. Многие атрибуты встроенных и стандартных фреймов совпадают, другие добавлены для на стройки размера и выравнивания окна фрейма. Для использования встроенного фрейма нужно выбрать место и добавить элемент iframe. С помощью атрибута src можно задать исходный документ, а затем указать позицию фрейма. В следующем примере в документ вставляется простой встроенный фрейм в 500 пикселов высотой и 325 пикселов шириной:

< iframe src=" samples.html" width=" 325" height=" 500" align=" right" > < /iframe>

Как и в случае со стандартными фреймами, с помощью атрибута frameborder нетрудно задать фрейм без рамки. Установив этот атрибут равным 1, можно вывести рамку, а присвоив ему значение 0, — скрыть ее. Для достижения требуемого эффекта исходный документ должен помещаться внутри фрейма. В противном случае браузер выводит на экран фрейм с рамкой и полосами прокрутки. Следует отметить, что тэг iframe позволяет определить выводимую в браузере информацию, даже если он несовместим с HTML 4.0. Для этого достаточно включить ее в сам элемент iframe. Например:

< iframe src=" samples.html" width=" 325" height=" 500" frameborder=" 0" >

< P> Normally, a product sample is displayed in this space.

However, your browser doesn't support HTML 4.0.< /P>

< /iframe>

Совместимые с HTML 4.0 браузеры будут игнорировать подобный текст, а несовместимые выводят его, игнорируя тэг iframe. И еще одно замечание по встроенным фреймам: присваивая фрейму имя, можно дать ссылки, которые выводят в этом фрейме другие файлы. Такие гиперссылки для фрейма называются целевыми. Цель указывается атрибутом фрейма name. Имя же присваивается как значение атрибута target с соответствующей гиперссылкой.

⇐ Предыдущая 4 5 6 7 8910 11 12 13 Следующая ⇒