- •Пояснювальна записка
- •Реферат
- •Перелік умовних позначень, символів, одиниць, скорочень та термінів
- •1 Короткі теоретичні відомості
- •1.1 Призначення розробленого сайту
- •1.2 Обґрунтування вибору мови верстки html
- •1.3 Обґрунтування вибору мови скриптів JavaScript
- •2.3 Взаємодія конструктивних елементів
- •3.3 Стилізація сайту (css)
- •3.4 Інтерактивність сайту (js)
- •3.5 Висновки по розділу
- •4 Інтерфейс користувача
- •4.1 Основні рішення щодо дизайну сайту
- •4.2 Приклад роботи користувача з сайтом
- •4.3 Висновки по розділу в даному розділі було розглянуто питання основного рішення щодо дизайну сайту та наведені приклади роботи користувача з сайтом. Висновок
- •Використані джерела
- •Додаток а Текст програми а.1 Текст файлу іndex.Htm
- •А.2 Текст файлу bloks.Css
- •А.3 Текст файлу src.Js
Використані джерела
1. HTML: [Электрон. ресурс]. – Режим доступа: http://uk.wikipedia.org/wiki/HTML#cite_note-w3-1;
2. JavaScript: [Электрон. ресурс]. – Режим доступа: http://uk.wikipedia.org/wiki/JavaScript;
3. CSS: [Электрон. ресурс]. – Режим доступа: http://uk.wikipedia.org/wiki/Каскадні_таблиці_стилів;
4. dimich, Реферат, Як побудувати гарний сайт: [Электрон. ресурс]. – Режим доступа: http://www.ukrreferat.com/index.php?referat=22419&pg=2;
5. Методи верстки: [Электрон. ресурс]. – Режим доступа: http://uk.wikipedia.org/wiki/Вёрстка_веб-страниц;
6. Табунщик, Г., Калініна, М., Круглік, Г. Методичні вказівки до виконання лабораторних робіт з дисципліни “Інтернет-технології та додатки” для студентів [Текст] /: Г. Табунщик, М. Калініна, Г. Круглік – м.Запоріжжя: ЗНТУ, 2008. – 62 с.
Додаток а Текст програми а.1 Текст файлу іndex.Htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/ DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="JS.js"></script>
<title>Oriflame</title>
<link rel="stylesheet" href="bloks.css" />
<meta charset="windows-1251">
<meta name="author" content="Samartseva Olesya">
<meta name="keywords" content="Косметика,Oriflame,лицо,волосы">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>
<body bgcolor="#c0c0c0">
<p id="d1"><h3><em> Мы хотим представить вам продукцию   <img src="Oriflame.jpg"width="30",height="30">riflame</em></h3></p>
<HR NOSHADE WIDTH="100%" COLOR="Green" SIZE="8">
<div class="div1" >
<ul>
<li><a href="file:///D:/Документы/Дизайн/mysite/lico/lico.html">ДЛЯ ЛИЦА</a></li>
<li><a href="file:///D:/Документы/Дизайн/mysite/telo/telo.html">ДЛЯ ТЕЛА</a></li>
<li><a href="file:///D:/Документы/Дизайн/mysite/volos/volos.html"">ДЛЯ ВОЛОС</a></li>
<li><a href="file:///D:/Документы/Дизайн/mysite/mugchina/mugchina.html"">ДЛЯ МУЖЧИН</a> </li>
</ul>
</div>
<HR NOSHADE WIDTH="100%" COLOR="Green" SIZE="8">
<div class="div2">
<img src="665.jpg"width="100%",height="100%">
<p><em><b>Орифлем в социалиных сетях</b></em></p>
<p><a href="vk.com"><img src="images.jpeg"width="50",height="50">
</a>
<a href="twitter.com">
<img src="twitter-300x2931.jpg"width="50",height="50">
</a>
<a href="youtude.com">
<img src="youtube_logo150.jpg"width="70",height="50"></a></p>
</div>
<div class="div3" align="center">
<img align="left", hspace="10",vspace="8"src="glavnaya.jpg" alt="Oriflame"width="390",height="370">
<p align="justify"><strong>О чем мечтает современная женщина?</strong> Вряд ли кто-то из представительниц прекрасного пола остановится на одной единственной мечте. И это правильно. Зачем выбирать между красотой, хорошей карьерой, достойным заработком и вниманием мужчин? Все это можно получить одновременно, познакомившись с натуральной шведской косметикой Орифлейм.</p>
<p align="justify">Хоть красота и считается понятием субъективным, все же, определенные признаки выделяют красивую женщину из толпы. Это ухоженная кожа и идеально подобранный макияж. И даже если вы не мечтаете выделяться из толпы, а просто хотите каждый день выглядеть превосходно, Орифлейм даст вам возможность с легкостью овладеть этим искусством.</p>
<p align="justify">Когда на полочке в ванной и на туалетном столике появляются средства Орифлэйм, процедуры ухода за собственной внешностью из необходимости превращаются в удовольствие.</p>
<p align="justify">Ароматы гелей для душа, волшебное действие шампуней, скрабов и лосьонов для тела Орифлейм, - замечательная домашняя альтернатива СПА-салонам. Все эти средства способны не только очищать кожу и волосы, а еще и наполнять энергией ароматов, создавая отличное настроение на весь день.</p>
<p align="justify">А гамма уходовых средств для кожи лица удовлетворит потребности любой кожи, обеспечив идеальное очищение, оптимальное увлажнение и решение индивидуальных проблем. Гладкая и сияющая, - именно такой становится кожа после использования правильно подобранных косметических средств Орифлейм.</p>
<p align="justify">Если вас интересует приобретение качественной шведской косметики Орифлейм (Oriflame, Орифлэйм) со скидкой 18% навсегда, для себя и своей семьи, а также создание неограниченного дополнительного дохода, который со временем приведет вас к финансовой независимости, тогда вы пришли по адресу.</p>
<ul><u>
<li>Вы получите пожизненную скидку от 18% на всю продукцию Орифлейм для себя и своей семьи.</li>
<li>Вы начнете зарабатывать 30% прибыли от продаж продукции по каталогу Орифлейм.</li>
<li>Вы сможете создать собственный бизнес, приглашая людей в Орифлейм и получить неограниченный доход 3 %-21% от товарооборота, который создали приглашенные вами люди.</li>
</u></ul>
<p><a href="http://mail.ru">Напишите нам письмо на почту oleskka@mail.ru</a></p>
<p><a href="каталог.rar">Скачать наш каталог</a></p>
<p><a href="file:///D:/Документы/Дизайн/mysite/resume/resume.html">Резюме</a>
</p>
<p><a href="#d1">Вернуться на начало страници</a></p>
</div>
<div class="div4">
<p align="center"><font size=5> Хотите продавать продукцию Oriflame?</font></p>
<p align="center"><font size=6> Заполните анкету</font></p>
<form action="" name="form" onsubmit="validate(); return false">
<li>ФИО
<input type="text" size="40" maxlength=256 name="name"><span style="color:red" id="namef"></span><br/>
</li>
<li>Адрес
<input type="text" size="40" maxlength=256 name="adress"> <span style="color:red" id="adressf"></span><br/>
</li>
<li>Пол
<br>
<br>
<select name="sex" size=1>
<option>Женский</option>
<option>Мужской</option>
</select>
<br>
<br>
</li>
<li>Что именно вы бы хотели продавать?
<br>
<br>
<input type="checkbox" name="crem" value="Crem">Крема<br>
<input type="checkbox" name="tush" value="Tush">Тушь<br>
<input type="checkbox" name="pud" value="Pud">Пудра<br>
<input type="checkbox" name="gel" value="Gel">Гели<br>
<input type="checkbox" name="vse" value="All">Всё<br>
<br>
</li>
<li>
<br>
<br>
<input type="radio" name="knopka" value="None">Я согласен с <a href="#">правилами</a> Oriflame и буду их придерживатся <p><input type=radio name="knopka" value="1-5 hours">Я не согласен с правилами Oriflame </p>
<br>
</li>
<li>Если у вас есть вопрос, задайте его нам<br>
<br>
<textarea name="comments" rows=6 cols=19></textarea><br>
<br>
</li>
<p><input type=submit name="otpravit" value="Отправить анкету"> <input type=reset name="clear" value="Очистить анкету"></p>
</form>
</div>
</body>
</html>