2014-10-30
366
Чтобы закрепить в памяти все новые знания, полученные вами в данном уроке, постарайтесь незамедлительно реализовать их на практике, а именно — наполнить разработанную в самом начале урока заготовку для 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-сайта, а в качестве темы сообщения указана строка «отзывы посетителей».
Второй html-документ, составляющий тематический раздел «Мои увлечения», предлагаю вам разработать самостоятельно по аналогии с приведенным примером. Не забудьте включить в текст этой страницы ссылку на заглавную страницу сайта.
