Презентация

1. «Сайт-визитка компании «Гурман»»

государственное бюджетное профессиональное образовательное учреждение
«Пермский политехнический колледж имени Н.Г. Славянова»
ДИПЛОМНЫЙ ПРОЕКТ
«Сайт-визитка компании «Гурман»»
Пермь, 2024
Пермяков Данил Викторович
CА-20

2.

Тема выступления
Введение
Разработал: Пермяков Данил
Нормоконтроль: Вепрева
Викторович
Светлана Владимировна
Руководитель: Быстров Никита
Утвердила: Кадочникова
Олегович
Наталья Владимировна
Пермяков Данил Викторович

3.

Тема выступления
Цели и задачи
Целью данного дипломного проекта является исследование,
разработка и реализация сайта-визитки для предприятия "Гурман",
направленная на создание уникального и привлекательного
онлайн-пространства, способного эффективно представить бренд.
Пермяков Данил Викторович

4.

Тема выступления
Цели и задачи
Задачи:
Изучение основных принципов и требований к
созданию сайта-визитки.
Определение целевой аудитории и ее
потребностей для сайта-визитки.
Разработка дизайна и структуры сайта-визитки
специализированных инструментов.
Верстка и программирование сайта-визитки
Создание контента для сайта-визитки
Проведение тестирования сайта-визитки
Пермяков Данил Викторович

5.

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

6.

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

7.

Тема выступления
Изучение специфики
Далее нами были проанализированы сайты конкурентов для лучшего понимания
специфики создания веб-ресурса. После были выделены некоторые общие факторы:
• Преобладание светлых оттенков цвета
• Список товаров расположен на главной странице
• Минималистичный дизайн
Пермяков Данил Викторович

8.

Тема выступления
Общие сведения
Далее, мы приступили к выбору программного обеспечения и языка для
программирования. И на основе множества рекомендаций был выбран Visual
Studio Code, как самый популярный редактор кода. В качестве языка
программирования были выбраны: HTML, JS и CSS.
Пермяков Данил Викторович

9.

Тема выступления
Физическая схема
Логическая схема
Главная
Категории
Контакты
Ассортименты
Страницы
Розыгрыш
Услуги
Сделать заказ
Главная страница
index.html
О компании
about.html
Новостная страница
blog.html
Страница розыгрыша
blog-post.html
Страница с контактами
contact.html
Страница с ассортиментом
menu.html
Страница с услугами
service.html
Страница для оформления shop-single.html
заказа
Пермяков Данил Викторович

10.

Тема выступления
Дизайн
Мы с заказчиком согласовали
некоторые изображения для
наполнения сайта контентом.
Пермяков Данил Викторович

11.

Тема выступления
Главная страница
Примеры главной страницы
Пермяков Данил Викторович

12.

Тема выступления
Таблица подключений
Пример страницы ассортимента
Пермяков Данил Викторович

13.

Тема выступления
Таблица подключений
Пример страницы ассортимента
Пермяков Данил Викторович

14.

Тема выступления
Таблица подключений
Пример страницы услуг
Пермяков Данил Викторович

15.

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

16.

Тема выступления
Заключение
В заключении, мы выполнили требования заказчика и создали сайт,
который поможет развиваться бренду в веб пространстве. В перспективе,
сайт всегда может развиваться и наполняться новым контентом.
Пермяков Данил Викторович

17.

Тема выступления
Использованные материалы
HTML5 для профессионалов. – М.: Вильямс, 2018.
Изучаем HTML, XHTML и CSS. - Эрик и Элизабет Фримен, 2019
HTML5 + CSS3. Основы современного WEB-дизайна. - Кириченко А.В. и Хрусталев А.А., 2017
Справочник HTML. Кратко, быстро, под рукой». - Дубовик Е.В. и Кириченко А.В., 2019
HTML 5 для профессионалов. - П. Лабберс, 2018
Рецепты программирования. - Кристофер Шмитт, Кайл Симпсон, 2012
Пермяков Данил Викторович

18.

Тема выступления
Заключительный слайд
Спасибо за внимание!
Пермяков Данил Викторович