Разработка веб-сайта для создания дизайн-интерьеров «Pro Design» на базе ИП Терёшина г. Донской

1. Разработка веб-сайта для создания дизайн-интерьеров «Pro Design» на базе ИП Терёшина г.Донской Тульская область

Министерство образования Тульской области
Государственное профессиональное образовательное
Учреждение Тульской области
«Донской политехнический колледж»
Разработка веб-сайта для создания
дизайн-интерьеров «Pro Design»
на базе ИП Терёшина г.Донской
Тульская область
Выполнила студентка группы В-19-1: Косянчук А. К.
Преподаватель: Кузьмина А. С.
Донской, 2023

2.

Актуальность работы
Актуальность темы заключается в том, что на
сегодняшний день, интернет
стал
основным каналом привлечения клиентов и
наличие своего WEB-сайта даёт возможность
быть на шаг впереди от своих конкурентов.
05.08.20ГГ

3. Цель и задачи исследования

Цель и задачи
исследования
Изучение особенностей коммерческой деятельности
ИП Терешина
Создание технического задания
Составление структурной, функциональной съемы,
эскиза внешнего вида веб-сайта
Рассмотрение языков программирования,
используемых в Web технологиях;
Тестирование на кроссбраузерность Web – сайта
«ProDesign»;
Анализ работоспособности созданного Web – сайта
«ProDesign».

4.

Объект исследования
Студия дизайн-интерьера
«Pro Design».
05.08.20ГГ
Предмет исследования
Процесс создания и разработки
Web-сайта.

5. Разработка технического задания

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

6.

Выбор средств разработки
Figma
Создание
мудборда
Создание
прототипа
Создание
дизайна
Open Server
VS Code
Разметка сайта
HTML
Создание стилей
CSS
Создание
скриптов JS
Создание
запросов PHP
Локальный сервер
Редактирование
кода
Работа с СУБД
Хостинг сайта
Поддержка СУБД
Ответ пользователям
на запросы

7.

05.08.20ГГ
7

8. Разметка страниц

HTML — это язык разметки
гипертекстовых документов. Он нужен, чтобы
отображать в браузере специальным образом
отформатированный документ с множеством
вложенных элементов: заголовками, абзацами,
списками, гиперссылками, медиаисточниками,
расположением изображений, видео и аудио.
8

9. CSS стили

CSS – это язык описания внешнего вида
документов, файлы стилей CSS говорят браузеру,
что вот этот вот элемент (описанный HTML-тэгом)
должен иметь такой-то фон, такой-то шрифт и так
далее.
CSS используется в сочетании с HTML, разметкой
страницы, для того чтобы отображать содержимое
на веб-страницах в удобочитаемой и
привлекательной форме. Внешний вид и
форматирование контента с помощью CSS можно
задавать как для всего документа, так и для
отдельных элементов на странице.
ПРЕЗЕНТАЦИЯ ДЛЯ КОНФЕРЕНЦИИ
9

10. JavaScript

JavaScript – это язык программирования, который
используют разработчики для создания
интерактивных веб-страниц. Функции JavaScript
могут улучшить удобство взаимодействия
пользователя с веб-сайтом: от обновления ленты
новостей в социальных сетях и до отображения
анимации и интерактивных карт.
PHP
PHP — это серверный язык, то есть он
исполняется на сервере. Написанные на PHP
программы получают данные от
пользователей сайта, обрабатывают их,
взаимодействуют с базами данных, а затем
возвращают на сайт обработанную
информацию.
05.08.20ГГ

11. Загрузка сайта на хостинг

Хостинг — это услуга по хранению
сайта. Она нужна, чтобы пользователи
интернета могли посещать его
круглосуточно.

12.

Результат
05.08.20ГГ

13.

Заключение
Результатом дипломной работы стало создание webсайта для студии дизайна интерьера «ProDesign», чья
деятельность предполагает оказание услуг по
внутреннему оформлению квартир, коттеджей, а так
же создание дизайн проекта.
Разработанный web-сайт позволяет автоматизировать
процессы доступа к информационным ресурсам студии
через Интернет и информационный обмен между
студией и потенциальными клиентами.
Разработанный сайт доступен по ссылке:
http://a0819081.xsph.ru/