Лабораторная работа №2. Совершенствование проекта, списки, ссылки

Внесем в созданную в Лабораторной работе №1 веб-страницу ряд изменений. Откройте подготовленный ранее файл index.html в текстовом редакторе Блокнот. В первую очередь мы можем изменить цвет фона, текста и гиперссылок в данном документе. В качестве цвета фона можно выбрать светло-коричневый, текст оставим черным, «непосещенные» ссылки выделим темно-синим цветом, а «посещенные» - красным. Внесем соответствующие поправки в запись тега <BODY> нашей веб-странички:

Теперь можно изменить параметры шрифта текстовых абзацев. Для этого отыщем в листинге веб-страницы обозначающие абзацы теги и ограничим каждый из этих текстовых блоков тегами и , в которых укажем гарнитуру шрифта, предложив на выбор пользовательского браузера шрифты Verdana и Sans Serif. Кроме того, ограничим высоту символов шрифта тремя пунктами:

текст абзаца

Также можно добавить на нашу страничку перечень тематических разделов, которые предполагается разместить на нашем сайте в скором будущем:

Вскоре на этом сайте появятся следующие тематические разделы:

<LI>Мои увлечения</LI>

<LI>Мои друзья</LI>

<LI>Мои фотографии</LI>

</UL>

Дважды скопируем получившийся шаблон веб-страницы под именами biography.html и myjob.html, для чего достаточно сохранить файл index.html на диске под другим именем – на первой из этих страничек мы разместим рассказ о себе, на второй – рассказ о своей работе. Подготовить эти странички на основе уже имеющегося в наше распоряжении html-документа необходимо самостоятельно. У нас получилось три веб-страницы, которые теперь составляют наш сайт. Ничто не мешает нам связать их гиперссылками, для чего в нижнюю часть листинга каждой из этих страниц, между надписью «Заходите на мою страничку почаще!» и разделительной чертой. Под которой расположено объявление об авторских правах, мы добавим следующий фрагмент кода:

<!—навигация-->

[ <A HREF=”index.html”>Главная</A>  | <A HREF=”biography.html”>Обо мне</A>  |  ;<A HREF=”myjob.html”>Моя работа</A> ]

</CENTER>

Теперь превратим расположенное в самой нижней части страницы объявление об авторских правах в гиперссылку на наш электронный почтовый адрес:

Таким образом, код Вашей веб-страницы теперь будет выглядеть следующим образом:

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

<HTML>

<HEAD>

<TITLE>Моя первая веб-страничка</TITLE>

</HEAD>

<H1 ALIGN=”CENTER”>ДОБРО ПОЖАЛОВАТЬ НА МОЮ ДОМАШНЮЮ СТРАНИЧКУ!</H1>

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

К сожалению, в настоящий момент моя домашняя страничка находится в стадии разработки, поэтому еще далеко не все разделы доступны для просмотра. Я искренне надеюсь, что этот ресурс будет постоянно обновляться, и в ближайшем будущем многие из перечисленных рубрик займут свое законное место.

Вскоре на этом сайте появятся следующие тематические разделы:

<LI>Мои увлечения</LI>

<LI>Мои друзья</LI>

<LI>Мои фотографии</LI>

</UL>

”> <BIG>Заходите на мою страничку почаще!</BIG>

<!—навигация-->

</CENTER>

</BODY>

</HTML>

Задание:

Отладить приведенную программу в Блокноте. Ввести свой собственный адрес E-mail.