|
|
@@ -0,0 +1,72 @@
|
|
|
+
|
|
|
+ ОТЧЁТ ПО СОЗДАНИЮ ИНТЕРНЕТ-САЙТА
|
|
|
+
|
|
|
+ Студент: Чернявский Илья Дмитриевич
|
|
|
+ Дата: 10.06.2026
|
|
|
+
|
|
|
+1. ЧТО СДЕЛАНО
|
|
|
+
|
|
|
+Создан сайт-портфолио "Илья Чернявский
|
|
|
+Аренда авто в Климово".
|
|
|
+
|
|
|
+Файл: index.html (один файл, внутри вся вёрстка, стили и скрипты).
|
|
|
+
|
|
|
+Функционал сайта:
|
|
|
+- Главная страница с описанием услуг
|
|
|
+- Автопарк из 10 машин
|
|
|
+- Игры (рулетка и мины) для получения бонусов
|
|
|
+- Форма бронирования авто
|
|
|
+- Документы и правила
|
|
|
+- Отзывы с рейтингом
|
|
|
+
|
|
|
+Бонусная система: стартовые 200 бонусов, +100 ежедневно, +50 за отзыв, +200-700 по промокодам. Бонусы хранятся в LocalStorage.
|
|
|
+
|
|
|
+Всё работает без перезагрузки страницы (SPA-механизм).
|
|
|
+
|
|
|
+
|
|
|
+2. КАК ИСПОЛЬЗОВАЛ QWEN
|
|
|
+
|
|
|
+Qwen использовался на всех этапах создания сайта:
|
|
|
+
|
|
|
+1. Генерация структуры HTML. Я попросил Qwen: "Сделай сайт-портфолио для аренды авто с тёмным дизайном, карточками машин, адаптивом". Он выдал базовую структуру с header, контейнерами и сеткой.
|
|
|
+
|
|
|
+2. Написание CSS. Qwen предложил тёмную тему с оранжевыми акцентами, эффекты blur, hover-анимации. Я скопировал стили и подправил цвета под себя.
|
|
|
+
|
|
|
+3. Создание рулетки. Я сказал Qwen: "Сделай canvas рулетку с разными призами, с весами (шансами), анимацией вращения". Он написал функцию spinWheel(), сектора с весами, анимацию через requestAnimationFrame.
|
|
|
+
|
|
|
+4. Создание игры "Мина". Запрос: "Сделай игру мины 4x4, ставка бонусами, множитель растёт с каждой безопасной ячейкой, кнопка забрать выигрыш". Qwen сгенерировал логику с рандомной расстановкой 4 мин, подсчёт множителя, кэшаут.
|
|
|
+
|
|
|
+5. LocalStorage для бонусов. Попросил: "Сделай сохранение баланса, ежедневный бонус, промокоды чтобы активировались один раз". Qwen написал функции loadBalance(), saveBalance(), dailyBonus(), activatePromo().
|
|
|
+
|
|
|
+6. Форма бронирования с динамическим расчётом. Запрос: "Сделай форму аренды: выбор машины, дни, списание бонусов, показ итоговой цены". Он сделал updatePricePreview() и handleRent().
|
|
|
+
|
|
|
+7. Отзывы со звёздами. Запрос: "Сделай блок отзывов с формой добавления, рейтинг 5 звёзд, за отзыв давать +50 бонусов". Qwen сделал звёзды с подсветкой при клике, добавление отзыва в начало списка.
|
|
|
+
|
|
|
+8. Исправление багов. Когда рулетка неправильно останавливалась, я спросил Qwen: "Почему рулетка останавливается не на том секторе?" Он объяснил про формулу расчёта угла и я поправил код.
|
|
|
+
|
|
|
+
|
|
|
+3. ТЕХНОЛОГИИ КОТОРЫЕ ИСПОЛЬЗОВАЛ
|
|
|
+
|
|
|
+Технология Как использовал
|
|
|
+ HTML Qwen сгенерировал структуру, я добавил свои блоки
|
|
|
+ CSS Qwen написал стили (тёмная тема, адаптив, анимации)
|
|
|
+ JavaScript Qwen написал всю логику: рулетка, мины, бонусы, отзывы
|
|
|
+ Canvas Qwen сделал отрисовку колеса рулетки и анимацию вращения
|
|
|
+ LocalStorage Qwen реализовал сохранение баланса, промокодов, ежедневки
|
|
|
+ Хостинг Beget Я сам зарегистрировался и загрузил файл через FTP
|
|
|
+
|
|
|
+Qwen написал примерно 90% кода. Я только:
|
|
|
+- подправил цвета и отступы
|
|
|
+- исправил пару багов (рулетка не туда останавливалась)
|
|
|
+- заменил ссылки на картинки
|
|
|
+- загрузил на хостинг
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ИТОГ
|
|
|
+
|
|
|
+Сайт готов, работает на хостинге Beget. Код написан с помощью Qwen.
|
|
|
+Хостинг: Beget
|
|
|
+Адрес сайта: http://informe6.beget.tech/
|
|
|
+
|
|
|
+
|
