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

Характеристика, особенности и предназначение языка Hyper Text Markup Language. Разработка удобной компьютерной системы для управления интернет-магазином косметики, его концепции. Код главной страницы сайта, создание и редактирование Web-страницы.

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

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

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

Размещено на 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


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

  • Описание программного обеспечения для разработки Интернет-магазина. Установка программы WYSIWYG Web Builder v3.2.0. Создание структурного макета Интернет-магазина. Проектирование главной страницы с перечнем товарных наименований (на примере TV.html).

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

  • Анализ объектно-ориентированной технологии программирования на примере языка Java. Методы, инструменты разработки web-приложений. Применение их при создании Интернет-магазина для ООО "Компас". Разработка апплета для его страницы в виде стрелочных часов.

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

  • CRM-системы: разновидности, проблемы реализации, их преимущества и недостатки. Критические характеристики CRM-систем для работы через Интернет (WEB-CRM). Разработка содержания и структуры WEB-сайта интренет-магазина "Vinil", создание схемы и базы данных.

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

  • Специализация, ассортимент товаров магазина. Состав и содержание работ по созданию системы. Требования к веб-сайту. Разработка дизайна страниц. Twitter Bootstrap 2.3, валидация. Тестирование и отладка системы. Исходный код главной страницы и слайдера.

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

  • Обзор программного обеспечения электронного магазина, использование языка программирования VbScript. Модельная и физическая структура, разработка регистрационной формы Web-сайта, подключение его к базе данных. Особенности создания страницы пользователя.

    курсовая работа [2,2 M], добавлен 03.04.2013

  • Технические характеристики компьютерных систем. Анализ интернет-сайта филиала предприятия и выявление основных проблем. Обновление структуры и подгонка сайта под современные стандарты с помощью программы WebSite X5. Создание дизайна веб-страницы.

    отчет по практике [410,2 K], добавлен 14.01.2015

  • Анализ сравнения интернет-магазина и электронного магазина. Проектирование структуры web-сайта. Обработка заказа. Основное понятие языка php. Средства безопасности системного уровня приложения. Разработка структуры базы данных и структуры web-сайта.

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

  • Разработка интернет-магазина мужской и женской одежды и аксессуаров. Требования к техническим характеристикам сайта (трафик, надежность, безопасность). Выбор методов сопровождения интернет-магазина. Подключение интернет-магазина к платежным системам.

    отчет по практике [2,9 M], добавлен 01.05.2015

  • Разработка интернет-магазина для реального заказчика. Проведение анализа и выбор интернет-технологий для разработки интернет-магазина. Проектирование предметной области. Разработка динамических web-страниц интернет-магазина, управляемых базой данных.

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

  • Применение серверной платформы Denwer и с CMS Opencart при создании сайта интернет-магазина электроники. Установка и настройка Denwer и Opencart. Русификация сайта на Opencart, создание системы отображения цен в рублях. Разработка функционала сайта.

    практическая работа [985,3 K], добавлен 04.08.2015

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