- •Министерство образования и науки российской федерации
- •2.4 Css-описатели элементов web-приложения …………………………………... 13
- •2.5 Форма обратной связи с пользователем ……………………………………….. 14
- •1. Рынок косметических услуг в россии
- •1.1 Характеристика рынка косметических услуг России
- •1.2 Обзор web-приложений для салонов красоты в г.Смоленске
- •Crystal Beauty and spa (адрес: http://crystal-spa.Ru/):
- •2.2 Структура web-приложения, роль и место в рекламной кампании
- •2.3 Стилистическое решение приложения
- •2.4 Css-описатели элементов web-приложения
- •2. Практическая часть. Анализ web-приложения салона красоты «афродита»
- •2.1 Характеристика объекта исследования и рекламной кампании
- •2.5 Форма обратной связи с пользователем
- •2.6 База данных web-приложения
- •2.7 Обработка данных
- •Макеты страниц web-приложения
- •Формы обратной связи web-приложения
- •Карта web-приложения
2. Практическая часть. Анализ web-приложения салона красоты «афродита»
2.1 Характеристика объекта исследования и рекламной кампании
В качестве объекта исследования предлагается рассмотреть салон красоты «Афродита», предлагающий услуги по уходу за волосами, кожей и ногтям.
Одним из направлений развития деятельности салона красоты является разработка web-приложения, позволяющего клиенту подобрать процедуры в соответствии с состоянием волос, кожи и ногтей.
Конкурентным преимуществом является сама возможность подбора процедур online, так как сайты других салонов носят скорее информативный характер.
Идею рекламной кампании можно сформулировать в рекламных слоганах:
Ваша красота – наша работа;
Красота – это естественно;
Афродита: открой секрет красоты.
2.2 Структура web-приложения, роль и место в рекламной кампании
Целью разработки приложения можно обозначить предоставление возможности предварительного подбора услуг без фактического похода в салон красоты.
Роль приложения сводится к:
предоставлению контактной информации о салоне красоты и предоставляемых услугах;
обеспечению возможности подбора услуг;
обеспечению обратной связи с салоном красоты.
Для достижения поставленной цели необходимо решить ряд задач:
разработать информационное web-приложение;
разработать базу данных, содержащую сведения о предоставляемых услугах;
разработать форму, позволяющую подобрать процедуры исходя из введённых данных о состоянии кожи, волос, ногтей.
На сайте будет предоставлена информация о самом салоне красоты, предоставляемых услугах, контактная информация. Также будет предусмотрена возможность обратной связи и подбора процедур.
Структура сайта представлена на рисунке 1.

Рисунок 1 – структура web-приложения
2.3 Стилистическое решение приложения
Определённый стиль оформления web-сайта позволяет сделать его более привлекательным для пользователей. Создаваемый сайт будет оформлен в фиолетовых тонах. Палитра цветов представлена на рисунке 2.
|
Чёрный #000000 |
|
Тёмно-пурпурный #660099 |
|
Лавандовый #FFF0F5 |
|
Белый #FFFFFF |
Рисунок 2 – палитра цветов
Разрабатываемый сайт будет содержать несколько типов страниц: информационные, обратная связь, страница связи с базой данных. Макеты страниц представлены в приложении А.
2.4 Css-описатели элементов web-приложения
В данной работе применено размещение описания стиля через использование ссылки на внешнее описание. Ссылка на описание стиля, расположенное за пределами документа, осуществляется при помощи элемента LINK, который размещен в элементе HEAD. Внешнее описание представляет собой файл, содержащий описание стилей, с расширением css – style.css. Данный файл находится в общей папке с файлами *.php.
СSS-описатели представлены в таблице 1.
Таблица 1 – СSS-описатели
|
Наименование описателя |
Назначение |
|
body |
Задает фон сайта: выравнивание, размер и цвет фона. |
|
.menu |
Задаёт расположение навигационного блока: отступы от края экрана, размер блока. |
|
.content |
Задаёт расположение информационного блока: отступы от края экрана, размер блока, уровень прозрачности. |
|
#text |
Задает размер текста ссылок в навигационном блоке: отступы от края блока, цвет, выравниваниеразмер и гарнитуру шрифта. |
|
#text1 |
Задает размер текста в основном блоке: отступы от края блока, выравнивание, размер и цвет шрифта. |
|
#knopka |
Задаёт размер надписи кнопки: цвет, выравнивание и размер надписи, а также отступ от внутренних границ. |
|
h1 |
Задаёт стиль написания заголовков первого уровня: цвет, выравнивание, стиль шрифта. |
|
h2 |
Задаёт стиль написания заголовков второго уровня: цвет, и стиль шрифта. |
