МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИНАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ «ЛЬВІВСЬКА ПОЛІТЕХНІКА»
/
Розрахунково - графічна робота
з курсу « КОМП`ЮТЕРНІ МЕРЕЖІ ТА КОМУНІКАЦІЇ »
на тему:
«Створення сайту»
Прийняв:Глинський Я. М.
Львів – 2015
Адреса сайту: http://higinaspa.hol.es/
/
Файл: Index.html ( головний код)
КОД:
<HTML>
<HEAD>
<TITLE> "Хижина Спа" </TITLE>
<meta name="Keywords" content="Хижина Спа,Трускавець,Відопочинок в Трускавці,Спа в Трускавці">
</HEAD>
<FRAMESET COLS = "10%,80%,10%" bordercolor="#FAEBD7" border="1">
<FRAME>
<FRAMESET ROWS = "23%,72%,5%" bordercolor="#FAEBD7" border="1">
<FRAME SRC = "right.html"
NAME = "picture"
SCROLLING = "no"
FRAMEBORDER = "1"
MARGINHIGHT = "10"
MARGINWIDTH = "10"
NORESIZE=no>
<FRAMESET COLS = "20%,80%">
<FRAME SRC = "leftframe.html"
NAME = "left"
FRAMEBORDER = "1"
MARGINHIGHT = "10"
MARGINWIDTH = "10">
<FRAME SRC = "centerframe.html"
NAME = "right"
SCROLLING = "yes"
FRAMEBORDER = "1"
MARGINHIGHT = "10"
MARGINWIDTH = "10">
</FRAMESET>
<FRAME SRC = "under.html"
NAME = "center"
SCROLLING = "no"
FRAMEBORDER = "1"
MARGINHIGHT = "10"
MARGINWIDTH = "10">
</FRAMESET>
<FRAME>
</FRAMESET>
<FRAME>
</FRAMESET>
<NOFRAME>Скористайтесь іншим браузером</NOFRAME>
</BODY>
</HTML>
1)Файл: right.html
КОД:
<HTML>
<HEAD><TITLE> Верхній фрейм</TITLE>
<BODY BGCOLOR = "white">
<CENTER> <IMG SRC = "Logo.bmp"
ALT = "логотип"
ALIGAN = "left"
WIDTH = 460 HEIGHT = 150>
<.CENTER>
</BODY>
</HTML>
2)Файл: leftframe.html
КОД:
<HTML>
<HEAD>
<TITLE>Це лівий фрейм</TITLE>
</HEAD>
<table width="100%">
<tr>
<td bgcolor="#FF3030" onmouseover="#8B7D6B='#FF3030';" onmouseout="this.style.backgroundColor='#FF3030'">
<p> <A HREF = "Check.html" TARGET = "right" >
<CENTER> <H2> ЗАБРОНЮВАТИ НОМЕР </H2> </CENTER>
</A></p> <BR>
</td>
</tr>
</table>
</td>
</tr>
<h2>
<A HREF = "centerframe.html" TARGET = "right">
Home </A> <BR>
<BODY BGCOLOR = "black" TEXT= "red">
<A HREF = "Aboutus.html" TARGET = "right">
Про нас
</A> <BR>
<A HREF = "price.html" TARGET = "right">
Номери та ціни </A> <BR>
<A HREF = "Spa.html" TARGET = "right">
Спа-Центр </A> <BR>
<A HREF = "Contacts.html" TARGET = "right">
Контакти
</A><BR>
<center>
<a href="https://fotki.yandex.ru/next/users/nataliya-b-g/album/177855/view/475881?page=0" target="_blank"><img src="https://img-fotki.yandex.ru/get/4712/104967700.4a/0_742e9_498448a_GIForig.gif" width="124" height="160" border="0" title="47.gif" alt="47.gif"/></a>
</center>
</font>
</BODY>
</HTML>
3)Файл: centerframe.html
КОД:
<HTML>
<HEAD>
<TITLE>Це лівий фрейм</TITLE>
<iframe src="http://marypaly.jalbum.net/%D0%A5%D0%B8%D0%B6%D0%B8%D0%BD%D0%B0%20%D0%A1%D0%BF%D0%B0/"
frameborder="0" style="height:440px; width:850px;"></iframe>
</BODY>
</HTML>
4)Файл: under.html
КОД:
<HTML>
<HEAD>
<TITLE> Нижній фрейм </TITLE>
</HEAD>
<BODY BGCOLOR = "black" TEXT = "white">
<CENTER><H3> Сайт Максимяк Івана 2015</H3>
</BODY>
</HTML>
5)Файл: Aboutus.html
/
КОД:
<HTML>
<HEAD>
<TITLE> Про нас </TITLE>
<CENTER>
<BODY BACKGROUND = "fon1.jpg">
<B><h2>Про нас</h2></B></TH>
<B><h3>
ХИЖИНА СПА - це екзотичний острівець відпочинку у всесвітньо відомому
місті-курорті Трускавець, де Ви зможете відновити
свої життєві сили, енергію та красу.
<P>Вас очікує безліч, потопаючих в зелені, затишних куточків
де Ви зможете приємно провести час, насолоджуючись дзюрчанням води фонтану,
водоспаду чи потріскуванням полін в вогнищі просторної камінної зони
<CENTER> <iframe width="560" height="315"
src="https://www.youtube.com/embed/R2ctBo6o1O4"
frameborder="0" allowfullscreen></iframe> </CENTER>
</CENTER>
</FONT>
</BODY>
</HTML>
6)Файл: Price.html/
КОД:
<HTML>
<HEAD>
<TITLE> Номери та ціни </TITLE><CENTER>
<BODY BACKGROUND="fon2.jpg">
<marquee direction="up" style="color: black; font-size: 40px; font-weight: bolder; line-height: 150%;
text-shadow: #000000 0px 1px 1px;">Номери та ціни Хижини Спа</marquee>
</head>
<body>
<table border="1">
<tr>
<th></th>
<th>Категорія номеру</th>
<th>Зручності</th>
<th>Ціна</th>
</tr>
<tr><td>
<IMG SRC = "10.bmp"
ALT = "моє фото"
ALIGAN = "right"
WIDTH = 200 HEIGHT = 160>
</td>
<td> Однокімнатний двохмісний номер</td>
<td>
-Вітальня/М'який куток <p>-Дерев'яна/Паркетна підлога, Гардероб/шафа <p> -Душ,Фен,Халат,Туалетно-косметичні засоби
<p>-Туалет, Ванна кімната, Кабельні канали, Телевізор з плоским екраном
<p>-Площа номеру: 18 м
<p>-Ліжко: 1 особливо широке двоспальне ліжко
</td>
<td> 650 грн</td></tr>
</tr>
<tr><td>
<IMG SRC = "11.bmp"
ALT = "моє фото"
ALIGAN = "right"
WIDTH = 200 HEIGHT = 160>
</td>
<td>Двохкімнатний двохмісний номер</td>
<td>-Вітальня/М'який куток, Диван , Дерев'яна / Паркетна підлога, <p>-Москітна сітка , Гардероб/шафа, Душ , Фен, Халат, <p>-Туалетно-косметичні засоби, Туалет, Ванна кімната, Тапочки , <p>-Кабельні канали, Телевізор з плоским екраном, Міні-бар
<p>Площа номеру: 35 м
<p>Ліжко: 1 особливо широке двоспальне ліжко</td>
<td>750 грн</td></tr>
</tr>
<tr><td>
<IMG SRC = "12.bmp"
ALT = "моє фото"
ALIGAN = "right"
WIDTH = 200 HEIGHT = 160>
</td>
<td>Покращений двохкімнатний двохмісний номер
</td><td>-Вітальня/М'який куток, Опалення , Диван <p> -Дерев'яна / Паркетна підлога <p>-Москітна сітка , Гардероб/шафа, Ванна , Фен <p>-Халат, Туалетно-косметичні засоби, Туалет, <p>-Ванна кімната, Тапочки , Кабельні канали, <p>-Телевізор з плоским екраном, Міні-бар
<p>Площа номеру: 40 м
<p>Ліжко: 1 особливо широке двоспальне ліжко </td><td>890 грн</td></tr>
</table>
</body>
</CENTER>
</HTML>
7)Файл: Spa.html
/
КОД:
<HTML>
<HEAD>
<BODY BACKGROUND = "fon3.jpg">
<TITLE> Застосування стилів</TITLE>
<STYLE TYPE = "text/css">
.mystyle1 { color:red; font-size:30px; margin-top:10px; margin-left:340px}
.mystyle2 { color:blue; font-size:25px; margin-top:10px; margin-left:110px}
.mystyle3 { color:maroon; font-size:25px; margin-top:10px; margin-left:340px}
.mystyle4 { color:#8B1A1A; font-size:30px; font-style:italic; margin-top:15px; margin-left:35px}
.mystyle5 { color:#8B7765; font-size:20px; margin-top:17px; margin-left:10px}
.mystyle6 { color:fushia; font-size:30px; margin-top:17px; margin-left:340px}
</STYLE>
</HEAD>
<CENTER> <IMG SRC = "24.bmp"
ALT = "моє фото"
ALIGAN = "left"
WIDTH =240 HEIGHT = 180>
<IMG SRC = "23.bmp"
ALT = "моє фото"
ALIGAN = "right"
WIDTH = 240 HEIGHT = 180>
<IMG SRC = "22.bmp"
ALT = "моє фото"
ALIGAN = "left"
WIDTH = 240 HEIGHT = 180> </CENTER>
<BODY>
<DIV CLASS = mystyle4>
СПА-зона - здоров’я тут в кожному прозорому струмені водоспадів, відчувається в кожній ноті мелодій розслабляючої музики
</DIV>
<DIV CLASS =mystyle5>
Хижина Спа пропонує Вам нове народження Вашого організму, сяючу зовнішність і незабутні спогади!
Звуки спокійної музики, витання ароматів екзотичних ефірних олій, мерехтіння свічок і дивовижні ритуали краси і здоров’я
віднесуть Вас від міської будденності в райский куточок, де все для Вас і заради Вас... </DIV>
<DIV CLASS = mystyle1> Низькі ціни!!!</DIV>
<DIV CLASS = mystyle2> На Ваш вибір - все різномаїття цього населеного острова краси та здоров’я:</DIV>
<DIV CLASS = mystyle3> -просторий басейн</DIV>
<DIV CLASS = mystyle3> -джакузі з гідромасажем</DIV>
<DIV CLASS = mystyle3> -римська парна</DIV>
<DIV CLASS = mystyle3> -кімната для аромотерапії</DIV>
<DIV CLASS = mystyle3> -соляна печера</DIV>
<DIV CLASS = mystyle6> Завітайте до нас!</DIV>
<CENTER> <IMG SRC = "21.bmp"
ALT = "моє фото"
ALIGAN = "left"
WIDTH = 360 HEIGHT = 240>
<IMG SRC = "22.bmp"
ALT = "моє фото"
ALIGAN = "right"
WIDTH = 360 HEIGHT = 240> </CENTER>
</BODY>
</HTML>
8)Файл: Contacts.html
/
КОД:
<HTML>
<HEAD>
<TITLE> Контакти </TITLE>
</HEAD>
<CENTER>
<BODY BGCOLOR = "#CDB79E" TEXT = "black">
<FONT FACE="Comic Sans MS"
<CENTER> <H1> Контактна інформація Хижина Спа </H1>
<BIG> <table border="5">
<tr>
<th> <H3>Наша поштова адреса</H3> </th>
<th> <H3>Контактні телефони </H3> </th>
<th> <H3>Електронні адреси </H3> </th>
</tr>
<tr><td> Вілла «Хижина СПА»,
<BR> вул. Бориславська, 29а,
<BR>м. Трускавець,
<BR>Львівськая обл.,
<BR>Україна,
<BR>82200
</td><td> +38 (067) 370-48-53
<BR> +38 (03247) 6-89-64
</td><td> mail@higinaspa.com.ua
</table>
</BODY>
</HTML>
9)Файл: Сheck.html
/
/
КОД:
<HTML>
<HEAD>
<CENTER>
<BODY BACKGROUND = "fon.jpg">
<FORM NAME = "input"
ACTION = "mailto:dog1602@ukr.net" METHOD = "post">
<TABLE>
<TR>
<TH COLSPAN = "2" ALIGN = "center">
<FONT FACE="Comic Sans MS"
<B><h2>Бронювання номерів</h2></B></TH>
<input type="date" id="davaToday">
<script>
document.getElementById('davaToday').valueAsDate = new Date();
</script>
<B><h3>«Ми пропонуємо Вам 45 комфортабельних номерів,
в кожному з яких ви можете знайти все необхідне
для відпочинку і реклаксації, залишивши зовні всі свої проблеми ...»</h3></B></TH>
<CENTER> <IMG SRC = "1.bmp"
ALT = "моє фото"
ALIGAN = "right"
WIDTH = 200 HEIGHT = 200>
<IMG SRC = "2.bmp"
ALT = "моє фото"
ALIGAN = "right"
WIDTH = 200 HEIGHT = 200>
<IMG SRC = "3.bmp"
ALT = "моє фото"
ALIGAN = "right"
WIDTH = 200 HEIGHT = 200>
<CENTER> <IMG SRC = "4.bmp"
ALT = "моє фото"
ALIGAN = "right"
WIDTH = 250 HEIGHT = 200>
<IMG SRC = "5.bmp"
ALT = "моє фото"
ALIGAN = "right"
WIDTH = 250 HEIGHT = 200>
</CENTER>
</TR>
<TR>
<TD ALIGN = "left"> <h3>Тип номеру:</h3></TD>
<TD ALIGN= "left">
<h4>
<INPUT TYPE = "radio" NAME = "room"> Однокімнатний двохмісний номер<BR>
<INPUT TYPE = "radio" NAME = "room"> Двохкімнатний двохмісний номер<BR>
<INPUT TYPE = "radio" NAME = "room"> Покращений двохкімнатний двохмісний номер<BR>
</h4>
</TD>
</TR>
<TR>
<TD ALIGN="left"><h3> Бажана дата заїзду:</h3></TD>
<TD ALIGN="left">
<SELECT NAME = "day">
<OPTION> День
<OPTION> 1
<OPTION> 2
<OPTION> 3
<OPTION> 4
<OPTION> 5
<OPTION> 6
<OPTION> 7
<OPTION> 8
<OPTION> 9
<OPTION> 10
<OPTION> 11
<OPTION> 12
<OPTION> 13
<OPTION> 14
<OPTION> 15
<OPTION> 16
<OPTION> 17
<OPTION> 18
<OPTION> 19
<OPTION> 20
<OPTION> 21
<OPTION> 22
<OPTION> 23
<OPTION> 24
<OPTION> 25
<OPTION> 26
<OPTION> 27
<OPTION> 28
<OPTION> 29
<OPTION> 30
<OPTION> 31
</SELECT>
<SELECT NAME = "month">
<OPTION> Місяць
<OPTION> 01
<OPTION> 02
<OPTION> 03
<OPTION> 04
<OPTION> 05
<OPTION> 06
<OPTION> 07
<OPTION> 08
<OPTION> 09
<OPTION> 10
<OPTION> 11
<OPTION> 12
</SELECT>
</TD>
</TR>
<TR>
<TD ALIGN="left"><h3> Бажана дата виїзду:</h3></TD>
<TD ALIGN="left">
<SELECT NAME = "day">
<OPTION> День
<OPTION> 1
<OPTION> 2
<OPTION> 3
<OPTION> 4
<OPTION> 5
<OPTION> 6
<OPTION> 7
<OPTION> 8
<OPTION> 9
<OPTION> 10
<OPTION> 11
<OPTION> 12
<OPTION> 13
<OPTION> 14
<OPTION> 15
<OPTION> 16
<OPTION> 17
<OPTION> 18
<OPTION> 19
<OPTION> 20
<OPTION> 21
<OPTION> 22
<OPTION> 23
<OPTION> 24
<OPTION> 25
<OPTION> 26
<OPTION> 27
<OPTION> 28
<OPTION> 29
<OPTION> 30
<OPTION> 31
</SELECT>
<SELECT NAME = "month">
<OPTION> Місяць
<OPTION> 01
<OPTION> 02
<OPTION> 03
<OPTION> 04
<OPTION> 05
<OPTION> 06
<OPTION> 07
<OPTION> 08
<OPTION> 09
<OPTION> 10
<OPTION> 11
<OPTION> 12
</SELECT>
</TD>
</TR>
<TR>
<TD ALIGN = "left"> <h3>Ваш E-mail</h3></TD>
<TD ALIGN = "left"> <INPUT TYPE ="text"
NAME = "e_mail" SIZE = "30"></TD>
</TR>
<TR>
<TD ALIGN = "left"> <h3>Номер телефону:</h3> </TD>
<TD ALIGN = "left"> <INPUT TYPE = "text"
NAME = "number" SIZE ="30"></TD>
</TR>
<TR>
<TD ALIGN="left"><h3>Кількість дорослих:</h3></TD>
<TD ALIGN="left">
<SELECT NAME = "dorosli">
<OPTION> 1
<OPTION> 2
<OPTION> 3
<OPTION> 4
<OPTION> Більше 4-ох
</SELECT>
</TD>
</TR>
<TR>
<TD ALIGN ="left"> <h3>Кількість дітей:</h3></TD>
<TD ALIGN="left">
<SELECT NAME = "child">
<OPTION> 0
<OPTION> 1
<OPTION> 2
<OPTION> 3
<OPTION> 4
<OPTION> Більше 4-ох
</SELECT>
</TD>
</TR>
<TR>
<TD ALIGN ="left"> <h3> Діти до 5 років:</h3></TD>
<TD ALIGN = "left">
<h4>
<INPUT TYPE = "radio" NAME = "child"> Є
<INPUT TYPE = "radio" NAME = "child"> Немає
</h4>
</TD>
</TR>
<TR>
<TD ALIGN = "left" VALIGN ="top">
<h3>Додаткові послуги</h3></TD>
<TD ALIGN="left">
<h4>
<INPUT TYPE ="checkbox" NAME ="additional">
Сніданок<BR>
<INPUT TYPE ="checkbox" NAME ="additional">
Обід<BR>
<INPUT TYPE ="checkbox" NAME ="additional ">
Вечеря<BR>
<INPUT TYPE ="checkbox" NAME =" additional ">
Трансфер від вокзалу до готелю <BR>
<INPUT TYPE ="checkbox" NAME =" additional ">
Процедури від "Хижини Спа"<BR>
<INPUT TYPE ="checkbox" NAME =" additional ">
Консультація лікаря
</h4>
</TD>
</TR>
<TR>
<TD COLSPAN ="2"></TD>
</TR>
<TR>
<TD ALIGN ="left" VALIGN ="top">
<INPUT TYPE="submit" VALUE ="Забронювати">
</TD>
<TD ALIGN ="right" VALIGN="top">
<INPUT TYPE="reset" VALUE="Очистити форму">
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</CENTER>
</FONT>
</BODY>
</HTML>