Создание сайта магазина цветов

Содержание:

ВВЕДЕНИЕ

«Ромашка» – один из множества магазинов цветов страны. На протяжении почти много времени магазин продал уже множество разнообразных букетов цветов. На сегодняшний день в нашу компанию входят 19 магазинов по Москве и московской области (Щелково, Малаховка, Ивантеевка, Балашиха, Красногорск, Одинцово, Зеленоград, Солнечногорск, Жуковский) и большой оптовый склад в центре Москвы. Вот уже 14 лет дарим ароматно-букетное счастье, любуемся сиянием очарованных глаз наших клиентов и помогаем воплощать в жизнь самые смелые, самые светлые и многообещающие мечты в реальность.

Цель работы

Создание сайта магазина цветов

Задачи, которые необходимо выполнить:

1. Изучение и выбор способа создания сайта;
2. Проработать дизайн;
3. Создать сайт;
4. Наполнить сайт контентом.

Глава 1. Технико-экономическая характеристика предметной области и предприятия

• 1. Характеристика предприятия и его деятельности

Вот уже 14 лет мы дарим ароматно-букетное счастье, любуемся сиянием очарованных глаз наших клиентов и помогаем воплощать в жизнь самые смелые, самые светлые и многообещающие мечты в реальность.

Мы стремительно развивающаяся компания. У нас 19 розничных магазинов в Москве и Подмосковье, работает Интернет-магазин, занимаемся крупными и мелкими оптовыми продажами, проводим мастер-классы, оформляем мероприятия и праздники, доставляем подарки и различные аксессуары. Наша команда состоит из молодых и ярких сотрудников, которые никогда не оставят Вас без внимания, мы всегда поможем и проконсультируем Вас по любые интересующие вопросы.

В нашем каталоге Вы найдете букет или композицию для любого, даже самого уникального, жизненного случая по самым приятным ценам. Наши консультанты с удовольствием помогут Вам подобрать вариант для вашей конкретной ситуации, если вы теряетесь в выборе из нашего многообразного количества композиций. У нас вы найдете как простые варианты из скромных и нежных цветов детства, так и пышные букеты из роскошных цветов, достойных королевы или короля.

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

Мы использует особенную уникальную упаковку для доставки — поэтому мы гарантируем здоровье и великолепный внешний вид всем цветам из нашего магазина!

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

• 1. Изучение и выбор способа создания сайта

Для создания сайта был выбран язык программирования PHP. Работа выполнялась в Notepad++

PHP — скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.

• 1. Выбор концепта внешнего вида и дизайна сайта

Как наиболее понятный и простой в использовании и исполнении был

выбран дизайн с шапкой вверху страницы, в которую будет входить:

• Логотип
• Меню

Под шапкой будет располагаться Заголовок страницы. Он поможет пользователям быстро сориентироваться, что это за страница, чтобы немедленно приступить к изучению интересующей его информации.

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

Пример типовой страницы сайта представлен на Рисунке 1.1

Примерный макет страницы сайта

Телефон связи

Шапка-меню

Логотип

Название раздела

Контент

Логотип – это логотип компании. Располагается в шапке.

Шапка- меню – кнопки-ссылки для перехода по разделам.

Название раздела – название текущего раздела крупным шрифтом.

Рисунок 1.1: Примерный концепт внешнего вида типовой страницы сайта

Логотип – это логотип компании. Располагается в шапке.

Шапка- меню – кнопки-ссылки для перехода по разделам.

Название раздела – название текущего раздела крупным шрифтом.

Контент – может содержать текст, картинки, таблицы и т.д., соответствующие тематике раздела.

Глава 2. Информационное обеспечение задачи

• 1. Способ кодировки сайта

Для создания сайта был выбран язык программирования PHP.

Работа выполнялась в Notepad++

PHP (англ. PHP: Hypertext Preprocessor — «PHP: препроцессор гипертекста»; первоначально Personal Home Page Tools — «Инструменты для создания персональных веб-страниц») — скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.

Notepad++ — свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки, а также языков описания аппаратуры VHDL и Verilog. Базируется на компоненте Scintilla, написан на C++ с использованием STL, а также Windows API и распространяется под лицензией GNU General Public License. Базовая функциональность программы может быть расширена как за счёт плагинов, так и сторонних модулей, таких как компиляторы и препроцессоры.

Глава 3. Программное обеспечение задачи

3.1 Общие положения (дерево функций и сценарий диалога)

Результат таблицы 1

Главная

Результат таблицы 2

Результат таблицы 3

Прайс лист

Результат таблицы 4

Контакты

Результат таблицы 5

Результат таблицы 6

Заказ

Результат таблицы 7

Форма

Глава 4. Контрольный пример реализации и его описание

Создание шапки всех страниц «header.php» (Рисунок 4.1). Он включает в себя настройки кодировки всех страниц и таблицe стилей «Kss.css»

Рисунок 4.1: код элемента «header.php»

Сам файл таблицы стилей «Kss.css» изображен на Рисунке 4.2.

Рисунок 4.2: файл css «Kss.css».

Создание контента заглавной страницы «main1.php» (Рисунок 4.3).

Рисунок 4.3: код элемента заглавной страницы «main.php»

Как выглядит первая страница сайта в сборе изображено на Рисунке 4.4.

Рисунок 4.4: Главная страница сайта.

По схожему принципу созданы и остальные страницы сайта.

Страница «Прайс лист» с таблицей изображена на Рисунке 4.5.

Рисунок 4.5: страница «Прайс лист» с таблицей «Прайс-лист»

Страница «Контакты» с таблицей изображена на Рисунке 4.6.

Рисунок 4.6: страница «История»

Страница «Заказ» с Формой заказа изображена на Рисунке 4.7.

Рисунок 4.7: страница «Заказ» с Формой заказа.

Таким образом отдельные элементы собираются в полноценную WEB-страницу. Ссылки в меню настроены на переход между собирающими файлами «index.php» - «index4.php». Рисунок 4.8

Рисунок 4.8: собирающий файл «index.php»

ЗАКЛЮЧЕНИЕ

Разработка сайта Магазина цветов «Ромашка» выполнена в полном объеме. Теперь поклонники цветочной продукции могут смотреть богатый список выбора и заказывать их себе на дом.

В ходе курсовой работы были произведены:

1. Анализ предметной области для выбора наилучшего решения;
2. Разработаны концепция и дизайн WEB-сайта;
3. Разработан полностью работоспособный WEB-сайта.

Таким образом, цели работы выполнены в полном объеме.

СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ

http://htmlbook.ru/html

https://habr.com/ru/post/275729/

https://ru.wikipedia.org/wiki/Notepad%2B%2B

http://htmlbook.ru/samhtml/izobrazheniya/izmenenie-razmerov-risunka

ПРИЛОЖЕНИЕ

Приложение – Сайт Магазина цветов «Ромашка»

Код сайта: