Файл: Создание сайта-визитки салона красоты.pdf

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

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

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

текстовый редактор HTML;

графический редактор, для разработки собственной графики:

Adobe Photoshop; ImageReady;.

запас иллюстраций, для самостоятельного создания рисунка (большое количество иллюстраций были загружены из Веб);

специальные, более сложные, инструментальные средства, веб-сервер поддерживает формы и выполняет сценарии JavaScript.

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

Веб-страница хранится в файле формата HTML с расширением html. Этот файл содержит отображаемый текст и теги HTML, которые задают Форматирование страницы, а также размещение на ней рисунков и гиперссылок.

Главная страница веб-узла имеет имя index.html, поскольку это - применяемое по умолчанию имя файла, которое ищут браузеры. Например, если пользователь введет в браузере адрес http://www.leonardo-studio.narod.ru, то он увидит страницу данного веб-сайта, хранящуюся в файле index.htm.

Каждый рисунок, который отображается на веб-странице и служит ее фоном, хранится в отдельном файле. Это файл с расширением jpg (а может быть и gif, jpeg, png, bmp). Местоположение изображения на странице задается с помощью специального тега HTML.

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

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

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

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

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

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

О Нас

Главная

Оставить отзыв

маникюр

Косм. услуги

Корр. бровей

солярий

Парикмах. Усл

цены

Правила посещения солярия

Рис. 1

3. Краткое содержание страниц салон красоты сайт верстка

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

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

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

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

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

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

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

Избранные страницы сайта
1. Страница «Главная»

<head>

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

</head>

Каждую девушку волнуют аспекты ее фигуры,

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

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

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

руки и ноги</a>.

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

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

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

</body>

</html>

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

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

<head>

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

<!--

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>

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

Слово маникюр в

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

Маникюр можно выполнять как в косметических салонах красоты так и в домашних условиях.

Цель маникюра:

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

Виды маникюра:

<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;">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;">пирсинг;</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>

Инструменты для маникюра:

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

Смотрите также файлы

Понятие, признаки и правовое регулирование несостоятельности (банкротства) (Правовые аспекты несостоятельности (банкротства) индивидуальных предпринимателей).pdf

Исследование правового механизма компенсации морального вреда.pdf

Молодежные объединения: виды и особенности.pdf

Ценовые войны в теории и на практике (Теоретические аспекты ценовых войн в современном бизнесе РФ).pdf

Организационное поведение на разных стадиях жизненного цикла организации..pdf

Файл: Создание сайта-визитки салона красоты.pdf

Введение

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

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

3. Краткое содержание страниц салон красоты сайт верстка

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

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

Смотрите также файлы

Информация

Списки файлов

Дополнительно