Міністерство освіти і науки України
Національний університет “Львівська політехніка”
EMBED Word.Picture.8
Розрахункова робота
з дисципліни: „Робота в інтернеті”
на тему: „ Розробити веб-сторінку в статичному HTML.”
Виконав:
студент групи КС-4
Перевірила:
Львів 2008
Завдання
Cторінка повинна містити:
Назву сторінки.
Метаінформацію про сторінку: тип сторінки, використане кодування та ключові слова, які будуть використовуватись пошуковими серверами для індексування сторінки.
Фонове зображення та зображення, до яких прив’язані гіперзв’язки.
Структурований текст (заголовки різних рівнів, різні типи шрифтового оформлення та акцентування тексту (гарнітура, стиль, розмір, колір.)
Гіперзв’язки різних типів (внутрішні та зовнішні) з різним типом адресації.
Сторінка може містити додаткові можливості оформлення (фрейми, таблиці, карти зображень, скрипти та ін.)
Сторінка повинна правильно відображатись в браузерах Internet Explorer та Firefox.
Розробка HTML – коду
HTML – код головної сторінки
<html>
<head>
<TITLE>Головна</TITLE>
<BODY>
<H1 align="center">Стара Сіль </H1>
<body background="fon_dark.gif" bgcolor="#ffffff">
<body>
<body bgcolor="D8BFD8" text="000000">
<body background = "green_stone.bmp" text = "#000000" link = "1E90FF" vlink = "0000CD" alink = "C71585">
<body>
<i><a href="History.htm">iсторія Cтарої Солі </a></i><hr>
<p><i><a href="Kostel.htm">Михайлівський костел</a></i><hr>
<p><i><a href="Voskres.htm">Воскресенська церква</a></i><hr>
<p> </td>
<td width="76%"><br><br>В 2001 році виповнилось 580 років від дати, коли Стара сіль отримала Магдебурське право.
</td>
</tr>
<tr>
<td width="24%" height="95">
</td>
</tr>
<tr>
<td width="100%" colspan="2" background="koord.gif" height="20">
<p align="right">
<font face="Arial Black" color="#FFFFFF" size="2">Н а ш і к
о о р д и н а т и</font>
</p>
</td>
</tr>
<tr>
<td width="100%" colspan="2">
<p align="right">
<font size="3" color="#008000"><dfn>Студент групи КС-42<br>Касюхнич Тарас<br>
тел. 8 097 765 90 61<br>
</dfn></font></p>
</td>
</tr>
<tr>
<td width="100%" colspan="2">
<p align="center" style="margin: 0">
<font color="#0000FF"><a href="History.htm">Історія </a> |
<a href="Kostel.htm">Михайлівський костел</a> |
</font>
</p>
<p align="center" style="margin: 0">|
<a href="Voskres.htm">Воскресенська церква</a>
</font>
</p>
</td>
</tr>
</table>
</body>
</html>
Результат виконання
HTML – код сторінки під назвою історія Старої Солі
<html>
<head>
<TITLE>Іторія</TITLE>
<BODY>
<H1 align="center">Стара Сіль </H1>
<body background="fon_dark.gif" bgcolor="#ffffff">
<body>
<tr>
<td width="100%" colspan="2" height="25">
<p align="center"><i><font face="Academy Italic" size="4" color="#000080"><b>Історія Старої Солі </b></font></i></td>
</tr>
<tr>
<td width="24%" height="242">
<p><a href="index.htm">На головну</a></i><hr>
<p><i><a href="History.htm">Історія</a></i><hr>
<p><i><a href="Kostel.htm">Михайлівський костел</a></i><hr>
<p><i><a href="Voskres.htm">Воскресенська церква</a></i><hr>
</td>
<td width="80%" rowspan="2" height="155"><br><br>В ІХ-Хст містечко служило сторожовим постом. В 1421р разом з Магдебурзьким правом містечку дали нову назву - Зальцброк. Одним з головних промислових напрямків в містечку було солеваріння. У 18ст. Стара Сіль по виробництву солі була на рівні з Дрогобичем, але вже в середині 19ст запаси солі було вичерпано. У 1880 році було всього 1347мешканців, серед них були поляки, українці, євреї, німці. Тут у Старій Солі збереглась також соляна криниця п’ятиметрової глибини із назвою – «римська криниця».
Стара Cіль має свій герб, який зображений нижче. На ньому намальовано 5 бочок солі і місяць із стрілою.
<br><img alt="Герб австрійського періоду"
border="0" src="gerb_starsla.gif" align="centr" width="251" height="207"><p>
</td>
</tr>
<tr>
<td width="24%" height="95">
</td>
</tr>
<tr>
<td width="100%" colspan="2" background="koord.gif" height="20">
<p align="right">
<font face="Arial Black" color="#FFFFFF" size="2">Н а ш і к
о о р д и н а т и</font>
</p>
</td>
</tr>
<tr>
<td width="100%" colspan="2">
<p align="right">
<font size="3" color="#008000"><dfn>Студент групи КС-42<br>Касюхнич Тарас<br>
тел. 8 097 765 90 61<br>
</dfn></font></p>
</td>
</tr>
<tr>
<td width="100%" colspan="2">
<p align="center" style="margin: 0">
<font color="#0000FF"><a href="History.htm">Історія </a> |
<a href="Kostel.htm">Михайлівський костел</a> |
</font>
</p>
<p align="center" style="margin: 0">|
<a href="Voskres.htm">Воскресенська церква</a>
</font>
</p>
</td>
</tr>
</table>
</body>
</html>
Результат виконання
HTML – код сторінки під назвою Михайлівський костел
<html>
<head>
<TITLE>Іторія</TITLE>
<BODY>
<H1 align="center">Стара Сіль </H1>
<body background="fon_dark.gif" bgcolor="#ffffff">
<body>
<tr>
<td width="100%" colspan="2" height="25">
<p align="center"><i><font face="Academy Italic" size="4" color="#000080"><b>Михайлівський костел </b></font></i></td>
</tr>
<tr>
<td width="24%" height="242">
<p><a href="index.htm">На головну</a></i><hr>
<p><i><a href="History.htm">Історія</a></i><hr>
<p><i><a href="Kostel.htm">Михайлівський костел</a></i><hr>
<p><i><a href="Voskres.htm">Воскресенська церква</a></i><hr>
<td width="100%" colspan="2" height="25">
<p align="center"><i><font face="Academy Italic" size="4" color="#000080"><b>Михайлівський костел</b></font></i></td>
<h2>Стара Сіль</h2>
<!-- <img src="http://ukraine.kingdom.kiev.ua/pics/line.gif"> -->
<table class="two_table" width="540">
<tbody><tr class="two_light"><td>
Львівська обл
<br>
<br></td></tr>
<tr><td>
<img src="Kostel.php_files/Kostel2.jpg" border="0"><br>
30 червня 2007 року. Костел ремонтують знизу фото який костел був пару років тому.
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-main.jpg" target="_blank"><img src="kostel.php_files/stara-sil-main-s.jpg" border="0"></a><br></td></tr>
<tr class="two_tr"><td><img src="stara-sil.php_files/uzor1.gif">в один рядок<img src="kostel.php_files/uzor1.gif"></td></tr>
<tr><td>
<p style="text-align: justify;">В ІХ-Хст містечко служило сторожовим
постом. В 1421р разом з Магдебурзьким правом містечку дали нову назву -
Зальцброк.
Одним з головних промислових напрямків в містечку було солеваріння. У
18ст. Стара Сіль по виробництву солі була на рівні з Дрогобичем, але
вже в середині 19ст запаси солі було вичерпано. У 1880 році було всього
1347мешканців, серед них були поляки, українці, євреї, німці. Кажуть,
що поблизу Старої Солі збереглась соляна криниця п’ятиметрової глибини
із назвою – «римська криниця». <br><br>
</p>
</td></tr>
<tr class="two_tr"><td><img src="kostel.php_files/uzor1.gif">Костел св. Михаїла<img src="kostel.php_files/uzor1.gif"></td></tr>
<tr><td>
<p style="text-align: justify;">
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-dz.jpg" taget="_blank"><img src="kostel.php_files/stara-sil-dzs.jpg" align="right" border="0"></a>
Оборонний костел був побудований в 1660р. Хоча ще в 1614р. Миколою
Даніловичем була надана дотація на утримання костелу, мабуть до цього
дервяного. Має дзвіницю та прибудовану до будівлі костелу каплицю
(Орест Мацюк подає дату 1613р). На початку XX ст. був перебудований за
проектом архітектора Б.Віктора, внаслідок чого втратив свій оборонний
характер. Костел був значно пошкоджений під час Першої світової війни,
реставрація вібувалася в 20-30р XXст. Чудова ліпнина на фасадах, а
капличка прикрашена скульптура святих. Зараз відбувається реконструкція
храма. Роботи вже ведуться в середині, до дати повного відтворення
інтерєру ще далеко. На час мого відвідування велися внутрішні роботи по
укріпленню храма з середини. Храм тривалий час стояв пусткою без даху,
не зберігся вівтар, немає органу, але деякий внутрішній декор побачити
можна: зверніть увагу на хори, ліпнину в бокових частинах костелу,
двері. Костел опалювався, про шо свідчить камін.
<br>Неподалік від костелу св. Михайла знаходиться двоярусна цегляна
дзвіниця. Перший ярус - кам'яний, він з двома арками, які служили
в'їздними воротами.
</p>
</td></tr>
<tr class="two_light"><td>
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-kostel01.jpg" taget="_blank"><img src="Kostel.php_files/stara-sil-kostel01s.jpg" border="0"></a>
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-kostel02.jpg" taget="_blank"><img src="Kostel.php_files/stara-sil-kostel02s.jpg" border="0"></a>
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-kostel03.jpg" taget="_blank"><img src="Kostel.php_files/stara-sil-kostel03s.jpg" border="0"></a>
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-kostel04.jpg" taget="_blank"><img src="Kostel.php_files/stara-sil-kostel04s.jpg" border="0"></a>
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-kostel05.jpg" taget="_blank"><img src="Kostel.php_files/stara-sil-kostel05s.jpg" border="0"></a>
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-kostel06.jpg" taget="_blank"><img src="Kostel.php_files/stara-sil-kostel06s.jpg" border="0"></a>
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-kostel07.jpg" taget="_blank"><img src="Kostel.php_files/stara-sil-kostel07s.jpg" border="0"></a>
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-kostel08.jpg" taget="_blank"><img src="Kostel.php_files/stara-sil-kostel08s.jpg" border="0"></a>
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-kostel09.jpg" taget="_blank"><img src="Kostel.php_files/stara-sil-kostel09s.jpg" border="0"></a>
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-kostel10.jpg" taget="_blank"><img src="Kostel.php_files/stara-sil-kostel10s.jpg" border="0"></a>
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-kostel11.jpg" taget="_blank"><img src="Kostel.php_files/stara-sil-kostel11s.jpg" border="0"></a>
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-kostel12.jpg" taget="_blank"><img src="Kostel.php_files/stara-sil-kostel12s.jpg" border="0"></a>
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-kostel13.jpg" taget="_blank"><img src="Kostel.php_files/stara-sil-kostel13s.jpg" border="0"></a>
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-kostel14.jpg" taget="_blank"><img src="Kostel.php_files/stara-sil-kostel14s.jpg" border="0"></a>
<a href="http://ukraine.kingdom.kiev.ua/region/13/stara-sil-kostel15.jpg" taget="_blank"><img src="Kostel.php_files/stara-sil-kostel15s.jpg" border="0"></a>
</td>
<td width="24%" height="95">
</td>
</tr>
<tr>
<td width="100%" colspan="2" background="koord.gif" height="20">
<p align="right">
<font face="Arial Black" color="#FFFFFF" size="2">Н а ш і к
о о р д и н а т и</font>
</p>
</td>
</tr>
<tr>
<td width="100%" colspan="2">
<p align="right">
<font size="3" color="#008000"><dfn>Студент групи КС-42<br>Касюхнич Тарас<br>
тел. 8 097 765 90 61<br>
</dfn></font></p>
</td>
</tr>
<tr>
<td width="100%" colspan="2">
<p align="center" style="margin: 0">
<font color="#0000FF"><a href="History.htm">Історія </a> |
<a href="Kostel.htm">Михайлівський костел</a> |
</font>
</p>
<p align="center" style="margin: 0">|
<a href="Voskres.htm">Воскресенська церква</a>
</font>
</p>
</td>
</tr>
</table>
</body>
</html>
Результат виконання
HTML –код сторінки під назвою воскресенська церква
<html>
<head>
<TITLE>Іторія</TITLE>
<BODY>
<H1 align="center">Стара Сіль </H1>
<body background="fon_dark.gif" bgcolor="#ffffff">
<body>
<tr>
<td width="100%" colspan="2" height="25">
<p align="center"><i><font face="Academy Italic" size="4" color="#000080"><b>Воскресенська церква</b></font></i></td>
</tr>
<tr>
<td width="24%" height="242">
<p><a href="index.htm">На головну</a></i><hr>
<p><i><a href="History.htm">Історія</a></i><hr>
<p><i><a href="Kostel.htm">Михайлівський костел</a></i><hr>
<p><i><a href="Voskres.htm">Воскресенська церква</a></i><hr>
<td width="100%" colspan="2" height="25">
<p align="center"><i><font face="Academy Italic" size="4" color="#000080"><b>Воскресенська церква</b></font></i></td>
<h2>Стара Сіль</h2>
<!-- <img src="http://ukraine.kingdom.kiev.ua/pics/line.gif"> -->
<table class="two_table" width="540">
<tbody><tr class="two_light"><td>
<tr class="two_tr"><td><img src="Voskres.php_files/uzor1.gif">П'ятницька Церква<img src="Voskres.php_files/uzor1.gif"></td></tr>
<tr><td>
<p style="text-align: justify;">В Старій Солі є дві деревяні церкви.
Одна з них - П'ятницька- датується 1440р (часопис Ї), друга -
Воскресіння Господнього XVIIст. <br>
<tr class="two_tr"><td><img src="Voskres.php_files/uzor1.gif">Воскресенська Церква<img src="Voskres.php_files/uzor1.gif"></td></tr>
<tr><td>
<p style="text-align: justify;">
<img src="Voskres.php_files/stara-sil-church.jpg" border="0">
</p>
</td></tr>
</td>
<td width="24%" height="95">
</td>
</tr>
<tr>
<td width="100%" colspan="2" background="koord.gif" height="20">
<p align="right">
<font face="Arial Black" color="#FFFFFF" size="2">Н а ш і к
о о р д и н а т и</font>
</p>
</td>
</tr>
<tr>
<td width="100%" colspan="2">
<p align="right">
<font size="3" color="#008000"><dfn>Студент групи КС-42<br>Касюхнич Тарас<br>
тел. 8 097 765 90 61<br>
</dfn></font></p>
</td>
</tr>
<tr>
<td width="100%" colspan="2">
<p align="center" style="margin: 0">
<font color="#0000FF"><a href="History.htm">Історія </a> |
<a href="Kostel.htm">Михайлівський костел</a> |
</font>
</p>
<p align="center" style="margin: 0">|
<a href="Voskres.htm">Воскресенська церква</a>
</font>
</p>
</td>
</tr>
</table>
</body>
</html>
Результат виконання