Коварный FrontPage.

Несколько слов о тех подводных камнях, которые подстерегают начинающего Web – разработчика, который решил «сэкономить время» и воспользоваться для создания HTML – страниц каким-нибудь HTML – редактором, в частности бесплатно поставляемым Microsoft Internet Explorer пакетом FrontPage Express. В чем проблема? Она заключается в следующем.

Допустим, вы создали новый документ (командой «Файл/Создать»). Далее вы начинаете размещать на нем изображения (команда Вставка/Изображение), создать гиперссылки (команда «Вставка/Гиперссылка). Все очень замечательно. После этого вы сохраняете на диске только что созданную страницу (команда «Файл/Сохранить). Сохранив страницу, вы тестируете ее, запустив свой браузер и загрузив в него страницу. Тесты выполняются: все изображения выводятся как надо, гиперссылки работают. После этого, создав все HTML – страницы сайта, вы загружаете свой сайт в Сеть и тестируете сайт – уже размещенный на каком-либо сервере Интернета – еще раз. Тесты снова показывают, что все работает в полном соответствии с вашим замыслом. Вы даете адрес сайта своим друзьям, размещаете ссылки на него во всех возможных местах Интернета и вдруг получаете письма, что ничего не работает: картинки не грузятся, ссылки не вызывают соответствующие страницы… Вы снова проверяете свой сайт – все работает. Вы в полном недоумении. Что же случилось?

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

<IMG SRC=”file:///D:/MySyte/pictures/01.jpg”>

Что это за странная ссылка? Дело в том, что программа FrontPage создает URL для привязки к файлам локального компьютера, по протоколу file:. Когда вы тестируете свой файл (даже размещенный в Интернете), то браузер ищет для указанных URL ресурсы на вашем компьютере, находит их (ведь они на нем изначально хранятся) и загружает все как надо. Но когда этот HTML – документ получает браузер другого компьютера, то он ищет указанные ресурсы на своем компьютере и не находит. Вот поэтому ссылки не работают, а изображения не выводятся.

Можно ли бороться с этим эффектом? Да, можно, если до размещения первого URL (будь то изображение или гиперссылки) вы сразу же сохраните его на диске. После этого URL как надо. Рекомендуется проверять текст созданных HTML – документов.

Таблицы и фреймы

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

Обойти это ограничение позволяют таблицы. Для задания таблицы применяется тэг <TABLE>. У этого тэга есть несколько необязательных атрибутов:

• BORDER – ширина рамки.

• CELLPADDING – расстояние между границей каждой ячейки и ее содержимым.

• CELLSPACING – расстояние между ячейками таблицы.

• WIDTH – ширина таблицы.

Строки таблицы задаются тэговой парой <TR> </TR>, а столбцы – <TD> </TD>. Существует еще пара <TH></TH> для заголовков столбцов.

Тэг <TR> может иметь следующие атрибуты

ALIGN – контролирует горизонтальное размещения содержимого в ячейках и может принимать значения: LEFT, RIGHT, CENTER.