Пример выполнения работы. Откройте Блокнот и создайте пустой текстовый файл с названием index.html – он станет вашим шаблоном

Откройте Блокнот и создайте пустой текстовый файл с названием index.html – он станет вашим шаблоном, в который вы впоследствии сможете помещать любое информационное содержимое. Перенесите туда основной код:

< HTML>

< HEAD>

< TITLE> Moй первый сайт< /TITLE>

< /HEAD>

< BODY BGCOLOR=" #FFFFFF" TEXT=" #000000" LINK=" #0000FF" VLINK=" #800080" ALINK=" #FF0000"

BACKGROUND=" Иллюстрации\WB00531L.gif" >

< TABLE BORDER=" 0" CELLPADDING=" 0" CELLSPACING=" 0" WIDTH=" 640" >

< TR>

< TD COLSPAN=" 2" WIDTH=" 800" ALIGN=" CENTER" >

<! -Сюда вставляется заголовок странички -->

< FONT SIZE=18 FACE=" New Times Roman" COLOR=" #008080" >

Великолепная

< /TD>

< /TR>

< TR>

< TD COLSPAN=" 2" WIDTH=" 800" >

<! -Пустая строка для разделительной линии -->

< HR ALIGN=" CENTER" WIDTH=" 40 %" SIZE=" 3" COLOR=" #0200FF" >

< /TD>

< /TR>

< TR>

<! -Здесь размещается навигация -->

< TD WIDTH=" 82" VALIGN=" TOP" ALIGN=" CENTER" >

< P>

< a HREF=" index.htm" > Главная < /a>

< /P>

< a HREF=" usl\index.htm" > Услуги< /a>

< P>

< a HREF=" part\index.htm" > Партнеры< /a>

< /P>

< /TD>

<! -Основное поле для текста -->

< TD WIDTH=" 418" BGCOLOR=" #FFFFFF" VALIGN=" TOP" >

< P ALIGN=" JUSTIFY" >

< FONT FACE=" New Times Roman" COLOR=" #800080" > Вас приветствует «Великолепная» фирма. Сотрудничайте с нами, и Вас ждет грандиозный успех! < /FONT>

< /P>

< /TD>

< /TR>

< TR>

<! -Еще одна пустая строка для разделительной линии -->

< TD COLSPAN=" 2" WIDTH=" 400" >

< HR ALIGN=" CENTER" WIDTH=" 100 %" SIZE=" 3"

COLOR=" #0200FF" >

< /TD>

< /TR>

< TR>

<! -E-mail -->

< TD WIDTH=" 82" >

< A HREF=" mailto: alvion@rednet.ru& subject=Заявки клиентов" > Для писем! < /А>

< /TD>

<! -Copyright -->

< TD WIDTH=" 318" >

& copy; «Великолепная»

< /TD>

< /TR>

< /TABLE>

< /BODY>

< /HTML>

Обратите внимание на то, что для ячейки, определяющей текстовое поле, при помощи атрибута BGCOLOR задан белый фоновый цвет. Поскольку параметр BORDER данной таблицы установлен нулевым, вы не увидите ее в окне браузера, однако ее общий вид выглядел бы на экране компьютера так, как показано на рисунке 8.

Рис. 8. Расположение ячеек невидимой таблицы

Создайте в корневой папке еще две папки USL и PART, в которые скопируйте созданный файл index.htm. В ячейке таблицы «основное поле для текста» разместите содержимое вашего документа: информацией об услугах в одном документе и о партнерах – в другом. Используйте метасимвол ../ для перехода из вложенных каталогов на один уровень вверх.