Лекция по теме Связывание документов HTML

§1. Связывание документов HTML

1.1. Правильное управление файлами  в Web-проекте

1.1.1. Понятие web-проекта

1.1.2. Неправильные и неясные имена файлов

Чтобы избежать неприятностей из-за плохо составленных имен, следуйте простым правилам.

ü  Правильно составляйте имена файлов. Чтобы обеспечить глобальный доступ к файлу, его имя должно следовать определенным форматам и правилам.(.html .htm .xml .asp .jsp .shtml .php)

ü  Не пользуйтесь пробелами. При локальной проверке файлов и при запуске их из Internet будут неприятности. Вместо пробелов можно использовать тире или символ подчеркивания.

ü  Не пользуйтесь лишними символами. Ограничьтесь буквами, числами, тире и подчеркиванием. Среди особенно нежелательных символов находятся апострофы (например “molly’swebsite”), знаки доллара, процента, фунта стерлингов, круглых скобок и т.п.

ü  Ставьте точку в нужном месте. Точно так же не следует ставить точки в любом месте, кроме как между именем и расширением в названии файла.

ü  В именах файлов все буквы должны быть в нижнем регистре. Даже если ваша деятельность ограничена рамками локального личного компьютера, которому все равно, как вы именуете файлы, стоит начать применять это правильно - и чем раньше, тем лучше. На многих Unix-серверах имена файлов различаются регистром, т.е. index.html, INDEX.html, IndEX.html будут тремя разными файлами. Следуя этому простому правилу, вы избежите в будущем многих неприятностей.

ü  Присваивайте своим файлам понятные имена. Это особенно важно, когда в одном проекте вы управляете множеством HTML-файлов. Например: new.html (что нового), books.html(книги), bio.html(биография), contact.html(контактная информация)

ü  Не присваивайте длинные имена файлам. Не усугубляйте ситуацию присвоением длинных имен – работайте в локальном режиме с именами покороче. Это обеспечит вам долгосрочное соблюдение соглашений по присвоению имен файлов.

1.2. Гиперссылки (дескриптор якоря)

Дескриптор якоря (гиперссылка) — это ссылка на любой ресурс интернета (Web-документ, рисунок, почтовый адрес и.т.д.), а так же на место (закладку) в Web-документе. 

1.2.1. Абсолютное связывание

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

Чтобы создать абсолютную ссылку, надо использовать следующие дескрипторы и атрибуты:

<А href=”URL-адрес”> Ссылка </А>

<A href=”http://www.microsoft.com”> Корпорация Microsoft </A>

1.2.2. Относительное связывание

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

<A href =”news.html”> Новости </A>

Задача несколько усложняется, когда вы хотите создать ссылку на документ на том же сервере, но в другом каталоге. В зависимости от расположения файла указывается адрес к нему.

<A href =”newdir/link2.html”> Новости </A> - если файл находится во вложенном каталоге.

<A href =”../otherdir/link1.html”> Новости </A> - если файл находится в соседнем каталоге.

1.2.3. Внутренние ссылки

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

Например, в том месте, где нужна закладка, используется дескриптор <a name="otdix">,

а там, где находится ссылка на эту закладку –

<a href="#otdix">Отдых</a>(если закладка находится в текущем документе) или

<a href="turism.html#otdix ">Отдых</a> (если закладка находится в документе turism.html) При нажатии на данную ссылку произойдет переход в нужное место документа.

1.2.4. Почтовые ссылки

            Почтовые ссылки используются пользователем для того, чтобы посетитель вашего ресурса мог отправить E-Mail на электронный адрес группе разработчиков или фирме-хозяину сайта. Это легко осуществить с помощью дескриптора якоря и ссылки mailto:

Пример:

<a href="mailto:webmaster@ukr.net"> Написать письмо разработчику </a>

Скачано с www.znanio.ru