Міністерство освіти і науки України
Національний університет “Львівська політехніка”
Розрахункова робота
з дисципліни: „Робота в інтернеті”
на тему: „ Розробити веб-сторінку в статичному HTML.”
Завдання
Cторінка повинна містити:
Назву сторінки.
Метаінформацію про сторінку: тип сторінки, використане кодування та ключові слова, які будуть використовуватись пошуковими серверами для індексування сторінки.
Фонове зображення та зображення, до яких прив’язані гіперзв’язки.
Структурований текст (заголовки різних рівнів, різні типи шрифтового оформлення та акцентування тексту (гарнітура, стиль, розмір, колір.)
Гіперзв’язки різних типів (внутрішні та зовнішні) з різним типом адресації.
Сторінка може містити додаткові можливості оформлення (фрейми, таблиці, карти зображень, скрипти та ін.)
Сторінка повинна правильно відображатись в браузерах Internet Explorer та Firefox.
Розробка HTML – коду
HTML – код головної сторінки
<html>
<head>
<TITLE>Головна</TITLE>
<BODY>
<H1 align="center">Подорож на Закарпаття </H1>
<body background="fonf35.gif" bgcolor="#ffffff">
<img src="111.jpg" HSPACE=20 <img src="222.jpg" HSPACE=20 <img src="333.jpg" HSPACE=20
<p> <i><a href="History.htm">Історія</a> </i> <hr>
<p><i><a href="Vun.htm">Виноградівський район</a></i><hr>
<p><i><a href="Sval.htm">Свалявський район</a></i><hr>
<p><i><a href="Uzg.htm">Ужгородський район</a></i><hr>
<p><i><a href="Tya.htm">Тячівський район</a></i><hr>
<p><i><a href="Photo.htm">Фотографії</a></i><hr>
Закарпаття - це чудовий край з мальовничими ландшафтами, які приваблюють туристів не тільки з України, а й з усього світу. Це край з всесвітньо відомими мінеральними джерелами, край садівництва і виноградарства. Закарпаття - це край "зеленого золота" - лісів, садів і виноградників, край мальовничих гір і долин, багатих цілющими мінеральними джерелами. Своєрідна краса природи, м'який клімат, курорти й архітектурні пам'ятники, чудесні літні і зимові маршрути, зручні шляхи сполучення - усе це зробило область краєм масового туризму
<p align="right">
<font size="3" color="#008000"><dfn>Студентка групи КС-42<br>Мельник Христя <br>
<td width="100%" colspan="2">
<p align="center" style="margin: 0">
<font color="#0000FF"><a href="history.htm">Історія</a> |
<a href="Vun.htm">Виноградівський район</a> |
</font>
</p>
<p align="center" style="margin: 0">
<font color="#0000FF"> <a href="Sval.htm"> Свалявський район
</a> | <a href="Uzg.htm"> Ужгородський район</a>
</font>
</p>
<p align="center" style="margin: 0">
<font color="#0000FF"> <a href="Tya.htm"> Тячівський район
</a>
</font>
</p>
<p align="center" style="margin: 0">
<a href="Photo.htm"> Фотографії</a>
</body>
</html>
Результат виконання
HTML – код сторінки під назвою «Історія»
<html>
<head>
<TITLE>Іторія</TITLE>
<BODY>
<H1 align="center">Історія </H1>
<body background="fonf6.jpg" bgcolor="#ffffff">
<body>
<tr>
<tr>
<td width="24%" height="242">
<p><a href="index.htm">На головну</a></i><hr>
</td>
<td width="80%" rowspan="2" height="155"><br><br>
Вступ
Закарпаття - це чудовий край з мальовничими ландшафтами, які приваблюють туристів не тільки з України, а й з усього світу. Це край з всесвітньо відомими мінеральними джерелами, край садівництва і виноградарства.
Закарпаття - це край "зеленого золота" - лісів, садів і виноградників, край мальовничих гір і долин, багатих цілющими мінеральними джерелами.
Своєрідна краса природи, м'який клімат, курорти й архітектурні пам'ятники, чудесні літні і зимові маршрути, зручні шляхи сполучення - усе це зробило область краєм масового туризму. Щорічно область відвідує багато іноземних туристів <br>
<img src="karta.gif" align="right">
Закарпатська область має розвинуту промисловість, сільське і лісове господарство. Далеко за межами області відомі закарпатські вина, мінеральні води, продукція лісової і деревообробної промисловості, художні вироби з дерева та інше.
Закарпатська область розташована на південно-західних відрогах зелених Карпат, у границі з чотирма країнами (Угорщина, Польща, Румунія, Словаччина), вона є тут воротами нашої держави. Через її територію здійснюються важливі транспортні зв'язки України з багатьма європейськими державами.
Через гірські перевали Ужоцький, Веречанський, Воловецький(Бескидський), Торунський та Яблуницький(Ясінянський) Закарпатська область сполучена залізницями та шосейними дорогами з іншими областями України.
Чотири п'ятих Закарпаття займають гори. Клімат області помірно-континентальний, пом'якшений близькістю Атлантичного океану. Майже половина Закарпаття вкрита лісами, які є багатством краю. Над поясом лісів розташовані полонини - субальпійські і альпійські луки. Багатий і різноманітний рослинний і тваринний світ області.
Цікава і історія Закарпаття. <br>
<img border="0" src="Z.jpg"> <br>
Закарпатська область з її лісистими горами і швидкими ріками, з потопаючими в садах і виноградниках, обновленими містами і селами, історичними пам'ятниками, курортами і будинками відпочинку є одним із найкрасивіших куточків України.
Це одне з небагатьох унікальних місць, які цікаві для туристів у всі сезони. Взимку Закарпаття приваблює своїми чудовими гірськолижними курортами, термальними водами, зимовими базами відпочинку, а в інші сезони - своїми зеленими лісами, чистим повітрям, мінеральними джерелами, надзвичайно величною красою Карпатських гір, полонин і привітністю закарпатських людей.
Отже, якщо ви тут ще не були - приїжджайте і ви не пошкодуєте! <br>
<p align="right">
<font size="3" color="red"><dfn>Студентка групи КС-42<br>Мельник Христя<br>
<td width="100%" colspan="2">
<p align="center" style="margin: 0">
<font color="#0000FF"><a href="history.htm">Історія</a> |
<a href="Vun.htm">Виноградівський район</a> |
</font>
</p>
<p align="center" style="margin: 0">
<font color="#0000FF"> <a href="Sval.htm"> Свалявський район
</a> | <a href="Uzg.htm"> Ужгородський район</a>
</font>
</p>
<p align="center" style="margin: 0">
<font color="#0000FF"> <a href="Tya.htm"> Тячівський район
</a>
</font>
</p>
<p align="center" style="margin: 0">
<a href="Photo.htm"> Фотографії</a>
</font>
</p>
<p align="center" style="margin: 0">
</body>
</html>
Результат виконання
HTML – код сторінки під назвою «Виноградівський район»
<html>
<head>
<TITLE>Іторія</TITLE>
<BODY>
<H1 align="center">Виноградівський район </H1>
<body background="fonf6.jpg" 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>
</td>
<td width="80%" rowspan="2" height="155"><br><br>
<b>Короткі відомості:</b><br><br>
<small>Площа - 700 кв.км
Межує з Угорщиною, Румунією (є митні переходи Дяково, Вилок)<br>
51 населених пунктів - 1 місто, 29 великих сіл<br>
Густота населення - 169,1 тис.чол. на 1 кв.км<br>
Населення - 118,4 тис.чол. (міське населення - 39,2 тис., сільське - 79,2 тис.)<br>
Центр - місто Виноградово (27,6 тис.чол.)<br>
55 300 га - с/г земель, більше 5 000 га - сади і виноградники </small> <br><br>
Виноградівська земля переповнена історією і цікавими подіями. Наприкінці І тисячоліття до н.є. на територію району відбувся прихiд гето-дакiйських племен (фракiйцiв). Даки розгромили кельтiв, якi вiдiйшли до Нiмеччини. Власне, даки будували поселення на високих берегах рiчок. Ці укріплення iснували на випадок вiйни i для охорони торгових шляхiв (закарпатська сiль на той час мала велику цiннiсть), а в самих городищах жили тiльки охоронцi. Пізніше наш край входив до складу патрiархально-рабовласницької держави гето-дакiв. Найбiльший її розквiт був у 40-i роки до н. е. в перiод правлiння царя Буребiсти, а пiзнiше - за Децебала. Але легiони римського iмператора Марка Ульпiя Траяна (98-117 р.) розгромили дакiв, і зруйнували городище на Виноградівщині в поблизу села Мала Копаня. До тепер археологи знаходять тут унікальні речі.<br> <br>
<p align="center"><img src="vinogradovo.jpg" ></p>
<p><br>
Саме на території Виноградівщини вперше було перекладене Євангеліє на угорську мову відомим священником-просвітником Бенедеком Ком'яті, який жив при дворі баронів Перені, у їхньому поселені Великі Комяти, а потім у Королівському замку. Саме у місті Виноградові, а тоді Севлюші, дав свій перший концерт Бейла Барток - всесвітньовідомий угорський композитор. До того ж саме у Виноградівському замку Канків було поховано угорського святого Капістрана. <br>
<p align="center"><img src="or.jpg" ></p>
<p align="center"><font size="2">Памятник на честь визвольної війни угорського
народу с.Вілок (Виноградівський р-н) </font></p>
<p align="center"><img src="23.jpg" ></p>
<p align="center"><font size="2">Деревяна церква, с.Новоселиця (Виноградівський
район) </font></p>
<p align="right">
<font size="3" color="#008000"><dfn>Студентка групи КС-42<br>Мельник Христя<br>
<td width="100%" colspan="2">
<p align="center" style="margin: 0">
<font color="#0000FF"><a href="history.htm">Історія</a> |
<a href="Vun.htm">Виноградівський район</a> |
</font>
</p>
<p align="center" style="margin: 0">
<font color="#0000FF"> <a href="Sval.htm"> Свалявський район
</a> | <a href="Uzg.htm"> Ужгородський район</a>
</font>
</p>
<p align="center" style="margin: 0">
<font color="#0000FF"> <a href="Tya.htm"> Тячівський район
</a>
</font>
</p>
<p align="center" style="margin: 0">
</body>
</html>
Результат виконання
HTML –код сторінки під назвою «Свалявський район»
<html>
<head>
<TITLE>Іторія</TITLE>
<BODY>
<H1 align="center">Свалявщина </H1>
<body background="fonf6.jpg" 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>
</td>
<td width="80%" rowspan="2" height="155"><br><br>
Свалявщина - край оздоровниць, численних мінеральних джерел, туристичних стежок, багатий на працьовитих та талановитих людей.
Подорожуючи по Закарпатській області, ви неодмінно відвідаєте Сваляву, розташовану на міжнародній туристській трасі біля підніжжя гори Стой (1677м).
Якщо піднятись на вершину, то з її висоти відкривається мальовнича панорама міста.
Ген там, у закруті річки Латориці, лівобережжям якої пролягла електрифікована залізниця Львів - Чоп, вишикувались багатоповерхові будинки. Здається, вони збігли з гір й зупинились біля води, аби глянути на себе у дзеркальну гладінь води. А трохи далі - заводські димарі, корпуси підприємств, центр міста, новобудови.
Праворуч, обабіч притоки Латориці - гомінкої річечки Пині біліють санаторні корпуси. Гарні кафе розташувалися вздовж шосе - сіра стрічка асфальту в'ється вгору на Веречанський та Оленівський перевали. Губляться, зникають у блакитному серпанку на схилах гір мальовничі верховинські села.
Так виглядає Свалява та її околиці - один з мальовничих, щедро обдарованих природою куточків Закарпаття.
Щоб ще глибше відчути впевнену ходу сьогоднішньої Сваляви, давайте звернемось до історії.
<p align="center"> <b><font size="4">ТРОХИ ГЕОГРАФІЇ</font></b> </p>
<p><br>
Площа району становить 67301 га. Населення - 57 тисяч чоловік. На території
Свалявщини розташовано 29 населених пунктів.<br>
Свалявський район розміщений у центральній частині Закарпатської області, у
передгірній частині Карпат і відзначається надзвичайно різноманітними формами
рельєфу.<br>
Висота місцевості в долині Латориці 200-250 м над рівнем моря, висота Полонинського
хребта від 1200 м до 1500 м і вище (гора "Отой" 1677м).</p>
<p align="center"><img src="sva.gif" width="573" height="651"></p>
Клімат помірно континентальний. Середня вологість повітря 70-80 %.<br>
Літо-тепле, довге. Похолодання наступає у другій половині жовтня. Весна рання
і приходить з другої декади березня.<br>
Середня температура липня +18° +22°С, а найбільш холодного січня від-40до-9°С<br>
Кліматичні умови на території району вигідні для ведення сільського господарства,
але найкращі вони в заплавах річок Латориці та Боржави.<br>
Сприятливий клімат дозволяє розвивати на територй району різні види літнього
та зимового відпочинку.<br>
Річки району відносяться до басейну Латориці та Боржави.<br>
Майже усі вони починаються в горах і протікають з північного сходу на південний
захід.<br>
Свалявщина має значні запаси підземних вод, особливу цінність становлять її
мінеральні води, (понад 100 родовищ).<br>
Рослинний і тваринний світ дуже багатий. Цьому сприяють географічне положення,
неоднорідний рельєф, кліматичні умови.<br>
Лісовий пояс відзначається різноманітним видовим складом. Вище 900 м в умовах
вологого прохолодного клімату ростуть хвойно-широколисті породи. До висоти 1
150 м, в лісах переважає бук, а вище, аж до 1300 м -ялина і смерека. Зрідка
домішується граб, явір, а в підліску - вовчі ягоди, бузина, жимолость. Трав'яний
покрив рідкий.<br>
До Червоної книги України занесені: білоцвіт весняний, підсніжник звичайний,
шафран Гейфеля.<br>
Тваринний світ представлений оленем, куницею, вовком, бурим ведмедем, диким
кабаном, білкою та інш.</p>
<p align="right">
<font size="3" color="#008000"><dfn>Студентка групи КС-42<br>Мельник Христя<br>
<td width="100%" colspan="2">
<p align="center" style="margin: 0">
<font color="#0000FF"><a href="history.htm">Історія</a> |
<a href="Vun.htm">Виноградівський район</a> |
</font>
</p>
<p align="center" style="margin: 0">
<font color="#0000FF"> <a href="Sval.htm"> Свалявський район
</a> | <a href="Uzg.htm"> Ужгородський район</a>
</font>
</p>
<p align="center" style="margin: 0">
<font color="#0000FF"> <a href="Tya.htm"> Тячівський район
</a>
</font>
</p>
<p align="center" style="margin: 0">
</font>
</p>
<p align="center" style="margin: 0">
<a href="Photo.htm"> Фотографії</a>
</body>
</html>
Результат виконання
. HTML –код сторінки під назвою «Ужгородський район»
<html>
<head>
<TITLE>Іторія</TITLE>
<BODY>
<H1 align="center">Ужгородський район </H1>
<body background="fonf6.jpg" 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>
<div align="center">
<p><b><font size="4" color="#FF0000">Ужгородський район</font></b></p>
<p align="left">Ужгородський район - це один з найрозвинутіших в економічному
плані. Також добре поставлено туризм. Багато готелів, мотелів, місць відпочинку
і т.д.</p>
<p align="center"><img src="uzh.gif" width="620" height="794"></p>
<p align="left">Площа району 867 кв.км. Межує зі Словацькою республікою та Угорщиною
(має митні переходи Ужгород, Павлово, Чоп, Соломоново, Есень) 65 населених
пунктів - 2 міста(Ужгород і Чоп), 28 великих сіл.</p>
<p align="left">Центр району - місто Ужгород.</p>
<p align="left"><br>
На території району знаходиться багато красивих виноградників і садів, переважно
яблуневих. Є близько 10-ти пам"ятників природи. На території району знаходиться
декілька замків - найвідоміші - Ужгородський і Невицький. Є декілька санаторіїв
напр. біля Невицького замку розміщуєть туристична база "Верховина",
біля села Нижнє Солотвино - санаторій "Кооператор".</p>
<p align="right">
<font size="3" color="#008000"><dfn>Студентка групи КС-42<br>Мельник Христя<br>
<td width="100%" colspan="2">
<p align="center" style="margin: 0">
<font color="#0000FF"><a href="history.htm">Історія</a> |
<a href="Vun.htm">Виноградівський район</a> |
</font>
</p>
<p align="center" style="margin: 0">
<font color="#0000FF"> <a href="Sval.htm"> Свалявський район
</a> | <a href="Uzg.htm"> Ужгородський район</a>
</font>
</p>
<p align="center" style="margin: 0">
<font color="#0000FF"> <a href="Tya.htm"> Тячівський район
</a>
</font>
</p>
<p align="center" style="margin: 0">
</font>
</p>
<p align="center" style="margin: 0">
<a href="Photo.htm"> Фотографії</a>
</body>
</html>
Результат виконання
HTML –код сторінки під назвою «Тячівський район»
<html>
<head>
<TITLE>Іторія</TITLE>
<BODY>
<H1 align="center">Тячев </H1>
<body background="fonf6.jpg" 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>
<div align="center">
<p><b><font color="#FF0000" size="4">Тячівський район</font></b></p>
<p align="center"><img src="map_tyac.gif" width="350" height="285"></p>
<p align="left">Город Тячев - центр тячевского района - расположен на правом
берегу Тисы. Через него проходят автомагистраль Ужгород-Рахов и железнодорожная
линия Ужгород-Вел. Бычков.</p>
<p align="left">Основан Тячев в ХІІ в . В 1329 г. населенный пункт был отнесен
к разряду коронных(королевских) городов и пользовался некоторыми привилегиями.</p>
<p align="left">Населенные пункты:<br>
г.Тячево, с.Вонигово, с. Диброва, пгт. Солотвино, пгт. Тересва, пгт. Усть
Чорна и другие.</p>
<p align="left">Тячевский район расположен в юго-восточной части Закарпатья.
Граничит на севере с Надвирнянским, Богородичанским и Рожнятинским районами
Ивано-Франковской области, на востоке с Раховским, на западе с Хустским и
Межгорским районами. На юге района проходит граница Украины с Румынией поверхность
района имеет горный характер, за исключением низменностей вдоль рек Тиса и
Теребля. Через район проходит железнодорожная колея Ужгород-Солотвино, и узкоколейка
Тересва-Усть-Чорна. </p>
<p align="left">На территории района находится Угольський тисово-буковый массив
Карпатского государственного заповедника.</p>
<p align="left">Площадь района (га) - 180000<br>
Количество существующих заповедных обьектов - 53 <br>
Общая площадь заповедных обьектов (га) - 17939 <br>
Часть заповедных обьектов в общей района (%) 10 <br>
Население - 172,5 тыс.чел. </p>
<p align="right">
<font size="3" color="#008000"><dfn>Студентка групи КС-42<br>Мельник Христя<br>
<td width="100%" colspan="2">
<p align="center" style="margin: 0">
<font color="#0000FF"><a href="history.htm">Історія</a> |
<a href="Vun.htm">Виноградівський район</a> |
</font>
</p>
<p align="center" style="margin: 0">
<font color="#0000FF"> <a href="Sval.htm"> Свалявський район
</a> | <a href="Uzg.htm"> Ужгородський район</a>
</font>
</p>
<p align="center" style="margin: 0">
<font color="#0000FF"> <a href="Tya.htm"> Тячівський район
</a>
</font>
</p>
<p align="center" style="margin: 0">
</font>
</p>
<p align="center" style="margin: 0">
<a href="Photo.htm"> Фотографії</a>
</body>
</html>
Результат виконання
HTML –код сторінки під назвою «Фотографії»
<html>
<head>
<TITLE>Іторія</TITLE>
<BODY>
<H1 align="center">Фотоггравії </H1>
<body background="fonf6.jpg" bgcolor="#ffffff">
<body>
<tr>
<td width="24%" height="242">
<p><a href="index.htm">На головну</a></i><hr>
</td>
<img src="1f.jpg" HSPACE=20 <img src="f2.jpg" HSPACE=20 <img src="f3.jpg" HSPACE=20 <br> <br>
<img src="f8.jpg" HSPACE=20 <img src="f6.jpg" HSPACE=20 <img src="f7.jpg" HSPACE=20 <br> <br>
<img src="f9.jpg" HSPACE=20 <img src="f10.jpg" HSPACE=20 <img src="f11.jpg" HSPACE=20 <br> <br>
<img src="f12.jpg" HSPACE=20 <img src="f13.jpg" HSPACE=20 <img src="f14.jpg" HSPACE=20 <br> <br>
<p align="right">
<font size="3" color="#008000"><dfn>Студентка групи КС-42<br>Мельник Хрится<br>
<td width="100%" colspan="2">
<p align="center" style="margin: 0">
<font color="#0000FF"><a href="history.htm">Історія</a> |
<a href="Vun.htm">Виноградівський район</a> |
</font>
</p>
<p align="center" style="margin: 0">
<font color="#0000FF"> <a href="Sval.htm"> Свалявський район
</a> | <a href="Uzg.htm"> Ужгородський район</a>
</font>
</p>
<p align="center" style="margin: 0">
<font color="#0000FF"> <a href="Tya.htm"> Тячівський район
</a>
</font>
</p>
<p align="center" style="margin: 0">
</font>
</p>
<p align="center" style="margin: 0">
<a href="Photo.htm"> Фотографії</a>
</body>
</html>
Результат виконання
Висновок: На даній розрахунковій роботі ми навчилися створювати нескладні веб сторінки засобами мови HTML, вивчили основні команді мови HTML, які ще називають тегами. А саме:
- теги для форматування тексту,
- тег задання параметру шрифту FONT,
- теги для встановлення графічних файлів,
- теги для гіперпосилань.