2014-10-30
270
Настало время применить полученные вами навыки на практике. Для этого с помощью любого графического редактора, позволяющего оперировать текстурными заливками, например пакета Corel Draw, подготовьте простой файл, заполненный однородной текстурой. Сохраните этот файл на диске в директории C:\MySite\Images под именем background.gif. Поместите в ту же папку какую-либо иллюстрацию, например вашу отсканированную фотографию, назвав данный файл mypicture.jpg.
Теперь откройте файл index.html для редактирования и дополните тег <BODY> атрибутом BACKGROUND. Данная строка будет выглядеть следующим образом:
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#OOOOFF" VLINK="#800080"ALINK="#FF0000" BACKGROUND="Images\background.gif">
После тегов <Н1> </Н1>, определяющих стиль заголовка, добавьте еще одну строку кода:
<IMG SRC="C:\MySite\Images\mypicture.JPG" ALIGN="LEFT" WIDTH="150"HEIGHT="223" HSPASE="5" А1_Т="Это моя фотография">
Таким образом, код данного участка нашего html-документа будет иметь следующий вид:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"><HTML><HEAD>
<TITLE>Mofl домашняя страничка</TITLE></HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#800080"ALINK="#FF0000" BACKGROUND="Images\background.gif">
<H1 ALIGN="CENTER"> ДОБРО ПОЖАЛОВАТЬ НА МОЮ ДОМАШНЮЮ СТРАНИЧКУ!</Н1><BR>
<IMG SRC="C:\MySite\Images\mypicture.JPG" ALIGN="LEFT" WIDTH="150"HEIGHT="223" HSPASE="5" ALT="Этоo моя фотография">
<P ALIGN="JUSTIFY">
|
|
|
и т. д.
Как видите, ваша страница приобрела приятный текстурный фон, в левой части экрана появилась фотография ее владельца. Добавив отображение фона во все остальные документы сайта, сохраните их на диске, после чего заново опубликуйте измененные web-страницы в Интернете, не забыв перенести на сервер используемые вами графические изображения — файлы background.gif иmypicture.jpg.
