Творческий характер создания документов 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-страниц, чем удачных. Единственный критерий грамотности применения фреймов — удобство пользователя. Если благодаря фреймам страница становится во много раз красивее, но чуть-чуть менее удобной, от фреймов надо отказываться не задумываясь. Ничего, кроме раздражения, у читателей она не вызовет.
Люди ценят заботу и внимание. Размещение самой важной информации в верхней части страницы позволяет им с пользой проводить время, в течение которого происходит загрузка документа. Сопровождение иллюстраций альтернативным текстом не стоит больших трудов, но высоко ценится. Наличие большого количества полезных гиперссылок на странице не только помогает людям плодотворно путешествовать по просторам Интернета, но и побуждает их раз за разом возвращаться на страницу, предоставившую им такую возможность.
Закрепление пройденного
O Web-документы создают с помощью специального языка разметки гипертекста — HTML.
O Коды языка HTML называются тегами.
O Теги HTML — это специальные последовательности символов, заключенные в угловые скобки (о).
O Web-документ представляет из себя исходный текст с имплантированными в него тегами. Таким образом, Web-документ представляет собой обычный текст и, тем самым, может создаваться и редактироваться средствами обычных текстовых редакторов.
O Основная особенность создания Web-документов состоит в том, что автору документа неизвестно, на какой модели компьютера, в какой операционной системе и какими программами этот документ будет отображаться на экране пользователя. Этот «уровень незнания» не позволяет жестко задавать параметры форматирования Web-документа.
O Форматирование Web-документов отличается от форматирования документов в обычных текстовых процессорах тем, что является функциональным. Так, например, коды HTML не должны точно задавать параметры шрифта, строки и абзаца (хотя в некоторой степени они позволяют это делать). Вместо этого они определяют назначение заголовка или абзаца, а программа пользователя, выполняющая просмотр Web-документа (броузер) сама «принимает решение» о том, как отобразить данный текстовый элемент на экране.
O Используя коды HTML, можно выполнять следующие действия:
• выделять заголовки разных уровней и управлять их выравниванием на экране;
• разбивать текст на абзацы, использовать простейшие элементы оформления для разделения абзацев и других частей документа;
• встраивать в текст гипертекстовые ссылки на другие Web-документы или на другие разделы данного документа;
• встраивать в текст рисунки; управлять параметрами обтекания рисунков текстом, управлять размерами рисунков, вводить альтернативный текст, который отображается броузером при невозможности отобразить рисунок;
• управлять цветом, размером и гарнитурой шрифта;
• оформлять смысловые выделения в исходном тексте;
• создавать несколько различных видов списков;
• создавать таблицы;
• размещать несколько документов на одной Web-странице;
• встраивать в текстовый документ мультимедийные объекты;
• и многое другое.
O Процесс создания Web-документов — это творческая работа, успех которой зависит как от личных талантов и способностей автора, так и от его уровня опыта.
O HTML-код всех Web-страниц Интернета открыт для просмотра с помощью обычных броузеров. Исследование кода готовых Web-страниц обычно является хорошей школой при изучении тегов HTML и при разработке новых приемов оформления Web-страниц.
Контрольные вопросы
1. Почему для разработки Web-страниц используется специальный язык разметки гипертекста? Мы знаем, что с помощью текстового процессора Word вполне можно получать представительные документы. Почему нельзя использовать этот удобный и мощный текстовый процессор для разработки Web-документов?
2. Как вы понимаете, что такое тег HTML?
3. С помощью каких известных вам программ можно создавать Web-документы в коде HTML?
4. С помощью каких известных вам программ можно просматривать Web-документы?
5. В языке HTML нет тега, с помощью которого можно было бы создать абзац текста фиксированной ширины, например 800 пикселов. Почему нет таких тегов?
6. Несмотря на отсутствие тегов для создания текста фиксированной ширины, управлять шириной текста все-таки можно. С помощью какого средства можно создать текст, расположенный в трех (например) колонках заданной ширины?
7. Что такое альтернативный текст? Зачем он нужен и когда используется?
8. Чем отличаются текстовые и графические гиперссылки?
9. Предположим, что на Web-странице опубликован очень длинный документ (повесть). Для удобства пользователя автор ввел в начало документа содержание, состоящее из 20 пунктов, соответствующих главам повести. Что он должен предусмотреть, чтобы читатель мог перейти к любой главе щелчком на соответствующем пункте в содержании?
10. Какие виды списков вы знаете? Какими средствами создают списки на Web-страницах? Что такое вложенные списки?
