Помощь в написании студенческих работ
Антистрессовый сервис

Верстка интернет-магазина оптики при помощи html, css, javascript. 
объем 20-25 страниц

Курсовая Купить готовую Узнать стоимостьмоей работы

Если же говорить об html, css, JavaScript, то с их помощью можно сделать достаточно много. Однако это весьма ограниченный джентельменский набор и далеко не самый оптимальный. Если необходимо сделать по-настоящему функциональный сайт, то тоит воспользоваться более широкими возможностями. К тому же, для того чтобы сделать непосредственно сам сайт полностью, необходимо задействовать какие-либо базы… Читать ещё >

Верстка интернет-магазина оптики при помощи html, css, javascript. объем 20-25 страниц (реферат, курсовая, диплом, контрольная)

Содержание

  • Введение
  • Глава 1. Теоретические особенности создания интернет магазина
    • 1. 1. Понятие современного интернет-магазина и основные тенденции в данной сфере
    • 1. 2. Основные особенности разработки интернет-магазина
    • 1. 3. Технические особенности верстки интернет-магазина
  • Глава 2. Верстка интернет-магазина
    • 2. 1. Структура макета интернет-магазина по продаже оптики
    • 2. 2. Оформление стартовой страницы макета сайта
    • 2. 3. Страница оформления заказа
    • 2. 4. Страница выбора товаров
  • Заключение
  • Список информационных источников

Рис. 2 Дизайн стартовой страницы.

В нижней части стартовой страницы мы разместили ряд сервисов, которые позволят сделать использование сайта еще более удобным. Расположены они следующим образом.Рис. 3 Различные сервисы для пользователей сайта.

Как видим, в левом нижнем углу есть ссылки на ресурсы в социальных сетях. Практически каждый крупный интернет-магазин в настоящее время имеет свои представительские страницы в наиболее крупных социальных сообществах. А непосредственно SMM-менеджмент, то есть продвижение в социальных сетях уже давно является одним из важнейших направлений продвижения различных товаров и услуг. Блок «мой профиль» может раскрываться. И в этом случае пользователь может выбрать варианты определенных действий.Рис. 4 Меню раздела «Мой профиль"В данном разделе можно увидеть следующие функции. Из раскрывающегося списка можно перейти в профиль аккаунта, который был зарегистрирован на сайте, перейти к просмотру списка добавленных товаров, перейти в раздел, где можно осуществлять сравнение различных товаров, перейти ко входу в профиль, если он еще не произведен, либо зарегистрироваться на сайте. Тоже можно сказать и о функциях раздела «моя корзина». При нажатии, пользователь видит следующее.

Рис. 5 Меню раздела «Моя корзина"В данном разделе можно просмотреть товары, которые были добавлены в корзину. Здесь же отображается цена на товары, их количество и наименование. Из раскрывающегося списка меню можно перейти либо к подробному обзору корзины и товаров, которые были в нее добавлены, либо перейти сразу же к оформлению заказа на приобретение товаров.

2.3 Страница оформления заказа.

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

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

2.4 Страница выбора товаров.

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

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

Заключение

.

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

Разумеется, что при этом товары должны иметь срок гарантийного использования и быть заменяемыми и возвратными, поскольку не исключены ситуации, когда, например, очки не подойдут покупателю. Все эти особенности, разумеется, должны присутствовать на страницах сайта, так как у покупателя не должно оставаться сомнений в том, что приобрести товары оптики вполне удобно и без опасно посредством использования интернет-магазина. Только в этом случае он решить сделать покупки и вполне возможно вернется на страницы интернет-магазина еще раз, либо посоветует его кому-либо из своих знакомых. Как очевидно следует из концепции интернет-магазина, основной аудиторией его будут люди с нарушением зрения, а также те, кто хочет приобрести очки в эстетических целях. Какого-либо возрастного ограничения у сайта нет. Мы рассмотрели только основные технологии, с помощью которых можно произвести верстку интернет-магазина. А именно html, css, JavaScript.

Однако это далеко не все. Существуют и многие другие возможности того, как это можно сделать. Если же говорить об html, css, JavaScript, то с их помощью можно сделать достаточно много. Однако это весьма ограниченный джентельменский набор и далеко не самый оптимальный. Если необходимо сделать по-настоящему функциональный сайт, то тоит воспользоваться более широкими возможностями.

К тому же, для того чтобы сделать непосредственно сам сайт полностью, необходимо задействовать какие-либо базы данных, например, MySql, либо какие-то другие, используемые в настоящее время. Чрезвычайно полезным языком программирования для разработки сайтов является php, который практически повсеместно сейчас используется. Мы рассмотрели расположение файлов в папке, где содержится разрабатываемый файл. Помимо тех, что присутствуют в данном случае, могут быть и другие варианты наличия различных файлов и папок. В целом, это зависит от особенностей непосредственно самого интернет ресурса, от того, какие технологии используются при его создании и т. д.Также мы произвели рассмотрение основных страниц разрабатываемого ресурса. Привели описание возможностей, которые можно реализовать на данных страницах. Рассмотрели их назначение и структуру. Здесь стоит отметить то, что ни один ресурс при его запуске в рынок не является уже законченным решением, в процессе деятельности интернет магазина необходимо производить его постоянную настройку и оптимизацию под потребности пользователей, сбор мнения которых необходимо осуществлять постоянно.

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

Белунцов В. Новейший самоучитель по созданию Web-страниц. — М.: Десс.

Ком, 2012, с. 447. Балабанов И. Т. — «Торговля через виртуальный магазин» «Электронная коммерция» 2016 г. С. 195−197Гончаров А. Самоучитель HTML. — СПб.: Питер, 2015. — 240 с.:Комиссарова И, Перелетова И, Петрова Е. К. Интернет-магазин от, А до Я: полное пошаговое руководство по созданию, управлению/ Эксмо — 2011.

Леонтьев Б. Web-Дизайн: Тонкости, хитрости и секреты. — М.: Майор, 2014, с. 170. Матросов А. В., Сергеев А. О., Чаунин М. П. HTML 4.

0. — СПб.: БХВ-Петербург, 2016. — 672 с.:Новоселова Е. Н., Кадыров И. Р. Создание web-страниц с помощью HTML. Информатика и образование, № 1, 2017.

Новоселова Е.Н., Кадыров И. Р. Создание web-страниц с помощью HTML (продолжение). Информатика и образование, № 1, 2016.

Орлов Л. Как создать электронный магазин в Интернет. — 3-е издание/ Новый издательский дом — 2015.

Попов В. Практикум по Интернет — технологиям: учебный курс/В. Попов.СПб.: Питер. 2015. — 480 с.: ил. Семенов Ю. А. Протоколы и ресурсы Internet. — М.: Радио и связь, 2016.

Семинович С.В., Евсеев Г. А., Алексеев А. Г. Специальная информатика: Учебное пособие. — М.: АСТ-ПРЕСС: Инфорком-Пресс, 2015.-480 с. Титоров Д. Ю. Создание Интранета образовательного учреждения. Информатика и образование, № 1, 2015.

Титоров Д. Ю. Создание Интернета образовательного учреждения. Информатика и образование, № 2, 2014.

Титоров Д. Ю. Создание Интернета образовательного учреждения (продолжение). Информатика и образование, № 5, 2015.

Смирнова Г. Н., Сорокин А. А., Тельнов Ю. Ф. Проектирование экономических информационных систем. Учебник. М.: «Финансы и статистика», 2014.

Показать весь текст

Список литературы

  1. В. Новейший самоучитель по созданию Web-страниц. — М.: ДессКом, 2012, с. 447.
  2. И.Т. — «Торговля через виртуальный магазин» «Электронная коммерция» 2016 г. С. 195−197
  3. А. Самоучитель HTML. — СПб.: Питер, 2015. — 240 с.:
  4. Комиссарова И, Перелетова И, Петрова Е. К. Интернет-магазин от, А до Я: полное пошаговое руководство по созданию, управлению/ Эксмо — 2011.
  5. Леонтьев Б. Web-Дизайн: Тонкости, хитрости и секреты. — М.: Майор, 2014, с. 170.
  6. А.В., Сергеев А. О., Чаунин М.П. HTML 4.0. — СПб.: БХВ-Петербург, 2016. — 672 с.:
  7. Е.Н., Кадыров И. Р. Создание web-страниц с помощью HTML. Информатика и образование, № 1, 2017.
  8. Е.Н., Кадыров И. Р. Создание web-страниц с помощью HTML (продолжение). Информатика и образование, № 1, 2016.
  9. Л. Как создать электронный магазин в Интернет. — 3-е издание/ Новый издательский дом — 2015.
  10. В. Практикум по Интернет — технологиям: учебный курс/В. Попов.СПб.: Питер. 2015. — 480 с.: ил.
  11. Ю.А. Протоколы и ресурсы Internet. — М.: Радио и связь, 2016.
  12. С.В., Евсеев Г. А., Алексеев А. Г. Специальная информатика: Учебное пособие. — М.: АСТ-ПРЕСС: Инфорком-Пресс, 2015.-480 с.
  13. Д.Ю. Создание Интранета образовательного учреждения. Информатика и образование, № 1, 2015.
  14. Д.Ю. Создание Интернета образовательного учреждения. Информатика и образование, № 2, 2014.
  15. Д.Ю. Создание Интернета образовательного учреждения (продолжение). Информатика и образование, № 5, 2015.
  16. Г. Н., Сорокин А. А., Тельнов Ю. Ф. Проектирование экономических информационных систем. Учебник. М.: «Финансы и статистика», 2014
Заполнить форму текущей работой
Купить готовую работу

ИЛИ