Введение 4
1 Теоретические материалы по теме выпускной работы 6
1.1 Понятия «интернет» и «веб-сайт» 6
1.2 Характеристика веб-сайтов магазинов строительных материалов 9
1.3 Специфика работы магазина строительных материалов «Домохозяин»
и разработка требований к веб-сайту 14
2 Разработка веб-сайтов 16
2.1 Этапы проектирования веб-сайтов 16
2.2 Верстка html и css 18
2.3 Современные способы адаптивной верстки веб-сайтов 28
3 Разработка веб-сайта для магазина строительных материалов
«Домохозяин» 51
3.1 Программное обеспечение, используемое при разработке веб-сайта 51
3.2 Описание разработанного веб-сайта 53
Заключение 59
Список использованных источников 61
Цифровые технологии не стоят на месте, все больше и больше внедряясь во все сферы человеческой жизни. Современный человек не может обойтись без цифровых технологий, которые позволяют ему узнать множество интересного, могут обучить чему-то новому, развлечь в необходимый момент, и, самое главное, современные цифровые технологии значительно упрощают людям жизнь. В мире постоянно появляются новые технологии: это и всевозможные гаджеты и различная современная техника, большой выбор развлекательных устройств, необычные приложения для учебы, разнообразные интернет-сайты.
Нельзя исключить цифровые технологии и из торговой сферы. В век интернет-магазинов, интернет-порталов и аукционов, для любого коммерческого предприятия, целью которого является привлечение новых клиентов, важно иметь свой веб-сайт, удобный для пользователей, интересный и отражающий деятельность магазина.
Для успеха в коммерческой деятельности нужно четко понимать, какие цели должен преследовать веб-сайт и какие задачи решать. Некоторым организациям требуется сайт-визитка, который будет давать общую информацию о деятельности данной компании или, как это часто бывает в наше время, он просто нужен для поддержания имиджа компании, ведь современные тенденции таковы, что сайт иметь просто необходимо. Другим организациям больше подойдет сайт-презентация - это сайт, дающий более полное представление о компании и ее деятельности, а также предоставляющий определенную полезную информацию для посетителей. Еще бывают сайты- каталоги - где посетитель может получить полную информацию о производимой или продаваемой продукции, ознакомиться с прайс-листом или пообщаться с представителями организации. И еще более сложный вариант - это интернет-магазин, по сути являющийся сайтом, на котором можно совершить покупку-заказ товара онлайн, очень популярное направление современного бизнеса.
На рынке строительных материалов нашего города сейчас наблюдается высокая конкуренция, появляются международные магазины, конкурировать с которыми довольно сложно. Так что проектирование хорошего, качественного веб-сайта становится приоритетной задачей для небольшого магазина.
Целью бакалаврской работы является разработка веб-сайта для магазина розничной торговли.
Задачи:
1 Охарактеризовать веб-сайты магазинов строительных материалов.
2 Описать работу магазина строительных материалов «Домохозяин» и сформировать требования к проекту веб-сайта.
3 Описать основные этапы и методы проектирования веб-сайтов.
4 Провести исследование технологий и модулей, использующихся для современной верстки веб-сайтов и выбрать оптимальные пути адаптации сайта под большинство устройств.
5 Разработать веб-сайт для магазина строительных материалов «Домохозяин».
В процессе выполнения бакалаврской работы были охарактеризованы веб-сайты магазинов строительных материалов. Было рассмотрено три сайта разных магазинов строительных материалов, они были охарактеризованы, у каждого из них есть свои плюсы и минусы, были сделаны определенные выводы, что стоит вносить в свой веб-сайт, а чего лучше избежать.
Описана работа магазина строительных материалов «Домохозяин» и сформированы требования к проекту веб-сайта. Описание работы магазина было нужно для того, чтобы понять, каким должен быть веб-сайт, какие функции он должен выполнять и какие страницы иметь. Затем были сформированы требования к проекту веб-сайта.
Описаны основные этапы и методы проектирования веб-сайтов. В процессе сбора информации на данную тему, были окончательно определены «инструменты» для проектировки веб-сайта, html, css и для некоторых функций php и java script. Был составлен план, по которому и производилась работа по проектировки сайта.
Было проведено исследование технологий и модулей, использующихся для современной верстки веб-сайтов, и выбраны оптимальные пути адаптации сайта под большинство устройств.
В результате бакалаврской работы был спроектирован и разработан веб¬сайт, который отвечает всем требованиям организации и удовлетворяет все их пожелания.
Товар выставлен на сайте в виде карточек, содержащих информацию о товаре, его изображение и цену. Он рассортирован на определенные категории. На главной странице сайта выставляется сезонный товар, который постоянно будет обновляться.
Сайт работает быстро и без сбоев. Дизайн удобен и привлекателен. Простая поисковая система, поможет любому посетителю найти нужный ему товар. Удобная навигация не даст потенциальным клиентам заблудиться на сайте. Контент, содержащий как текстовую информацию, так и видеоматериал, создан для привлечения внимания новых посетителей сначала на сайт, а затем и в магазин. Веб-сайт работает автономно и не требует установки дополнительного софта.
В проектировании веб-сайта были использованы современные модули и технологии адаптивного дизайна, такие как flexbox и css grid. Страницы веб¬сайта адаптируются под любые устройства и гаджеты, поэтому пользователи получат одну и ту же информацию в удобном для каждого из них формате как с мобильных, так и со стационарных устройств.
Помощь студентам и аспирантам в выполнении работ от наших партнеров
