Главная Коллекция "Revolution" Программирование, компьютеры и кибернетика Создание сайта-визитки салона красоты "Феерия"

Создание сайта-визитки салона красоты "Феерия"

Характеристика функциональных возможностей программного комплекса SharePoint, или Microsoft SharePoint Products and Technologies для создания и верстки сайтов. Разработка структуры сайта салона красоты "Феерия". Описание краткого содержания страниц сайта.

Рубрика Программирование, компьютеры и кибернетика
Вид курсовая работа
Язык русский
Дата добавления 01.03.2016
Размер файла 423,9 K
рефераты на заказ со скидкой

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

МИНИСТЕРСТВО ОБОРАЗОВАНИЯ И НАУКИ

РОССИЙСКОЙ ФЕДЕРАЦИИ

Сыктывкарский лесной институт-филиал

ГОУ ВПО «Санкт-Петербургская государственная

лесотехническая академия имени С.М.Кирова»

КУРСОВАЯ РАБОТА

Создание сайта-визитки предприятия

салона красоты «ФЕЕРИЯ»

Сыктывкар 2013

Оглавление

Введение

1. Теоретические сведения

2. Структура сайта

3. Краткое содержание страниц

3.1 Страница «Главная»

3.2 Страница «Маникюр», «Парикмахерские услуги, «Солярий», «Косметические услуги», «Коррекция бровей», «Оставить отзыв»

3.3 Страница «О Нас»

4. Избранные страницы сайта

4.1 Страница «Главная»

4.2 Страница «Маникюр»

4.3 Страница «Оставить отзыв»

4.4 Страница «О Нас»

Заключение

Библиографический список

Приложение

Введение

Темой данной курсовой работы является создание сайта-визитки салона красоты «Феерия»

Сайт должен нести сведения об организации, какими видами деятельности занимается, какие услуги предоставляет населению г.Сыктывкара, какое оборудование и материалы использует данное предприятие.

1. Теоретические сведения

SharePoint, или Microsoft SharePoint Products and Technologies -- это коллекция программных продуктов и компонентов, которая включает в себя следующие компоненты:

Набор веб-приложений для организации совместной работы

Функциональность для создания веб-порталов

Модуль поиска информации в документах и информационных системах

Функциональность управления рабочими процессами и систему управления содержимым масштаба предприятия

Модуль создания форм для ввода информации

Функциональность для бизнес-анализа

SharePoint может быть использован для создания сайтов, предоставляющих пользователям возможность для совместной работы. Создаваемые на платформе SharePoint сайты могут быть использованы в качестве хранилища информации, знаний и документов, а также использоваться для исполнения облегчающих взаимодействие веб-приложений, таких как вики и блоги. Пользователи могут управлять и взаимодействовать с информацией в списках и библиотеках документов используя элементы управления, называемые веб-части (SharePoint WebParts).

2. Структура сайта

С главной страницы моего сайта посредством ссылок можно перейти в любой раздел сайта. На главной странице для удобства указаны все ссылки.

Схема сайта изображена на рис. 1.

На схеме показано, что главная страница является корнем этой иерархии. Однако, благодаря панели меню, можно попасть и на главную страницу, и на страницу «О НАС», с контактными данными организации.

Также с главной страницы можно перейти в разделы Маникюр, Парикмахерские услуги, Солярий, Косметические услуги, Корректировка бровей и Оставить отзыв. Страница Солярий позволяет перейти нам страницу Правила посещения солярия. Также со страниц Маникюр, Парикмахерские услуги, Солярий, Косметические услуги и Корректировка бровей можно перейти в раздел Цены или вернуться на главную страницу. Данные страницы являются подчиненными и каждая из них представляет собой отдельную веб-страницу.

Структура сайта

Рис. 1

3. Краткое содержание страниц

салон красоты сайт верстка

3.1 Страница «Главная»

Страница представляет собой Sharepoint-страницу, состоящую из трех фреймов. Верхний фрейм - это фрейм ,бегущей строки. В нем содержится сама бегущая строка и раздел «О Нас».

Средний фрейм - это основное содержание страницы, в котором находятся описания предоставляемых услуг нашей компанией.

Левый фрейм представляет собой список ссылок, который не меняется при переходе по разделам.

Верхний фрейм с бегущей строкой присутствуют на каждой странице сайта, содержание ссылок при переходе на подчиненные страницы как в верхнем фрейме так и в левом и фрейме не меняется.

Изображение страницы показано на рис. 2

3.2 Страницы «Маникюр», «Парикмахерские услуги», «Солярий», «Косметические услуги», «Корректировка бровей» и «О Нас» так же, как и «Главная» состоят из трех фреймов. Неизменные фреймы с бегущей строкой и меню, а также фрейм с текстом, но уже другого содержания.

3.3 Страница «Оставить отзыв», также состоит из трех фреймов. Средний фрейм выполнен с использованием HTML-кодов и предназначен для сбора информации о пожеланиях клиентов.

4. Избранные страницы сайта

4.1 Страница «Главная»

<head>

<meta http-equiv="Content-Language" content="ru" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

.style2 {

font-family: "Times New Roman", Times, serif;

font-size: large;

letter-spacing: normal;

}

.style3 {

background-color: #FFFFFF;

}

.style4 {

margin-bottom: 0px;

}

.style5 {

background-color: #FF5050;

}

</style>

<base target="_self" />

</head>

<body style="background-color: #FF5050">

<p class="style4" style="width: 611px; height: 284px">

<img alt="Картина 1" src="изображения/Феерия.jpg" width="1150" height="314" /></p>

<p class="style2"><span class="style5">Каждую девушку волнуют аспекты ее фигуры,

</span><span class="style3">

<a href="kosmetik.htm"><span class="style5">красоты лица</span></a></span><span class="style5"> и </span><span class="style3"> <a href="solarii.htm">

<span class="style5">тела</span></a><span class="style5">. В наше время актуально иметь ухоженные

</span>

<a href="прически.htm"><span class="style5">волосы</span></a><span class="style5">, </span> <a href="маникюр.htm">

<span class="style5">руки и ноги</span></a><span class="style5">.

Сейчас это не только потребность, но и визитная карточка каждой девушки. Наши

мастера - профессионалы своего дела, не только помогут вам в этом, но и подберут

</span>

<a href="kosmetik.htm"><span class="style5">полный образ!</span></a></span></p>

<p class="style2"></p>

</body>

</html>

Рис. 2 Страница «Главная»

4.2 Страница «Маникюр»

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

.style1 {

font-family: "Times New Roman", Times, serif;

font-size: 14pt;

}

.style2 {

font-family: "Times New Roman", Times, serif;

font-size: 14pt;

text-align: right;

}

</style>

<script type="text/javascript">

<!--

function FP_swapImg() {//v1.0

var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;

n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;

elm.$src=elm.src; elm.src=args[n+1]; } }

}

function FP_preloadImgs() {//v1.0

var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();

for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }

}

function FP_getObjectByID(id,o) {//v1.0

var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);

else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;

if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)

for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }

f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;

for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }

return null;

}

// -->

</script>

</head>

<body onload="FP_preloadImgs(/*url*/'изображения/button33.jpg',/*url*/'изображения/button34.jpg',/*url*/'изображения/button4E.jpg',/*url*/'изображения/button4F.jpg')">

<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="style2">

<a href="главная.htm">

<img style="border: 0" id="img2" src="изображения/button4D.jpg" height="33" width="100" alt="На главную" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'изображения/button4E.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'изображения/button4D.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'изображения/button4F.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'изображения/button4E.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Embossed Tab 7" fp-title="На главную" --></a><a href="prais_manik.htm"><img style="border: 0" id="img1" src="изображения/button32.jpg" height="33" width="100" alt="Цены" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'изображения/button33.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'изображения/button32.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'изображения/button34.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'изображения/button33.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Embossed Tab 3" fp-title="Цены" --></a></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">

<a name="Женщины">Женщины</a> всегда стремились быть привлекательными, эффектными и элегантными. Много времени уделяют заботе о волосах, фигуре, коже. Иногда забывают, что идеальный образ не выглядит завершенным, если руки не в порядке. Как гласит известная пословица &quot;Красота требует жертв&quot;, а женская ухоженность должна быть до кончиков ногтей.</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">

Слово<strong style="margin: 0px; padding: 0px;"><span class="Apple-converted-space">&nbsp;</span>маникюр</strong>&nbsp;в

переводе с латинского - &nbsp;&quot;уход за руками&quot; (manus - рука и cura - уход) - и являет собой косметическую процедуру по обработке кожи и ногтей на пальцах рук.

Маникюр можно выполнять как в косметических салонах красоты так и в домашних условиях.</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">

<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;"><a href="#гель">украшение ногтей лаком и стразами</a>;</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">

<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;"><a href="#Франция">французский</a>;</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;">delux;</li>

<li style="margin: 5px 0px; padding: 0px;">мацерация (мокрый);</li>

<li style="margin: 5px 0px; padding: 0px;">горячий;</li>

<li style="margin: 5px 0px; padding: 0px;">SPA;</li>

<li style="margin: 5px 0px; padding: 0px;">Art;</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>

<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">

<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>

<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">

<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">&nbsp;

Хороший маникюр - это отлична работа мастера с вашими руками. Ногти как и другие части тела требуют ежедневного ухода, ведь в нынешнее время любая женщина должна быть на высоте всегда и во всем.</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">

&nbsp;</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>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="#Женщины">ВВЕРХ</a></p>

</body>

</html>

Рис. 3 Страница «Маникюр»

4.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" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

не понравилось <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 Страница «Оставить отзыв»

4.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 Страница «О Нас»

Заключение

Сайт выполнен посредством языка HTML в Microsoft Office Sharepoint Designer. Особенностью этого языка является использование тегов, дескрипторов (Таблица 1). При их помощи можно создать четкую структуру сайта, оформить текст, разместить изображения, создать ссылки.

При выполнении курсовой работы была решена задача создания сайта -визитки салона красоты «ФЕЕРИЯ»

Библиографический список

1. Алленова, Н. Учебник по Html [Электронный ресурс] : Как создать свой сайт. - Режим доступа: http://www.postroika.ru/. - Загл. с экрана.

2. Персональный компьютер [Электронный ресурс] : Устройство персонального компьютера, эффективная компьютерная справка. - Режим доступа: http://www.spravkapc.ru/. - Загл. с экрана.

3. Советов, Б. Я. Информационные технологии [Текст] : учеб. для вузов / Б. Я. Советов - М.: Высшая школа, 2005 - 260 с.

4. Соколов, С. А. HTML и CSS в примерах, типовых решениях и задачах. Профессиональная работа [Электронный ресурс] / С. А. Соколов. -- М.: Вильямс, 2007. -- 416 с. - Режим доступа: http://ru.wikipedia.org/wiki/HTML. - Загл с экрана.

5. Википедия 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

горизонтальное пространство между изображением и текстом

Размещено на Allbest.ru

...

Подобные документы

  • Разработка информационной системы для салона цветов "Феерия"

    Анализ возможностей, методологии и инструментальных средств проектирования информационной системы для салона цветов "Феерия". Программное обеспечение клиентского приложения с включением экранных форм, отчетов и запросов. Графическое и текстовое описание.

    курсовая работа [1,3 M], добавлен 05.05.2014

  • Разработка презентационного сайта для ИП Тимонин Е.Н. г. Кунгур, Пермского края

    Подходы к созданию сайтов. Обоснование необходимости наличия персонального сайта компании ИП Тимонина Е.Н.. Структура, интерфейс, этапы создания сайта. Описание кода страниц. Создание web-страниц и наполнение их информацией. Верстка сайтов с чистым кодом.

    дипломная работа [1,5 M], добавлен 03.06.2015

  • Разработка сайта-визитки для фирмы "Кондиционер-сити"

    Разработка сайта в приложении FrontPage. Программные средства и технологии, используемые при разработке сайта. Основная структура сайта и размещение исходных файлов. Создание графических страниц, элементов и рисунков. Размещение сайта в сети Internet.

    курсовая работа [1,6 M], добавлен 13.06.2013

  • Проектирование сайта-визитки для автотехнического центра "Авант"

    Проектирование web-сайта. Пользовательские персонажи, детальная концепция сайта. Разработка скелетной схемы страниц, информационной архитектуры. Создание прототипа web-сайта. Выбор среды разработки. CMS системы и их анализ. Стадии проектирования сайта.

    курсовая работа [346,7 K], добавлен 18.09.2016

  • Разработка состава и структуры Web- сайта гостиничного комплекса

    Виды структур Web-сайтов: линейная, древовидная, решетчатая и произвольная. Структура и содержание сайта гостиничного комплекса "Воздвиженское", "Смоленск" и "Иртыш". Идеи сайта и целевая аудитория. Заполнение страниц информацией и тестирование сайта.

    курсовая работа [1,7 M], добавлен 25.04.2015

  • Разработка сайта ОАО "Каменск-Уральский литейный завод"

    Понятие web-сайта и их типы. Программы для создания web-сайта. Описание структуры проекта. Алгоритм создания сайта. Описание конструктора Jimdo. Языки программирования серверного выполнения. Создание полнофункционального веб-сайта для ОАО "КУЛЗ".

    курсовая работа [3,5 M], добавлен 05.06.2015

  • Создание сайта "Кафедра физического воспитания"

    Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.

    курсовая работа [1,0 M], добавлен 09.01.2014

  • Разработка программного продукта для ЗАГС. Сайт для молодоженов

    Характеристика структуры, программного обеспечения и основных бизнес–процессов ЗАГСа. Разработка базы данных и структуры сайта для молодоженов. Управление аккаунтом пользователя, описание страниц сайта. Расчёт экономических затрат на создание сайта.

    дипломная работа [448,5 K], добавлен 14.01.2013

  • Анализ, разработка и исследование системы управления данными предприятия на базе продукта Microsoft SharePoint

    Анализ современного состояния систем автоматизации управления данными; учет инфраструктуры информационной системы и требования к ресурсам организации. Разработка системы управления данными на базе SharePoint-сайта, программная реализация и внедрение.

    диссертация [4,1 M], добавлен 10.11.2011

  • Разработка сайта МАДОУ детского сада "Айгуль" с. Максютово Кугарчинского района

    Использование функциональных возможностей GSM uCoz для разработки сайта. Сущность, значимость, типы и виды сайтов, способы их создания. Правила размещения сайта в сети Интернет. Основные возможности, понятия, преимущества и недостатки сервиса uCoz.

    дипломная работа [1,7 M], добавлен 20.07.2014

  • Повышение функциональных возможностей корпоративного портала факультета с помощью MS SharePoint

    Сущность возможностей MS SharePoint и средства их реализации. Разработка и осуществление задач корпоративного портала. Характеристика рабочего места, безопасность жизнедеятельности, электробезопасность, природопользование и охрана окружающей среды.

    дипломная работа [2,8 M], добавлен 04.04.2012

  • Создание Web-сайта компании, обслуживающей сектор рынка услуг: косметологический салон красоты

    Инструментальные возможности для реализации программы. Позиционирование сайта в Интернете, разработка дизайна и информационное наполнение. Создание анимированного баннера и добавления в поисковые системы для продвижения данного сайта в Интернете.

    курсовая работа [1,9 M], добавлен 29.09.2012

  • Верстка и программирование сайта ресторана "Рояль"

    Определение целей создания сайта и целевой аудитории, сбор и анализ необходимой информации. Исследование структуры, концепции, дизайна и функциональности сайтов-конкурентов. Выполнение HTML-верстки, заполнение шаблонов содержимым. Программированием сайта.

    дипломная работа [56,4 K], добавлен 12.11.2014

  • Разработка сайта-визитки

    Анализ существующих сайтов данной сферы деятельности, сравнительный анализ существующих технологий их создания. Инструментарий для разработки сайта-визитки кафе "Family", программное обеспечение. Принцип работы, внутренняя структура и компоненты.

    курсовая работа [3,8 M], добавлен 21.06.2015

  • Разработка сайта предприятии

    Особенности создания сайта интернет-магазина для частных лиц и организаций. Анализ финансовой и технико-экономической деятельности фирмы. Создание информационной модели сайта, ее базовые элементы. Выбор программного и аппаратного обеспечения сайта.

    дипломная работа [1,5 M], добавлен 08.12.2013

  • Создание Web-сайта

    Обзор программ для создания Web-страниц; сравнительный анализ Macromedia Dreamweaver и Front Page. Процесс создания современного сайта; оценка экономической целесообразности использования компьютера. Охрана труда оператора компьютерного набора и верстки.

    дипломная работа [84,2 K], добавлен 07.07.2010

  • Разработка веб-сайта студии дизайна интерьера "под ключ"

    История веб-дизайна и сайтов. Пример раннего сайта Angelfire. Популярные браузеры, цветовая модель RGB. Структура корпоративного сайта. Предпроектный анализ разрабатываемого веб-сайта. Основные блоки макета. Пример адаптивной верстки. Макет в Photoshop.

    дипломная работа [8,0 M], добавлен 10.10.2015

  • Сайт свадебного салона "Елена"

    Структура сайта, выполненного при помощи HTML-кода и CSS-таблиц. Создание базы данных. Описание главной страницы. Форма для оформления заказа. Скрипт, выводящий дату и день недели. Проектирование CSS-документа (файла) для оформления страниц сайта.

    курсовая работа [570,7 K], добавлен 30.12.2013

  • Модернизация сайта ПРИПИТ с использованием системы управления содержимым сайта (CMS)

    Обзор и анализ используемых технологий, содержания и дизайна сайтов ВУЗов, в том числе созданных на основе CMS. Исследование содержания сайта ПРИПИТ и информационных потребностей различных групп его потенциальных посетителей. Разработка дизайна сайта.

    дипломная работа [129,4 K], добавлен 11.03.2010

  • Разработка системы управления содержимым сайта

    Преимущества и недостатки статических и динамических сайтов. Эволюция и классификация web-приложений. Требования, предъявляемые к системам управления контентом (CMS). Создание структуры сайта, информационное наполнение страниц. Разработка базы данных CMS.

    дипломная работа [856,2 K], добавлен 27.06.2012

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.

© 2000 — 2023, ООО «Олбест» Все права защищены