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

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

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

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

Что касается ответа на второй вопрос, то сейчас активно используется обмен баннерами, гиперссылками, а также проводятся конкурсы на лучшую страницу. Можно также включить адрес своей страницы в базы данных поисковых серверов и всевозможных “желтых страниц”. Тут все зависит от личной инициативы, так как эти места надо найти и заполнить соответствующие формы.

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

Первый шаг в этом направлении – уменьшение объема файлов в формате JPG. Мне больше всего нравится использовать для этой цели графический редактор MS Photo Editor (он устанавливается вместе с программами MS Office). При сохранении JPG-изображения в новом файле можно выбирать качество рисунка в процентах. Чуть-чуть снизив качество, можно получить значительно меньший размер файла. В таблице приведены данные для исходного файла (фотографии) размером 30 Кбайт, обработанного в двух популярных редакторах. Надо также учитывать, что “качество изображения” – понятие условное. Разместив на экране рядом две фотографии с качеством 100% и 80%, вы вряд ли заметите различия. Но в 60-процентных изображениях ухудшения уже заметны на глаз. Вид фотографий необходимо проверять в двух режимах монитора: High Color и True Color.

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

Как “оживить” страницу? Если вы хотите создавать движущиеся картинки, то главное, что нужно - установить какую-нибудь программу для создания “мультиков”. Одна из самых популярных – Ulead GIF Animator.

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

Какой тип файла выбрать для Web-странцы: htm или html? Нет никакой разницы, какой тип используется. Просто в MS-DOS расширение файла не может быть длиннее трех символов, а в Windows или UNIX - может. Тип файла зависит и от того, какой программой редактируется Web-документ. Правда, некоторые провайдеры требуют, чтобы файл заглавной страницы был назван определенным образом (index.htm или index.html)

Для чего используется элемент META? С одной стороны, он вроде бы и не нужен, поскольку страницы прекрасно работают без него. Но его можно “нагрузить” рядом полезных функций: задать номер кодовой страницы, ввести ключевые слова для обеспечения работы поисковых машин, указать использованный для создания страницы гипертекстовый редактор. Во всяком случае, наличие этого элемента не должно препятствовать нормальному просмотру страницы.

Как вернуться из фрейма на заглавную страницу, которая не использует фрейм? Действительно, возможна ситуация, когда на заглавной странице (ее еще называют home page или index) фреймы не использованы, а на подчиненной странице фреймы есть (см. рисунок). Тогда возвратная ссылка должна быть оформлена особым образом:

Если атрибут target не использовать, то такая ссылка заменит страницу f2.htm страницей index.htm так, что заглавная страница окажется внутри фрейма.

Другие значения атрибута target:

_self - как будто атрибута target нет;

_blank - открытие еще одного окна броузера и показ страницы в нем.

При нажатии кнопки “Назад” в броузере возврат из фрейма происходит корректно в любом случае.

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

Как получить файлы примеров к книге? Когда книга ("HTML в примерах") готовилась к печати, в ходу были броузеры MS Internet Explorer 3.02 и Netscape Navigator 3.0. Поэтому примеры были разработаны именно для этих программ. В последующих версиях броузеров некоторые элементы языка стали работать по-другому. Из раздела “Книги” (моей Web-страницы) можно загрузить версию примеров, адаптированных для броузеров MS Internet Explorer 4.x/5.x и Netscape Communicator 4.x. Имея оба варианта примеров, легко разобраться, какие элементы HTML критичны к версиям и типам броузеров.

1999 г.

А.Гончаров