|
о, про-
граммы компоновки Web-страниц далеко не совершенны. Иногда они генериру-
ют дополнительный HTML-код, который вашей Web-странице абсолютно не ну-
жен. Не зная языка HTML, вы не сможете решить, что из этого кода вам нужно,
а вполне можно убрать.
Если вы новичок в Web-дизайне, лучше начать с использования простого тек-
стового редактора или текстового процессора. Научившись разбираться в языке
HTML, переходите к программе компоновки Web-страниц, например,
Dreamweaver или GoLive. Если вы понимаете HTML, использование программы
компоновки Web-страниц предоставит вам максимум преимуществ: программа
компоновки Web-страниц налету сгенерирует весь HTML-код, и в то же время
позволит в любой момент остановиться и изменить код в соответствии с вашими
пожеланиями.
Document [Unlitled l ' | • Dn
File .« Yiew insert Modify Ie*t Commands tfmdow Uefp.
Добро пожаловать на сайт Энди!
Г"
j
[г
1
* "|:
Домой в jj
Проекты jj
Информация I;
Примеры
Заказать ;:
Место для бегущей строки
<ЪоЛ» < > © €5 У> @ @ Rii
Рис. 1.7. Программы компоновки Web-страниц позволяют
визуально разрабатывать страницы
34 Глава 1. Основы языка HTML
Работа с относительными и абсолютными
адресами файлов
При создании нового Web-сайта вам придется перенести Web-содержимое (то
есть HTML-документы, графику, анимацию, звук и прочие вспомогательные фай-
лы) с компьютера, на котором вы работали над сайтом, на целевой Web-сервер.
Если ваши Web-страницы содержат ссылки на страницы, сохраненные в том же
или смежных каталогах (подкаталогах или родительском каталоге), вы сможете
сэкономить немало времени и усилий, используя в ссылках на файлы в HTML-
дескрипторах относительные адреса.
Когда посетитель сайта щелкает на гиперссылке, Web-браузер использует ад-
рес, заданный в атрибуте href гиперссылки, для нахождения файла, который ему
необходимо извлечь. Указывая местонахождение файла, вы можете использовать
либо относительный (relative), либо абсолютный (absolute) адрес. Предположим,
например, что у вас есть графический файл с именем ciock.jpg, который нахо-
дится в папке Foider__B, и что Foider_B, в свою очередь, находится в папке
Folder_A (CM. рИС. 1.8).
Рис. 1.8. Иерархия папок файла clock.jpg
Относительный адрес состоит из имен папок, которые необходимы браузеру,
чтобы добраться до файла, начиная с местонахождения Web-страницы с гиперс-
сылкой, указывающей на внешний файл. Например, если файл ciock. jpg нахо-
дится в папке Foider_B (как показано на рис. 1.8), а Web-страница, ссылающая-
ся на ciock.jpg, находится в папке Foider_A, относительным адресом
ciock.jpg на данной Web-странице будет Foider__B/ciock. jpg. Иными словами,
текущая папка содержит папку Foider__B, которая, в свою очередь, содержит
Глава 1. Основы языка HTML 35
файл ciock.jpg. В приведенном ниже дескрипторе использован атрибут
src (от source — источник) с относительным адресом:
Относительный адрес дает Web-браузеру указание начинать поиск файла внут-
ри папки, содержащей текущий HTML-документ. Например, пусть HTML-доку-
мент, содержащий рисунок в дескрипторе в предыдущем примере, нахо-
дится в папке idx_f oider. Тогда относительный адрес в атрибуте src
подразумевает, что папка Foider_A находится в папке idx__foider.
Абсолютные адреса, с другой стороны, указывают местонахождение файла, на-
чиная с верхнего уровня иерархии папок и двигаясь вниз через все промежуточ-
ные папки к файлу — безотносительно местонахождению текущего Web-докумен-
та. Абсолютные адреса всегда начинаются с косой черты (/), что отличает их от
относительных адресов.
Предположим, например, что файл ciock.jpg находится на диске D В папке
Foider__B, которая расположена в рамках папки Foider__A. Чтобы задать абсолют-
ный адрес, вы должны сообщить браузеру, где искать файл, начиная с диска, на
котором находится содержащая файл папка. В следующем коде показан абсолют-
ный адрес файла ciock.jpg из данного примера:
Использование абсолютных адресов затрудняет перенос файлов Web-сайта с
локального диска на Web-сервер или с одного Web-сервера на другой. Например,
для того, чтобы успешно пользоваться относительными адресами, вам нужно все-
го лишь создать на Web-сервере главную папку для сайта и затем поместить все
документы и вспомогательные файлы в подпапки вну
|
|