МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИНАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ «ЛЬВІВСЬКА ПОЛІТЕХНІКА»
/
Розрахунково-графічна робота
з курсу « КОМП`ЮТЕРНІ МЕРЕЖІ ТА КОМУНІКАЦІЇ »
на тему:
«Створення сайту»
Прийняв:Глинський Я. М.
Львів – 2015
Адреса сайту: http://beautybarsalon.pe.hu/
/
Файл: Index.html ( головний код)
КОД:
<HTML>
<HEAD>
<meta name="Keywords" content="Beaty Bar,салон краси львів,манікюр в Львовів,укладка,зачіска,макіяж">
<TITLE> Сайт салону краси "Beauty Bar"</TITLE>
</HEAD>
<FRAMESET COLS = "10%,80%,10%" bordercolor="#FAEBD7" border="1">
<FRAME>
<FRAMESET ROWS = "22%,73%,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 = "small.html"
NAME = "center"
SCROLLING = "no"
FRAMEBORDER = "1"
MARGINHIGHT = "10"
MARGINWIDTH = "10">
</FRAMESET>
<FRAME>
</FRAMESET>
<FRAME>
</FRAMESET>
<NOFRAME>Скористайтесь іншим браузером</NOFRAME>
</HTML>
Файл: right.html
КОД:
<HTML>
<HEAD><TITLE>Це верхній фрейм фрейм</TITLE>
<BODY BGCOLOR = "white">
<CENTER> <IMG SRC = "100.bmp"
ALT = "логотип"
ALIGAN = "left"
WIDTH = 460 HEIGHT = 150>
</CENTER>
</HTML>
Файл: leftframe.html
КОД:
<HTML>
<HEAD>
<TITLE>Це лівий фрейм</TITLE>
</HEAD>
<BODY BGCOLOR = "#FF1493">
<H1>BEAUTY BAR</H1>
<BR>
<H2>
<A HREF = "centerframe.html" TARGET = "right">
Головна </A> <BR>
<A HREF = "Aboutus.html" TARGET = "right">
Про нас </A> <BR>
<A HREF = "Foto.html" TARGET = "right">
Галерея </A> <BR>
<A HREF = "Price.html" TARGET = "right">
Прайс </A> <BR>
<A HREF = "Contacts.html" TARGET = "right">
Контакти </A><BR>
<A HREF = "Checkin.html" TARGET = "right">
Записатися на процедуру он-лайн
</A><BR>
<ahref="http://agitki.ruhttp://agitki.ru/photo/animacija/razdeliteli_dlja_sajtov/146" target="_blank">
<img src="http://agitki.ru/_ph/146/2/769161405.gif?1449676539" alt="Агитки - Разделители для сайтов"border="0" /></a>
</BODY>
</HTML>
Файл: centerframe.html
КОД:
<HTML>
<HEAD>
<CENTER> <TITLE> Про нас </TITLE>
</HEAD>
<BODY BACKGROUND="fon1.jpg">
<STYLE TYPE = "text/css">
.mystyle1 { color:black; font-size:18px; font-family: Segoe Print; font-weight:bolder; margin-top:20px; margin-left:40px}
</STYLE>
</HEAD>
<DIV CLASS = mystyle1> Наші клієнти - це успішні, креативні люди, які слідкують за модою,в курсі останніх тенденцій,
цінують якість і атмосферу, бажають завжди бути доглянутими в вирі повсякденного життя. </DIV>
<iframe width="560" height="315" src="https://www.youtube.com/embed/L7QFGauYms4" frameborder="0" allowfullscreen></iframe>
</CENTER>
</BODY>
</HTML>
Файл: small.html
КОД:
<HTML>
<HEAD>
<TITLE> Сайт Палій Марії </TITLE>
</HEAD>
<BODY BGCOLOR = "pink" TEXT = "navy">
<CENTER><H3> Сайт Палій Марії 2015</H3>
</BODY>
</HTML>
Файл: Aboutus.html
/
КОД:
<HTML>
<HEAD>
<BODY BACKGROUND = "3.jpg">
<TITLE> Про нас </TITLE>
<STYLE TYPE = "text/css">
.mystyle1 { color:#8B2252; font-size:20px; margin-top:10px; margin-left:60px}
.mystyle2 { color:blue; font-size:25px; margin-top:10px; margin-left:10px}
.mystyle3 { color:#EE3A8C; font-size:25px; margin-top:10px; margin-left:60px}
.mystyle4 { color:#EE3A8C; font-size:30px}
.mystyle5 { color:#8968CD; font-size:20px; margin-top:17px; margin-left:30px}
.mystyle6 { color:fushia; font-size:30px; margin-top:17px; margin-left:300px;}
</STYLE>
</HEAD>
<CENTER> <IMG SRC = "7.bmp"
ALT = "фото"
ALIGAN = "left"
WIDTH =700 HEIGHT = 260>
</CENTER>
<BODY>
<DIV CLASS = mystyle6>
Sit down and relax!
</DIV>
<DIV CLASS = mystyle4>
<Center> Beauty Bar– це великий спектр перукарських послуг: стрижки, зачіски, накрутки, укладки, всі види нарощєння волосся,манікюр,макіяж. У нашій студії краси ми використовуємо тільки сучасне, професійне обладнання. Ми кожен день професійно займаємося красою, щоб запропонувати Вам кращі перукарські послуги.</Center>
</DIV>
<CENTER>
<IMG SRC = "5.bmp"
ALT = "моє фото"
ALIGAN = "left"
WIDTH = 360 HEIGHT = 240>
<IMG SRC = "6.bmp"
ALT = "моє фото"
ALIGAN = "right"
WIDTH = 360 HEIGHT = 240>
</CENTER>
<DIV CLASS =mystyle5>
<B> Салон краси Beauty Bar у Львові, орієнтується на обслуговування вимогливих клієнтів, які цінують свій час, і хочуть бути стильними, доглянутими, та яскравими.
Ми наслідуємо принцип повного занурення в побажання клієнта, знаємо – що сервіс це не лише посмішки.
Мета створення – прагнення до досконалості, надавати сервіс, який Ви заслуговуєте, адже, кожен з нас заслуговує кращого.
Ми готові задовольняти це побажання своїх клієнтів.</B>
<DIV CLASS =mystyle3>
<LH><P><B>Beauty Bar:</LH>
<UL>
<LI>Застосовуємо досвід в поєднанні з новітніми технологіями
<LI>Засоби високої якості
<LI>Кваліфіковані майстри, косметологи і масажисти допоможуть Вам вирішити естетичні проблеми шкіри, тіла,
<LI>Запропонують програми по корекції фігури, процедури по догляду за шкірою рук і ніг,
<LI>Вернуть красу та здоров’я волоссю, допоможуть розслабитись і зняти стрес.</B></DIV>
<CENTER>
<IMG SRC = "8.bmp"
ALT = "моє фото"
ALIGAN = "left"
WIDTH = 360 HEIGHT = 240>
<IMG SRC = "9.bmp"
ALT = "моє фото"
ALIGAN = "right"
WIDTH = 360 HEIGHT = 240>
</CENTER>
<DIV CLASS = mystyle2> <Center>Переваги та причини, чому варто відвідати салон краси Beauty Bar: </Center></DIV>
<DIV CLASS = mystyle1> <B> 1)Місце для безпечної та безкоштовної парковки автомобіля.</DIV>
<DIV CLASS = mystyle1> 2)Клієнтоорієнтованість. Ми піклуємося про кожного гостя, пригощаємо улюбленими напоями, пам’ятаємо, хто п’є зелений чай, а хто – каву з молоком, даруємо бонуси. Салон краси пам’ятатиме усі Ваші забаганки;</DIV>
<DIV CLASS = mystyle1> 3)Різноманітність послуг В салоні можна отримати увесь спектр послуг, для підкреслення Вашої індивідуальності. </DIV>
<DIV CLASS = mystyle1> 4)Принцип відкритих дверей.При потребі ми можемо відкритися у будь-якій годині.</DIV>
<DIV CLASS = mystyle1> 5)Гнучка система знижок.</DIV>
<DIV CLASS = mystyle1> 6)Дитячий куточок.Якщо Ви відвідаєте нас зі своєю малечею ми займемо ваше чадо, щоб Ви могли відпочити, а малюк охоче чекав Вашого наступного візиту в наш салон;</B></DIV>
<DIV CLASS = mystyle6> ЛАСКАВО ПРОСИМО ДО НАС! </DIV>
<CENTER> <IMG SRC = "10.bmp"
ALT = "моє фото"
ALIGAN = "left"
WIDTH = 690 HEIGHT = 260>
</CENTER>
</BODY>
</HTML>
Файл: Foto.html
/
КОД:
<HTML>
<HEAD>
<TITLE> Галерея </TITLE>
<iframe src="http://marypaly.jalbum.net/%D0%93%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F%20BeautyBar/"
frameborder="0" style="height:435px; width:860px;">
</iframe>
</BODY>
</HTML>
Файл: Price.html
/
КОД:
<HTML>
<HEAD>
<TITLE> Прайс</TITLE>
<CENTER>
<BODY BACKGROUND="fon5.jpg">
<head>
<a href="http://agitki.ruhttp://agitki.ru/photo/animacija/glamurchik/139" target="_blank"><img
src="http://agitki.ru/_ph/139/2/339806627.gif?1449676712" alt="Агитки - Гламурчик"border="0" /></a>
<a href="http://agitki.ruhttp://agitki.ru/photo/animacija/glamurchik/139" target="_blank"><img src="http://agitki.ru/_ph/139/2/507320710.gif?1449676812" alt="Агитки - Гламурчик"border="0" /></a>
<a href="http://agitki.ruhttp://agitki.ru/photo/animacija/glamurchik/139" target="_blank"><img src="http://agitki.ru/_ph/139/2/70315757.gif?1449676959" alt="Агитки - Гламурчик"border="0" /></a>
<a href="http://agitki.ruhttp://agitki.ru/photo/animacija/glamurchik/139" target="_blank"><img src="http://agitki.ru/_ph/139/2/191121001.gif?1449677002" alt="Агитки - Гламурчик"border="0" /></a>
</head>
<body>
<table border="1">
<marquee behavior="alternate" scrollamount="10" style="color: black; font-size: 40px; font-weight: bolder;
line-height: 150%; text-shadow: #000000 0px 1px 1px;">Прайс-лист салону "Beauty Bar"</marquee>
<tr>
<th><H2>Послуга</H2></th>
<th><H2>Ціна</H2></th>
<th><H2>Послуга</H2></th>
<th><H2>Ціна</H2></th>
</tr>
<tr><td>Покриття лаком/френч</td><td>70</td><td>Нарощення нігтів</td><td>200</td></tr>
<tr><td>Покриття гель лаком/френч</td><td>120</td><td>Корекція нарощенних нігтів</td><td>150-200 грн</td></tr>
<tr><td>Зняття лаку/гель лаку</td><td>40</td><td>Корекція нарощенних нігтів </td><td>130-160 грн</td></tr>
<tr><td>Ремонт одного нігтя</td><td>20-40</td><td>Нарощення френч</td><td>300-350 грн</td></tr>
<tr><td>Дизайн 1 нігтя</td><td>10-50 грн</td><td>Корекція френч</td><td>200-250 грн</td></tr>
<tr><td>Камінці Swarovski 1шт</td><td>6</td><td>Зняття нарощенних нігтів</td><td>80 грн</td></tr>
<tr><td>СПА рук</td><td>6,5</td><td>Ремонт нарощеного нігтя </td><td>20-50 грн</td></tr>
<tr><td>Педикюр апаратний </td><td>7</td><td> Манікюр класичний</td><td>60 грн</td></tr>
<tr><td>Чоловічий педикюр</td><td>7,5</td><td>Манікюр апаратний</td><td>120 грн</td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td> Створення/корекція форми брів </td><td>50-70 грн</td><td>Фарбування брів/вій</td><td>50 грн</td></tr>
<tr><td>Нарощення брів</td><td>350 грн</td><td>Зняття брів </td><td>50грн</td></tr>
<tr><td>Жіноча стрижка</td><td>130-210 грн</td><td>Чоловіча стрижка</td><td>50-70грн</td></tr>
<tr><td>Дитяча стрижка</td><td>50-80 грн</td><td>Стрижка кінчиків</td><td>80-120 грн</td></tr>
<tr><td>Зачіска </td><td>300-400 грн</td><td>Полірування волосся</td><td>250-350 грн</td></tr>
</table> </body>
<a href="http://agitki.ru/blog/zhenskie_ikonki/2011-09-28-139"><img src="http://agitki.ru/_bl/1/80235006.png" alt="Агитки - Женские иконки" border="0" /></a>
<a href="http://agitki.ru/blog/zhenskie_ikonki/2011-09-28-139"><img src="http://agitki.ru/_bl/1/80293849.png" alt="Агитки - Женские иконки" border="0" /></a>
<a href="http://agitki.ru/blog/zhenskie_ikonki/2011-09-28-139"><img src="http://agitki.ru/_bl/1/41204626.png" alt="Агитки - Женские иконки" border="0" /></a>
<a href="http://agitki.ru/blog/zhenskie_ikonki/2011-09-28-139"><img src="http://agitki.ru/_bl/1/57336154.png" alt="Агитки - Женские иконки" border="0" /></a>
<a href="http://agitki.ru/blog/zhenskie_ikonki/2011-09-28-139"><img src="http://agitki.ru/_bl/1/37548139.png" alt="Агитки - Женские иконки" border="0" /></a>
</BODY>
</HTML>
Файл: Contacts.html
/
КОД:
<HTML>
<HEAD>
<TITLE> Контакти </TITLE>
<marquee width="49%" style="color: Black; font-size: 40px; font-weight: bolder; line-height: 150%;
text-shadow: #000000 0px 1px 1px;">Контакти</marquee><marquee width="49%" direction="right"
style="color: Black; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;
">Beauty Bar</marquee>
<BODY BACKGROUND="fon5.jpg">
<H3> Наша адреса:
79016, м.Львів. вул.Княгині Ольги, 100</H3>
<h2>тел: 032 235-22-00, 096 333-97-37, 095 929-57-87</h2>
<HR>
<B>До нас ви можете доїхати дуже легко машиною,маршруткою або трамваєм. Біля нас не буває корків. <B>
<CENTER>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2574.3848683938418!2d24.000106114960612!3d49.81643124072648!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x473ae79af60349bd%3A0xad2996d12677b590!2z0LLRg9C7LiDQmtC90Y_Qs9C40L3RliDQntC70YzQs9C4LCAxMDAsINCb0YzQstGW0LIsINCb0YzQstGW0LLRgdGM0LrQsCDQvtCx0LvQsNGB0YLRjA!5e0!3m2!1sru!2sua!4v1448827337243" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</CENTER>
</BODY>
</HTML>
Файл: Checkin.html
/
/
КОД:
<HTML>
<HEAD>
<TITLE> Oн-лайн запис </TITLE>
<CENTER>
<input type="date" id="davaToday">
<script>
document.getElementById('davaToday').valueAsDate = new Date();
</script>
<BODY BACKGROUND = "fon10.jpg">
<FORM NAME = "input"
ACTION = "mailto:marypaly@ukr.net" METHOD = "post">
<TABLE>
<TR>
<TH COLSPAN = "2" ALIGN = "center">
<B><h2> Он-лайн замовлення.</h2></B></TH>
<B><h3>Ми працюємо по попередньому замовленню.</h2></B></TH>
<B><h3> Записуйтеся на процедуру он-лайн - введіть свої дані, обирайте послугу, зручний для вас дату та час, потрібного майстра і надсилайте запит нам.
Ми обробимо його і зразу зателефонуємо Вам щоб підтвердити Ваше бронювання.</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>
<TR>
<TD ALIGN = "left"> <h3>ПІБ</h3></TD>
<TD ALIGN = "left"> <INPUT TYPE ="text"
NAME = "name" SIZE = "30"></TD>
</TR>
</TR>
<TR>
<TD ALIGN = "left"> <h3>Ви в нас вперше?:</h3></TD>
<TD ALIGN= "left">
<h4>
<INPUT TYPE = "radio" NAME = "yes"> ТАК<BR>
<INPUT TYPE = "radio" NAME = "no"> НІ<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>Ваш 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" VALIGN ="top">
<h3>Виберіть послуги</h3></TD>
<TD ALIGN="left">
<h4>
<INPUT TYPE ="checkbox" NAME ="service">
Комплексне обслуговування<BR>
<INPUT TYPE ="checkbox" NAME ="service">
Перукарські послуги<BR>
<INPUT TYPE ="checkbox" NAME ="service">
Професійний візаж<BR>
<INPUT TYPE ="checkbox" NAME ="service">
Косметологія <BR>
<INPUT TYPE ="checkbox" NAME ="service">
Естетика тіла<BR>
<INPUT TYPE ="checkbox" NAME ="service">
Татуаж<BR>
<INPUT TYPE ="checkbox" NAME ="service">
Нігтьовий сервіс<BR>
<INPUT TYPE ="checkbox" NAME ="service">
Масаж<BR>
<INPUT TYPE ="checkbox" NAME ="service">
Фарбування волосся<BR>
<INPUT TYPE ="checkbox" NAME ="service">
Зачіски вечірня <BR>
<INPUT TYPE ="checkbox" NAME ="service">
Нарощення вій,брів<BR>
<INPUT TYPE ="checkbox" NAME ="service">
Кератинування,ламінування
</h4>
</TD>
</TR>
<TR>
<TD ALIGN="left"><h3>Виберіть майстра:</h3></TD>
<TD ALIGN="left">
<SELECT NAME = "master">
<OPTION> Виберіть майстра
<OPTION> Андреєва Тетяна
<OPTION> Сторожук Дмитро
<OPTION> Васильківська Ілона
<OPTION> Сікорська Ольга
<OPTION> Кафлюк Уляна
<OPTION> Заблотська Тетяна
<OPTION> Вовк Дмитро
<OPTION> Мисик Юрій
<OPTION> Пайкуш Софія
<OPTION> Сиротюк Юля
</SELECT>
</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>