Добавлен: 28.06.2023
Просмотров: 97
Скачиваний: 5
<p style="margin: 10px 0px 0px; padding: 0px; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;" class="style1">
<strong style="margin: 0px; padding: 0px;">Средства для идеального маникюра:</strong></p>
<ul style="margin: 0px; padding: 0px 40px; list-style: inside; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;" class="style1">
<li style="margin: 5px 0px; padding: 0px;">масла и сливки для удаления
кутикулы;</li>
<li style="margin: 5px 0px; padding: 0px;">массажные лосьоны;</li>
<li style="margin: 5px 0px; padding: 0px;">лак для ногтей;</li>
<li style="margin: 5px 0px; padding: 0px;">герметик;</li>
<li style="margin: 5px 0px; padding: 0px;">жидкость и салфетки для снятия лака;</li>
<li style="margin: 5px 0px; padding: 0px;">крем для рук;</li>
<li style="margin: 5px 0px; padding: 0px;">очистительные спреи;</li>
<li style="margin: 5px 0px; padding: 0px;">ватные шарики;</li>
<li style="margin: 5px 0px; padding: 0px;">полотенца для рук.</li>
</ul>
<p style="margin: 10px 0px 0px; padding: 0px; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;" class="style1">
Хороший маникюр - это отлична работа мастера с вашими руками. Ногти как и другие части тела требуют ежедневного ухода, ведь в нынешнее время любая женщина должна быть на высоте всегда и во всем.</p>
<p style="margin: 10px 0px 0px; padding: 0px; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;" class="style1">
</p>
<table style="width: 67%; height: 2991px">
<tr>
<td class="style1"><a name="Франция">
<img alt="" src="изображения/3ClijeN0l2s.jpg" width="604" height="453" /></a></td>
</tr>
<tr>
<td class="style1">
<img alt="2" src="изображения/7ztiCCVimdY.jpg" width="604" height="453" /></td>
</tr>
<tr>
<td class="style1">
<img alt="3" src="изображения/BrTIR8PhjSQ.jpg" width="604" height="453" /></td>
</tr>
<tr>
<td class="style1">
<img alt="4" src="изображения/Bxf02Gddiao.jpg" width="604" height="453" /></td>
</tr>
<tr>
<td class="style1">
<img alt="5" src="изображения/DPVQ7PnxO5w.jpg" width="604" height="453" /></td>
</tr>
<tr>
<td class="style1"><a name="гель">
<img alt="6" src="изображения/k7Z6izoOqFo.jpg" width="604" height="453" /></a></td>
</tr>
<tr>
<td class="style1">
<img alt="6" src="изображения/WZenI46D5go.jpg" width="604" height="604" /></td>
</tr>
</table>
<a href="#Женщины">ВВЕРХ</a>
</body>
</html>
Рис. 3 Страница «Маникюр»
3.3 Страница «Оставить отзыв»
<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<p><span lang="ru">Имя <input name="Text1" type="text" /></span></p>
<p><span lang="ru">пол <select name="Select1" style="width: 83px">
<option></option>
<option>мужской</option>
<option>женский</option>
</select></span></p>
<p><span lang="ru">вид услуги <select name="Select2" style="width: 266px">
<option></option>
<option>маникюр</option>
<option>педикюр</option>
<option>косметические</option>
<option>солярий</option>
<option>парикмахерские</option>
</select></span></p>
<p><span lang="ru">понравилось <input name="Checkbox1" type="checkbox" />
не понравилось <input name="Checkbox2" type="checkbox" /></span></p>
<p><span lang="ru">Комментарии:<form method="post">
<input name="Text2" type="text" style="width: 676px; height: 130px" /></form>
</span></p>
<form method="post">
<input name="Submit1" type="submit" value="Отправить" /></form>
</body>
</html>
Рис. 4 Страница «Оставить отзыв»
3.4 Страница «О Нас»
<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Без названия 1</title>
</head>
<body>
<p><span lang="ru">Вы можете найти нас по адресу: Интернациональная 152, напротив ЦУМа</span></p>
<p><span lang="ru">Записаться на процедуры вы можете по тел.: 333-333, 555-555</span></p>
<p><span lang="ru">Вы можете написать нам письмо </span>E-mail:
<a href="mailto:feeria@bk.ru">feeria@bk.ru</a></p>
<p><span lang="ru">Будем рады видеть Вас в нашем салоне!!!</span></p>
<a href="Основной_сайт.htm"></a>
</body>
</html>
Рис. 5 Страница «О Нас»
Заключение
В ходе выполнения работы были приобретены дополнительные практические навыки в создании Web-сайта, набранном в ручную HTML языка для каждой странички сайта, и по работе с многострочным текстом.
Курсовая работа позволяет укрепить с углублением и расширением знаний, содействующих выработки навыков профессиональной деятельности с использованием современных информационных технологий.
В ходе работы мной было продемонстрировано, как можно обработать большое количество информации, гипертекстов и создать Web-сайт, что является очень удобным и наглядным средством для работы с клиентами, рекламы и способом представления обработанных данных.
Библиографический список
- Алленова, Н. Учебник по Html [Электронный ресурс] : Как создать свой сайт. – Режим доступа: http://www.postroika.ru/. – Загл. с экрана.
- Персональный компьютер [Электронный ресурс] : Устройство персонального компьютера, эффективная компьютерная справка. – Режим доступа: http://www.spravkapc.ru/. – Загл. с экрана.
- Советов, Б. Я. Информационные технологии [Текст] : учеб. для вузов / Б. Я. Советов – М.: Высшая школа, 2005 – 260 с.
- Соколов, С. А. HTML и CSS в примерах, типовых решениях и задачах. Профессиональная работа [Электронный ресурс] / С. А. Соколов. — М.: Вильямс, 2007. — 416 с. – Режим доступа: http://ru.wikipedia.org/wiki/HTML. – Загл с экрана.
- Википедия http://ru.wikipedia.org/wiki/SharePoint
Спецификация тегов (дескрипторов)
Таблица 1.Теги
|
Тег |
Описание |
Атрибут |
Описание атрибута |
|
<html></html> |
открывает документ |
||
|
<head></head> |
заголовок документа |
||
|
<frameset></frameset> |
определяет макет основного окна в виде прямоугольных пространств |
Rows |
по горизонтали |
|
Cols |
по вертикали |
||
|
Border |
размер границы |
||
|
<frame></frame> |
определяет содержимое и вид одного фрейма |
Noresize |
запрет менять размеры фреймов |
|
Scrolling |
линейка прокрутки |
||
|
Name |
имя фрейма |
||
|
Marginwidth |
ширина левого и правого полей фрейма |
||
|
Marginheight |
ширина верхнего и нижнего полей фрейма |
||
|
<body></body> |
Тело документа |
Bgcolor |
фоновый цвет документа |
|
Link |
цвет ссылки |
||
|
Vlink |
цвет посещенной ссылки |
||
|
Alink |
цвет активной (нажатой) ссылки |
||
|
<font></font> |
Задает характеристику шрифта |
color |
цвет текста |
|
face |
стиль шрифта |
||
|
size |
размер шрифта |
||
|
<center></center> |
центрирование текста и объектов |
||
|
<hX> |
заголовки (h1, h2, h3, h4, h5, h6) |
||
|
<p></p> |
параграф |
Align |
выравнивание текста в параграфе |
|
<br> |
принудительный перевод строки |
||
|
<b></b> |
жирный шрифт |
||
|
<u></u> |
подчеркивание текста |
||
|
<a></a> |
ссылка |
Href |
путь к документу |
|
Target |
открывает ссылку в новом окне |
||
|
Name |
имя ссылки |
||
|
<table></table> |
таблица |
Cellspacing |
расстояние между ячейками |
|
Cellpadding |
расстояние внутри ячеек |
||
|
<tr></tr> |
строка таблицы |
||
|
<td></td> |
ячейка таблицы |
Valign |
вертикальное выравнивание внутри ячейки |
|
Width |
ширина ячейки |
||
|
Height |
высота ячейки |
||
|
<ul></ul> |
маркированный список |
||
|
<ol></ol> |
нумерованный список |
||
|
<li></li> |
ячейка списка |
Type |
тип маркера, цифры |
|
<img src> |
изображение |
Align |
выравнивание изображения |
|
Vspace |
вертикальное пространство между изображением и текстом |
||
|
Hspace |
горизонтальное пространство между изображением и текстом |