Размещение нескольких документов на одной Web-странице

Язык HTML позволяет разбить окно программы браузера на несколько частей и в каждой из них отобразить отдельный доку­мент. Такие области называются фреймами.

1.Для создания фреймов используют особый документ HTML, структура которого отличается от обычной. Такой документ не содержит раздела «тела» документа и, на самом деле, не содер­жит какого-либо текста вообще. Вместо этого он содержит описание фреймов, заключенное между тегами <FRAMESET> и </FRAMESET>.В этом описании указывают размеры и порядок размещения областей в окне браузера, а также задают докумен­ты, которые должны загружаться в каждую из этих областей.

2.Тег <FRAMESET>должен содержать обязательный атрибут COLS=или ROWS=,определяющий способ разбиения окна. При исполь­зовании атрибута COLS=окно делится на области вертикальными линиями, а при использовании атрибута ROWS=— горизон­тальными. Если заданы оба эти атрибута, в окне создается сетка из подобластей.

Значения этих атрибутов определяют высоту (или ширину) областей окна. Параметры для каждого столбца (строки) задают через запятую в пикселях или в процентах (символ «%»). В качестве последнего параметра можно использовать символ «звездочка» (*). Под такой фрейм выделяется все остающееся свободное пространство.

3.Между тегами <FRAMESET>и </FRAMESET>располагают дополнительные теги, указывающие назначение созданных облас­тей. Для этой цели можно использовать вложенные теги <FRAMESET>,задающие дополнительное разбиение окна, или одиночные теги <FRAME>,определяющие документы, загружа­емые в отдельные области. Число элементов, вложенных между тегами <FRAMESET>и </FRAMESET>,должно соответствовать числу созданных областей.

4.Тег <FRAME>должен содержать обязательный атрибут SRC=,определяющий документ, который будет загружен в данную область. Дополнительные атрибуты позволяют управлять рам­ками между отдельными фреймами и некоторыми другими свойствами.

Качество документов HTML

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

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

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

2.Содержание Web-страницы или группы Web-страниц должно быть связанным логически. Хорошо продуманная система ссы­лок должна позволять переходить от страницы к странице и возвращаться назад практически без использования кнопок навигации Вперед и Назад на панели инструментов браузера.

3.Для того чтобы документ HTML был доступен самой широкой аудитории, следует «отставать на один шаг» от последних дости­жений в развитии языка HTML. Последние нововведения не всегда сразу реализуются в браузерах, а новым версиям требу­ется время на то, чтобы достичь большинства пользователей. Документы с использованием самых свежих новшеств доступны лишь ограниченной аудитории.

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

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

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

7.Если собственной фантазии недостаточно, чтобы придумать способ оформления Web-страницы, можно воспользоваться службой World Wide Web как справочником. Интернет содержит миллионы Web-страниц, способных предложить идеи оформ­ления, которыми можно пользоваться. Достоинство этого под­хода состоит еще и в том, что таким способом можно увидеть, не только что сделано, но и как сделано, если обратиться к исходному тексту Web-страницы.

8.Фреймы — очень мощное, но и очень опасное средство оформления Web-страниц. С помощью фреймов создано гораз­до больше неудачных Web-страниц, чем удачных. Единственный критерий грамотности применения фреймов — удобство поль­зователя. Если благодаря фреймам страница становится во много раз красивее, но чуть-чуть менее удобной, от фреймов надо отказываться не задумываясь. Ничего, кроме раздражения, у читателей она не вызовет.

9.Люди ценят заботу и внимание. Размещение самой важной информации в верхней части страницы позволяет им с пользой проводить время, в течение которого происходит загрузка доку­мента. Сопровождение иллюстраций альтернативным текстом не стоит больших трудов, но высоко ценится. Наличие большо­го количества полезных гиперссылок на странице не только помогает людям плодотворно путешествовать по просторам Интернета, но и побуждает их раз за разом возвращаться на страницу, предоставившую им такую возможность.

Ход работы

  1. Открыть текстовый редактор Блокнот. Набрать следующий HTML-код.

<HTML>

<HEAD>

<Т1ТLЕ>Функциональные разделы документа </Т1ТLЕ >

</HEAD>

<BODY>

<Н1>Главный заголовок</Н1>

<Н2>Подзаголовок</Н2>

<Р>Эти строки изображаются слитно,