Особенности сайтов во фреймах и таблицах.

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

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

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

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

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

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

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

Карты изображений, их назначение.

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

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

В использовании карт-изображений есть как положительные, так и отрицательные моменты. Большинство из них носит эстетический характер, но некоторые имеют и технические аспекты. Для создания хороших Web-страниц важно понимать преимущества и недостатки карт-изображений.

Карты-изображения наиболее удобно использовать в следующих ситуациях:

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

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

Несмотря на то, что карты-изображения стали необычайно популярны, очевидно, что они не являются неотъемлемым атрибутом Web-страниц и используются далеко не на всех страницах. Есть ситуации, когда не следует использовать карты-изображения:

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

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

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

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

Виды рамок, способы их выполнения.

Изображение, встраиваемое на страницу, можно поместить в рамку различной ширины. Для этого служит параметр BORDER тэга <IMG>. В качестве значения параметра используется число, означающее толщину рамки в пикселах. По умолчанию рамка вокруг изображений не рисуется. Исключением из этого правила является случай, когда изображение является ссылкой. Также рамки прописываются с помощью CSS (Каскадные таблицы стилей), где им можно придать объем, цвет и толщину линий.

Значения форм и их особенности.

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

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

Определение области действия разделяет пространство имен, доступных для элементов. Например, если две формы содержат элемент user, то эти элементы будут функционировать независимо. Это особенно важно для групп кнопок-переключателей, в которых объединение определяется каждым именем элемента. Кнопки-переключатели обеспечивают простой способ демонстрации разделения областей действия. Например, если две формы на одной странице могут иметь группу кнопок-переключателей state, то кнопки-переключатели будут взаимоисключающими только внутри своих форм.

Формы и внутренние элементы управления в пределах области действия имеют богатую модель программирования. С помощью объекта form вы можете отправить и очистить форму, а также получить доступ и манипулировать индивидуальными элементами управления.

Формы в документе представлены посредством семейств all и forms. Кроме того, именованные формы имеют специальные отношения с документом и к ним можно обратиться непосредственно как к свойствам самого документа. Примеры форм на сайте: ПОИСК, ОЧИСТИТЬ, ОТПРАВИТЬ, ОБЗОР, Введите пороль и т.д.