Cамоучитель по созданию сайтов


Гиперссылки в пределах сайта



Гиперссылки в пределах сайта

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

В нашем примере давайте выделим в отдельные файлы вступительный текст и каждый из рассказов. Основной файл назовем sergeev.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>Домашняя страница Сергея Cepreeвa</TITLE>

</HEAD>

<BODY BGCOLOR="#BABAAO" TEXT="#1D1D18" LINK="#634438" VLINK="#634438" ALINK="Black'">

<H1><DIV ALIGN="center">Дoмaшняя страница Сергея Cepreeaa</DIV> </H1>

<DIV ALIGN="center"><A HREF="skazka.html">CKА3KА &laquo;ИBАH- царевич и серый зaяц&raquo;</A>&nbsp;

<A HREF="rasskaz.html">Paccкaз &laquo;Moлоток &raquo;</A></DIV> <BR>

<FONT SIZE="+l"><B>Cepгeй Сергеев</В> - писатель-авангардист, автор 20 рассказов.<BR>

В жизни большой любитель собак и компьютерных игр.<ВR><ВR>

Некоторые его рассказы вы можете прочитать прямо здесь.<BR>&nbsp;</FONT>

<HR WIDTH="75%"> </BODY> </HTML>

Затем создадим файл первого рассказа. Назовем его skazka.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD>

<TITLE>ИBAH-ЦAPEBИЧ И СЕРЫЙ 3AЯЦ,</TITLE>

</HEAD>

<BODY BGCOLOR="#BABAAO" TEXT="#1D1D18" LINK="#634438" VLINK="#634438" ALINK="Black">

<H2XP ALIGN="center">ИBAH-ЦAPEBИЧ И СЕРЫЙ ЗАЯЦ<ВR> <I>сказка</I></Р></Н2>

<Р ALIGN="right"XFONT SIZE="-l">Hy, погоди!.. <BR> <I> (Из мультфильма) </I></FONT></P>

<Р ALIGN="justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Жил да был Иван-Царевич, и все у него было: и злато-серебро, и невест полный дворец...<BR>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Долго ли, коротко ли ... <BR>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;И они жили долго и счастливо и умерли в один день. </Р>

<HR WIDTH="75%"> <А НRЕF="sergeev.html">Вернуться страницу</А>

</BODY>

</HTML>

И, наконец, создадим файл второго рассказа, rasskaz.html.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>MOЛOTOK</TITLE>

</HEAD>

<BODY BGCOLOR="#BABAAO" TEXT="#1D1D18" LINK="#634438 " VLINK="#634438" ALINK="Black">

<H2XP ALIGN="center">MOЛOTOK<BR> <i>рассказ</i></Р></Н2>

<P ALIGN="right"><FONT SIZE="-l">Mы кузнецы, и дух наш молод. <BR><I> (Из песни) </I></FONT></P>

<Р ALIGN="justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Это случилось очень давно, уж и не помню в каком году, в каком веке и в каком тысячелетии... (Здесь располагается текст рассказа) </Р>

<HR WIDTH="75%"> <А НREF="sergeev.htm1">Вернуться страницу</А>

</BODY>

</HTML>

Как видите, чтобы установить гиперссылку на другой файл, необходимо в качестве значения атрибута HREF= указать имя этого файла:

<A HREF="skazka.html">Cкaзкa &laquo;Иван-царевич и серый зaяц&raquo;</A>

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

в нашем примере в конце каждого файла с рассказом мы поместили гиперссылку

<А НRЕF="sergeev.html">Вернуться страницу</А>

Она ведет обратно страницу. Конечно, если этого не сделать, пользователь, скорее всего, сможет вернуться обратно, нажав в броузере кнопку Back (Назад). Однако в этом случае большинство читателей все равно обратят внимание на отсутствие обратной гиперссылки, и от этого у них останется не самое приятное впечатление.



- Начало - - Назад - - Вперед -