logo search
УчМатериалы-Информатика-20010-2011уч-года / Модуль-2 (Разделы-04-05) / Раздел-05 / Пособие-Раздела-05-2008 / Тема-05-07

5.7.6. Пример создания Web-сайтов средствами html

Исходный код файла index.htm представлен на рис. 5.7.6-1.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<HEAD>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<TITLE>МОСКВА, 2009</TITLE>

</HEAD>

<BODY bgColor="#ff1111" LINK="#CC00FF" VLINK="#0000ff" ALINK="#CC00FF">

<FONT face=TIMES color=white size=40>

<B>МОСКВА, 2009 ...... ИЗУЧАЕМ WEB-ДИЗАЙН</B></FONT>

<center>

<img src = "pic/00.jpg" WIDTH = 380 HEIGHT= 280 BORDER= 8 alt = "pic/00.jpg">

<br><br><br><br>

<H2>

<FONT FACE= "TIMES" COLOR= WHITE><B><I>

WEB-ДИЗАЙН - ЭТО ЗАМЕЧАТЕЛЬНО, ЭТО ИНТЕРЕСНО.....

</I></B></FONT></H2></center>

<BR>

<center>

<h3>

<font face=Arial color = "Black"><i>

<A HREF = "1.HTM">Далее</A>

</i>

</font>

</h3>

</CENTER>

</BODY>

</HTML>

Рис. 5.7.6-1

Рис. 5.7.7-2

Исходный код файла 1.htm представлен на рис. 5.7.6-3.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<HEAD>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<TITLE>МОСКВА, 2009</TITLE>

</HEAD>

<BODY bgcolor = "#FFCCCC" LINK="#CC00FF" VLINK="#0000ff" ALINK="#CC00FF">

<a HREF = "index.htm">

<i><B>

<font face = "Tahoma" color = "red"></font>НАЧАЛО</B></i></a>

<CENTER>

<FONT face=TIMES color="OLIVE"></font>

<b>Карточка студентки</b><b><br>

<FONT face=TIMES color="olive"> Наташи Петровой</FONT></b><P></CENTER>

<center>

<img src="pic/girl.jpg" width=200 height=290 alt = "pic/girl.jpg">

<BR><div>

<table bgcolor="#FDA0A0" align=center border=8 cellpadding=2 cellspacing=2 width=90%>

<tr align=center>

<th><font color=OLIVE>Место учебы</font></th><th><font color=olive>Факультет</font>

</th><th><font color=OLIVE>Курс</font></th><th><font color=OLIVE>Специальность</font>

</th><th><font color=OLIVE>Подробнее</font></th><th><font color=olive> Ваш e-mail</font></th></tr><tr align=center>

<th><font color=OLIVE>М Т У С И</font></th><th><font color=olive>ОТФ-2 </font>

</th><th><font color=OLIVE> 1 курс </font></th><th><font color=OLIVE>ЗС0801</font>

</th><th><font color=OLIVE>Изучение защиты информации<br>это очень актуально в наше время</font>

</th><th><font color=OLIVE>np2009@mail.ru</font></th>

</tr></table></div></center>

<center><br>

<font face="Arial Black"><i>

<A HREF = "3.HTM">Далее</A>

</i></font></CENTER></BODY></HTML>

Рис. 5.7.6-3

Рис. 5.7.6-4

Исходный код файла 3.htmпредставлен на рис. 5.7.6-5.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<HEAD>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<TITLE>МОСКВА, 2009</TITLE>

</HEAD>

<body BGCOLOR="#f6f6f6" "#FFCCCC" LINK="#CC00FF" VLINK="#0000ff" ALINK="#CC00FF">

<A HREF = "index.htm"><i><B>

<font face = "Tahoma" color = "red">

НАЧАЛО

</font></b></i></a>

<h2>

<font face = "Monotype Coursive" COLOR="RED">

МОСКВА, СКВОЗЬ ДЫМКУ ТЫСЯЧЕЛЕТИЙ </FONT></h2><br>

<IMG SRC="pic/384.JPG" WIDTH=300 HEIGHT=340 allgn=LEFT BORDER=4 alt="pic/384.JPG">

<IMG SRC="pic/386.JPG" WIDTH=300 HEIGHT=340 ALIgn=RIGHT BORDER=4 alt= "pic/384.JPG">

<DIV>

<FONT FACE="ARIAL" color="red">

Такая мощная оборонительная

система15 века, выдержала

500 лет и не рухнула!

Почти как пирамиды в Египте!

Могли же строить

в глубокой древгости!

</font></DIV>

<br><br><br><br><br><br><br><br><br><br><br><br><br>

<CENTER>

<font face="Arial"></FONT>

<i>

<A HREF = "5.HTM">Далее</A>

</i>

</CENTER></body></html>

Рис. 5.7.6-5

Рис. 5.7.6-6

Исходный код файла 5.htm представлен на рис. 5.7.6-7.

<body BGCOLOR="#ddFFFF" "#FFCCCC" LINK="#CC00FF" VLINK="#0000ff" ALINK="#CC00FF">

<A HREF = "index.htm"><i><B><font face = "Tahoma" color = "red">

Назад

</font></b></i></a>

<center>

<font face = "tahoma" COLOR="RED"></font>

С

<FONT COLOR="RED"></font>

П

<FONT COLOR="Green"></font>

И

<FONT COLOR="whithe"></font>

С

<FONT COLOR="Violet"></font>

К

<font COLOR="orange"></font>

И

    

<font COLOR="puple"></font>

И

    

<font COLOR="green"></font>

Т

<font COLOR="yellow"></font>А

<font COLOR="blue"></font> Б

<font COLOR="RED"></font> Л

<Font COLOR="yeloow"></font> И

<font COLOR="green"></font> Ц

<font COLOR="red"></font>Ы

<H1>СПИСКИ НУМЕРОВАННЫЕ</H1>

<H2>ПРИЛОЖЕНИЯ MICROSOFT OFFICE 2000</H2></CENTER>

<FONT COLOR=RED></font>

<ol>

<LI>Word</LI>

<LI>Excel</LI>

<LI>Access</LI>

<LI>Power Point</LI>

<LI>Outlook</LI>

<LI>Internet Explorer</LI>

</ol>

<CENTER>

<H1>СПИСКИ НЕНУМЕРОВАННЫЕ</H1>

<H2>ГРАФИЧЕСКИЕ ПАКЕТЫ</H2>

</CENTER>

<FONT COLOR=RED></font>

<UL>

<LI>3D MAX 7.0

<LI>PHOTOSHOP 5.0

<LI>COREL DROW 9.0

<LI>AUTOCAD 6.0

<LI>MACROMEDIA FLASH 6.0

<LI>GIF ANIMATOR 5.0

</UL>

<H2>СПИСКИ ОПРЕДЕЛЕНИЙ</H2>

<FONT COLOR=RED></font>

<dl>

<DT>3D MAX 7.0</dt>

<DD> Пакет предназначен для создания сцен рехмерной графики</dd>

<DT>PHOTOSHOP 5.0;</dt>

<DD>Пакет предназначен для работы с растровой графикой, обработки и

монтажа фотографий</dd>

<DT>COREL DROW 9.0;</dt>

<DD>Мощнейший графический пакет, предназначенный для векторной графики</dd>

<DT>AUTOCAD 6.0;</dt>

<DD> Графический пакет для пректирования деталей</dd>

<DT>MACROMEDIA FLASH 6.0;</dt>

<DD>Это восторг, чудо-юдо- для создения Flash-аннимаций</dd>

<DD>GIF ANIMATOR 5.0;</dd>

<DT>Для создания небольших аннимаций</dt>

</dl>

<font face="arial"><i>

<A HREF = "z_4.HTM">Далее</A>

</i></font></body></html>

Рис. 5.7.6-7

Рис. 5.7.6-8