Разработка веб-приложения «Экскурсии по Москве» «Веб-технологии»

1. РАЗРАБОТКА ВЕБ-ПРИЛОЖЕНИЯ «ЭКСКУРСИИ ПО МОСКВЕ» «Веб-технологии»

Государственное бюджетное образовательное учреждение дополнительного
образования города Москвы «Дворец творчества детей и молодежи имени
А.П.Гайдара»
РАЗРАБОТКА ВЕБ-ПРИЛОЖЕНИЯ
«ЭКСКУРСИИ ПО МОСКВЕ»
«Веб-технологии»
Автор проекта:
Твердохлебов Глеб Романович
Руководитель проекта:
Седова Виктория Александровна
Москва 2025

2. Основная идея проекта

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

3. Цель проекта

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

4. Задачи проекта

• Изучить язык гипертекстовой разметки HTML
• Изучить каскадные таблицы стилей CSS
• Изучить рынок предоставляемых услуг: как организуются
экскурсии по Москве
• Закрепить навыки по созданию Web-страниц
• Подобрать необходимую для сайта информацию
• Научиться создавать дизайн сайта

5. Для реализации проекта использовались следующие программы и технологии:

• Visual Studio Code
• Figma
• Replit
• HTML5
• CSS3

6. Представление проекта

Во время работы над
внешним видом вебприложения использовался
онлайн сервис для
разработки интерфейсов и
прототипирования Figma

7. Представление проекта

Для программной
реализации вебприложения использовался
редактор исходного кода
Visual Studio Code.
Для описания внешнего
вида сайта использовались
HTML и CSS.

8. Представление проекта

9. Представление проекта

На сайте также есть возможность проверить свои знания в онлайнвикторине.

10. Представление проекта

11. Представление проекта

12. Представление проекта

13. Представление проекта

Replit - онлайн-платформа
для разработки
программного обеспечения
и хостинга приложений. Она
предоставляет
пользователям возможность
создавать и запускать
приложения на различных
языках программирования
https://c318cff4-1539-4400-81b2-4f04ddb6c2d4-00-28vpfg1nqzpcd.pike.replit.dev/

14. Выводы

• В процессе работы над проектом были получены теоретические
знания и практические навыки работы в таких программах как
Figma, Visual Studio Code, Replit.
• Были разработаны макеты страниц.
• Были разработаны необходимые страницы сайта, разработана
викторина с проверкой правильных ответов.