Разработка интернет-магазина косметики и парфюмерии

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

САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ТЕЛЕКОМММУНИКАЦИЙ ИМ. ПРОФ. М. А. БОНЧ-БРУЕВИЧА

Факультет информационных систем и технологий

Реферат

по дисциплине «Информационные системы и технологии в дизайне»

Разработка интернет-магазина косметики и парфюмерии

Выполнили студенты группы ИСТ-22

Короткова М.И.

Преподаватель

Шадрин И.Н.

Санкт-Петербург 2013

Введение

В настоящее время Интернет становиться все более развитой средой для осуществления коммуникаций с потребителями. В тоже время, существенным является и тот факт, что Интернет становиться удобной и достаточно дешевой «торговой площадкой». Все большее количество фирм старается представить свою продукцию в on-line среде. При этом такое представление не ограничивается только лишь созданием промо-сайтов и размещением рекламных баннеров и статей в электронных журналах и на информационных порталах. С развитием Интернет-среды развивается и само предложение. Теперь люди могут не только получать интересующую их информацию, но и совершать покупки. При этом с помощью Интернет-магазинов можно приобретать товары совершенно разных категорий, как элементарные потребительские, так и высокотехнологичные.

Такое положение вещей обусловлено, во-первых, постоянным, стабильным ростом аудитории пользователей глобальной сети.

Основную часть аудитории сети Интернет составляют люди, работающие в офисах и проводящие большую часть времени за компьютером. Как правило, их образ жизни не позволяет им тратить большое количество времени на походы по off-line магазинам в поисках именно того, что им нужно. Возможность заказать интересующий продукт в Интернете является для них действительно выходом из ситуации. Интернет существенно ограничивает возможности представления товара, поэтому подходит в большинстве случаев только для повторной покупки, например при приобретении косметики и парфюмерии.

В данной курсовой работе предполагается разработать непосредственно сайт интернет-магазина.

Цели проекта:

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

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



1. Краткая характеристика языка HTML

Для создания данного сайта мы использовали язык гипертекстовой разметки HTML - Hyper Text Markup Language. Web-страница (документ HTML) представляет собой текстовый файл на языке HTML формата *.htm или *.html, размещенный в World Wide Web (WWW). WWW - Всемирная Паутина, распределенная система доступа к гипертекстовым документам, существующая в Интернете. Web-страница кроме текста может содержать гипертекстовые ссылки, при помощи которых можно переходить к другим Web-страницам и просматривать их. Web-страница может содержать вставки в виде графики, анимации, видеоклипов и музыки.

Для просмотра Web-страниц можно использовать, например, MicroSoft Internet Explorer или NetScape Navigator, или Opera (просмотрщик или браузер).

Язык HTML позволяет:

1) Создавать и редактировать Web-страницы, в том числе свою домашнюю Web-страницу, которую можно затем разместить в Интернете;

2) Редактировать документы HTML, полученные из Интернета, так чтобы функционировали все внедренные в документ объекты (картинки, анимации и т.д.);

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

2. Разработка компьютерной системы

Для разработки компьютерной системы в первую очередь необходимо задаться вопросами, каким клиентским интерфейсом она будет обладать? Какого рода информация будет на страницах, и как она будет храниться? Какого объема будут страницы? Какими средствами она будет обращаться к серверу, и какие функции она должна выполнять? Для того чтобы ответить на эти вопросы необходимо не только иметь представление о web-страницах и умение «бродить» по сети Internet, но и как все это происходит, и какими средствами реализуется.

Для того чтобы иметь наглядное представление о работе компьютерной системы приведем структурную схему.

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

3. Концепция интернет-магазина

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



Переходя по ссылке «Каталог», можно увидеть некоторые товары, представленные на сайте.

К тому же, можно посмотреть информацию о конкретном товаре.

Также в разделе «Контакты» имеются контактные номера и адрес представленного магазина.

4. Код главной страницы

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=windows-1251" />

<title>Интернет-магазин косметики и парфюмерии "Make Up"</title>

<link rel="stylesheet" type="text/css" href="css/style.css">

</head>

<body>

<div id="page">

<div id="header">

<div>

<a href="index.html"><img src="images/logo.jpg" alt="Logo"></a>

</div>

<ul>

<li class="current"><a href="index.html">Главная</a></li>

<li><a href="katalog.html">Каталог</a></li>

<li><a href="contact.html">Контакты</a></li>

</ul>

</div>

<div id="body">

<div id="aside">

<div><img src="images/make-up.jpg"></div>

<ul>

<li>

<h2>Интернет-магазин парфюмерии и косметики Make Up</h2>

<p>Интернет-магазин Make Up является популярным интернет магазином оригинальной парфюмерии и косметики. В интернет-магазине всегда есть возможность спокойного выбора и просмотра интересующих Вас товаров.</p>

<p>Мы рады предложить вам самый удобный сервис по приобретению декоративной косметики, парфюмерии и средств для ухода за лицом и телом. В нашем интернет-магазине вниманию покупателей представлена парфюмерия и косметика ведущих мировых брендов, - словом, все, что делает вас неповторимыми.</p>

<p>Магазин косметики Make Up порадует своим ассортиментом даже самых искушенных представительниц прекрасной половины человаечества. Тональные основы и базы под макияж, тушь и тени, карандаши для губ и глаз, консилеры и румяна, шиммеры и лайнеры, помады и блески - возможности выбора практически не ограничены. Интернет магазин косметики представляет вниманию покупателей средства по уходу за телом, солнцезащитная косметика, автозагары и бронзанты. Кроме этого, в нашем интернет магазине можно купить гели для туша, шампуни и бальзамы для волос. Есть в нашем магазине косметики и средства по уходу за лицом и телом - увлажняющие и питательные маски, кремы и лосьоны, средства из антицеллюлитной серии, омолаживающая косметика.</p>

<p>Вся представленная в нашем интернет магазине косметика и парфюмерия оригинальная. Оформить заказ в интернет магазине парфюмерии и косметики можно прямо на сайте. Широкий ассортимент, высокое качество продукции, акции, отличный сервис, возможность получить профессиональную консультацию опытных менеджеров - все это делает интернет магазин косметики и парфюмерии Make Up одним из самых популярных и посещаемых.</p>

<p>Благодаря нашему интернет магазину у вас не будет необходимости посещать салоны красоты: теперь косметика и парфюмерия сама придет в ваш дом и создаст все возможности качественного ухода. Все новинки косметики и парфюмерии - только у нас на полках, с нетерпением ждем вас!</p> компьютерный интернет магазин сайт

</li>

</ul>

</div>

<div id="sidebar">

<div>

<div>

<img src="images/cart.gif" align=left><span align=right>В вашей корзине <b>4</b> товара</span>

<h3>Новинки месяца</h3>

<p class="shopIdPrice"> 169 руб</p><input type="button" value="Купить!" class="buttonbuy"><img src="images/pic1.jpg" alt="" height=90px>

<p class="shopIdTitle">Eva Mosaic Wake Up Make Up Тональный крем</p>

<br>

<p class="shopIdPrice"> 7200 руб</p><input type="button" value="Купить!" class="buttonbuy"><img src="images/pic13.jpg" alt="" height=90px>

<p class="shopIdTitle"><a href="inf.html">Ajmal Rouh Al Khaleej</a> </p>

<br>

<input type="button" value="Смотреть все новинки" class="buttonbuy" />

</div>

</div>

<form action="#">

<input type="text" value="Поиск товара" class="search"><input type="submit" value="Go!" class="searchbtn">

</form>

</div>

</div>

<div id="footer">

<p>Make Up &copy; 2013 | Designed by Korotkova Mariya and Kruglova Tatyana</p>

</div>

</div>

</body>

</html>

5. Пример CSS

body {

background: url(../images/bg-body.gif) repeat center top;

color: #807e7f;

font-family: Arial, Helvetica, sans-serif;

font-size: 14px;

margin: 0;

min-width: 950px;

padding: 0;

}

#page {

background: url(../images/top-bar.gif) repeat-x center top;

width: 100%;

}

#header {

background: url(../images/bg-header.jpg) no-repeat center top;

height: 123px;

margin: 0 auto;

overflow: hidden;

width: 950px;

}

#header div {

float: left;

height: 123px;

padding: 0 0 0 35px;

width: 230px;

}

#header div img {

margin-top: 35px;

}

#header ul {

float: left;

height: 51px;

list-style: none;

margin: 40px 0 0;

padding: 0;

}

#header ul li {

float: left;

padding: 0 40px;

}

#header ul li a {

color: #831a3b;

display: block;

line-height: 51px;

text-decoration: none;

text-transform: uppercase;

text-shadow: 0 1px #ff97b8;

}



Заключение

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

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