Конструктивные элементы веб-страницы

На веб-странице можно встретить и другие конструктивные элементы: таблицы, фреймы, формы, компоненты, баннеры.

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

Таблица состоит из ячеек. В каждую ячейку можно поместить свою разновидность информации. Независимо от размеров окна, от разрешающей способности экрана, от типа браузера размещенные в таблице данные всегда будут сохранять свое взаимное расположение, всегда будут согласованы. Кроме того, на экран часто выводится информация, имеющая различный период обновления: есть информация постоянного типа, такая как "содержание" – она выводится на экран и, поскольку определяет общую структуру веб-сайта, обновляется достаточно редко. Есть и другая информация – например, "новости", которые меняются значительно чаще. Если их разделить по разным ячейкам таблицы, то можно обновлять одни ячейки, не затрагивая других, – это можно сделать быстрее, чем обновить весь экран целиком.

Ячейки могут разделяться между собой разграничительными линиями, но могут и не иметь этих линий. Независимо от этого информация все равно остается связанной. Нужны разграничительные линии или нет – решается при композиционном построении страницы. При наличии разграничительных линий каждая ячейка становится обособленной, автономной. Взгляд, попавший в нее, не выходит за ее пределы. Если же разграничительных линий нет, весь экран воспринимается как единое целое, и взгляд легко переходит с одного информационного элемента на другой.

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

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

Фреймы можно использовать для хранения информации, имеющей различный период обновления. Одна из разновидностей часто применяемых фреймов – это содержание (пользовательская структура сайта, или пользовательская карта). Она должна быть постоянно перед глазами. Человек, вошедший на сайт, должен видеть, какую информацию он может получить с этого сайта. Для этого экран делится на два фрейма: в одном из них находится пользовательская карта сайта, во втором (связанном с первым с помощью гиперссылок) отображается информация из раздела, активированного в первом фрейме. Благодаря этому можно быстро знакомиться с информацией, хранящейся в различных разделах содержания, не убирая с экрана пользовательскую карту.

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

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

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

Фреймов на экране может быть много. В том числе – появляющиеся поверх экрана сноски, в которых выводится дополнительная информация, пояснения, которые нужны не всем посетителям (сноски активируются соответствующими гиперссылками). Но большое количество фреймов на экране затрудняет получение информации с него. Если фреймов много, они становятся мелкими, для вывода информации в них приходится применять полосы прокрутки. Все это создает отрицательные эмоции у посетителя сайта.

Формы (Forms) представляют собой конструкции, позволяющие посетителям вводить информацию в веб-сайт. Они могут быть выполнены в виде заполняемых текстом полей (например, анкетный опрос), списков с вариантами ответов, переключателей (представленных отдельно или объединенных в группы), флажков (для бинарных ответов типа "да" илиб"нет"), управляющих различными действиями кнопок и т.д.

Форма позволяет посетителю отреагировать на события, происходящие на сайте. Один из способов получить информацию от посетителя – организация форума: посетитель набирает текст, который появляется на сайте и становится доступным всем посетителям.

На сайте можно поместить анкету и каждого посетителя можно попросить (или обязать) ответить на вопросы анкеты.

Формы состоят из полей и реализуются с помощью активных элементов (программ), которые называются обработчиками (handlers). Обработчики форм устанавливаются в виде специальных приложений на веб-сервере. Получив введенную пользователем информацию, обработчик проверяет поля формы (формат текста – буквенный, цифровой и др., минимальную и максимальную длину введенной строки, диапазон допустимых значений), обрабатывает переданные на веб-сервер данные, может послать заполнившему форму подтверждение в виде веб-страницы или по электронной почте. Обработчик может также сохранить данные из формы в текстовом файле на сервере.

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

Наиболее часто используются следующие разновидности форм:

· форма подтверждения (Confirmations form);

· форма обратной связи (Feedback form);

· гостевая книга (Guest Book);

· регистрационная форма (Registration form) и др.

Создание форм может быть выполнено по имеющимся шаблонам или с помощью мастеров (например, во FrontPage с помощью мастера Form Page Wizard можно создавать нестандартные формы).

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

Часто применяются такие компоненты, как:

· счетчик посещений (feed counter);

· система поиска (search component);

· динамическое оглавление (table of content);

· штемпель (timestamp);

· включаемые страницы (Include Page Component);

· включаемые на время страницы (Scheduled Include Component);

· включаемое на время изображение (Scheduled Image) и др.

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

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

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

Штемпель позволяет проставлять на странице дату и время последнего редактирования или автоматического обновления страницы.

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

Баннеры представляют собой графические анимированные вставки в веб-страницу, основное назначение которых – переключить внимания посетителя "на себя" и увести его на другую страницу.

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

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