Практикум
Чтобы закрепить в
памяти все новые знания, полученные вами в данном уроке, постарайтесь
незамедлительно реализовать их на практике, а именно — наполнить разработанную
в самом начале урока заготовку для web-страницы текстовым содержимым.
Для этого создайте
в текстовом редакторе Блокнот (Notepad) два независимых документа, содержащих
информацию, которую вы хотели бы представить на своей домашней страничке.
Один из них этих документов разместите на стартовой странице сайта,
другой — на странице одного из тематических разделов, например рубрики
«мое хобби». В качестве наглядного примера я предлагаю небольшой
текст в составе файла index.html. Вот он:
ДОБРО ПОЖАЛОВАТЬ
НА МОЮ ДОМАШНЮЮ СТРАНИЧКУ!
Спасибо Вам,
уважаемый посетитель, за то, что Вы нашли время и возможность заглянуть
на мою страницу во Всемирной сети. Здесь Вашему вниманию предложена
информация о моих увлечениях, моей биографии, моих друзьях, работе и
семье. В отдельной рубрике я предлагаю Вашему вниманию несколько собственных
фотографий. Надеюсь, они Вам понравятся.
К сожалению,
в настоящий момент моя домашняя страничка находится в стадии разработки,
потому еще далеко не все ее разделы доступны для просмотра. Я искренне
надеюсь, что этот ресурс будет постоянно обновляться и в ближайшем будущем
многие из перечисленных рубрик займут свое законное место. Например,
в течение ближайшей недели здесь будет опубликовано:
- Моя биография.
- Рассказ о моей семье.
- Несколько фотографий.
Заходите на мою
страничку почаще! С уважением, Иван Иванов.
Теперь настало время
подготовить рубрику «Мои увлечения». Для этого создайте
внутри каталога, в котором хранится содержимое вашего сайта (C:\MySite),вложенную
папку, которую озаглавьте «Hobby», а в ней разместите пустой
файл с названием index.html, созданный в редакторе Notepad.
Итак, все приготовления
закончены. Осталось, воспользовавшись информацией, которую вы почерпнули
из этого урока, превратить ваш текстовый файл в полноценный документ
HTML:
<! DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML 3.2//EN"><HTML><HEAD>
<TITLE>Mоя
домашняя страничка</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF"
TEXT="#000000" LINK="#0000FF" VLINK="#800080"ALINK="#FF0000">
<H1 ALIGN="CENTER">
ДОБРО ПОЖАЛОВАТЬ НА МОЮ ДОМАШНЮЮ СТРАНИЧКУ!</Н1>
<BR>
<Р ALIGN="JUSTIFY">
 : Спасибо Вам. уважаемый посетитель, за то, что Вы нашли
время и возможность
заглянуть на мою страницу во Всемирной сети. Здесь Вашему
вниманию предложена
информация о
<А HREF="/hobby/index.html"
TITLE="Рассказ о моем хобби, в частности о
коллекционировании
марок">моих увлечениях</А>,
моей биографии, моих
друзьях, работе и семье. В отдельной рубрике я предлагаю
Вашему вниманию несколько
собственных фотографий. Надеюсь, они Вам понравятся.
</Р><BR>
<Р ALIGN="JUSTIFY">
 :  :
 : К сожалению, в настоящий момент моя домашняя страничка
находится в стадии
разработки, потому еще
<STRONG>далекр
не все ее разделы доступны для просмотра</STRONG>.Я искренне надеюсь,
что этот ресурс будет постоянно обновляться и в ближайшем будущем многие
из перечисленных рубрик займут свое законное место. Например, в течение
ближайшей недели здесь будет опубликовано:</Р>
<UL TYPE="SQUARE">
<LI>Моя биография.</LI>
<LI>Рассказ
о моей семье.</LI>
<LI>Несколько
фотографий.</LI>
</UL>
<Р ALIGN="CENTER">
Заходите на мою страничку
почаще! С уважением.
<EM><STRONG>Иван
Иванов.</STRONG></EM>
</Р>
<BR>
<HR>
<Р ALIGN="CENTER">Aвтор
страницы Иван Инванов. 2000.
E-mail: <A
HREF="mailto:ivan@server.ru&subject=отзывы посетителей">
ivan@server.ru</A>
</Р>
</BODY>
</HTML>
Как становится видно
из предложенного выше кода, вступительная фраза «Добро пожаловать
на мою домашнюю страничку!» использована в качестве заголовка
первого уровня, словосочетание «моих увлечениях» превращено
в гиперссылку на заглавный документ рубрики «Хобби», фраза
«далеко не все ее разделы доступны для просмотра» выделена
жирным шрифтом, маркированный список реализован с помощью меток в виде
залитых черным цветом квадратов, а имя разработчика странички помечено
жирным и курсивным выделением, имитируя подпись. Более того, нижняя
часть документа отделена горизонтальной чертой, под которой размещена
ссылка на адрес электронной почты автора данного web-сайта, а в качестве
темы сообщения указана строка «отзывы посетителей». Результат
ваших трудов будет выглядеть в окне броузера так, как показано на рис.
4.4.
Рис. 4.4. Внешний
вид домашней странички
Второй html-документ,
составляющий тематический раздел "Мои увлечения", предлагаю
вам разработать самостоятельно по аналогии с приведенным примером. Не
забудьте включить в текст этой страницы ссылку на заглавную страницу
сайта.