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
- Тема 5.7. Введение в разработку Web-приложений
- 5.7.1. Общие сведения о компьютерных сетях и основные определения
- 5.7.2. Web-страницы, Web-сайты, Web-сервисы и Web-приложения
- 5.7.3. Этапы создания сайтов
- 5.7.4. Средства создания Web-сайтов
- 5.7.5. Средства языка html
- Начало формы Конец формы
- 5.7.6. Пример создания Web-сайтов средствами html
- 5.7.7. Задачи для самостоятельного решения по теме «Введение в разработку Web-приложений»
- 5.7.8. Тестовые задания по теме «Введение в разработку Web-приложений»
- Тема 5.7. Введение в разработку Web-приложений Страница 64