|
|
@@ -1,77 +0,0 @@
|
|
|
-# Отчёт по созданию интернет-сайта
|
|
|
-
|
|
|
-**Студент:** Чернявский Илья Дмитриевич
|
|
|
-**Дата:** 10.06.2026
|
|
|
-
|
|
|
----
|
|
|
-
|
|
|
-## 1. Что сделано
|
|
|
-
|
|
|
-Создал сайт-портфолио «Илья Чернявский — Аренда авто в Климово».
|
|
|
-
|
|
|
-Файл один — index.html, внутри вся вёрстка, стили и скрипты.
|
|
|
-
|
|
|
-**Что есть на сайте:**
|
|
|
-
|
|
|
-- Главная страница с описанием услуг
|
|
|
-- Автопарк из 10 машин
|
|
|
-- Игры (рулетка и мины) — за них даю бонусы
|
|
|
-- Форма бронирования авто
|
|
|
-- Документы и правила
|
|
|
-- Отзывы с рейтингом
|
|
|
-
|
|
|
-**Бонусная система:**
|
|
|
-
|
|
|
-Стартовые 200 бонусов, каждый день +100, за отзыв +50, по промокодам от 200 до 700. Бонусы хранятся в LocalStorage.
|
|
|
-
|
|
|
-Всё работает без перезагрузки страницы — сделал как SPA.
|
|
|
-
|
|
|
----
|
|
|
-
|
|
|
-## 2. Как использовал Qwen
|
|
|
-
|
|
|
-Qwen мне очень помог, без него делал бы намного дольше.
|
|
|
-
|
|
|
-**Что я просил и что получил:**
|
|
|
-
|
|
|
-**1. HTML.** Попросил Qwen сделать сайт-портфолио для аренды авто с тёмным дизайном, карточками машин и адаптивом. Он выдал базовую структуру с шапкой, контейнерами и сеткой.
|
|
|
-
|
|
|
-**2. CSS.** Qwen предложил тёмную тему с оранжевыми акцентами, эффекты размытия, анимации при наведении. Я взял его стили и подправил цвета под себя.
|
|
|
-
|
|
|
-**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, а сколько я:**
|
|
|
-
|
|
|
-Qwen написал примерно 90% кода. Я только подправил цвета и отступы, исправил пару багов (рулетка не туда останавливалась), заменил ссылки на картинки и загрузил всё на хостинг.
|
|
|
-
|
|
|
----
|
|
|
-
|
|
|
-## 4. Итог
|
|
|
-
|
|
|
-Сайт готов, работает на хостинге Beget. Почти весь код написан с помощью Qwen.
|
|
|
-
|
|
|
-**Хостинг:** Beget
|
|
|
-**Адрес сайта:** http://informe6.beget.tech/
|
|
|
-
|
|
|
-**Адрес сайта Qwen:** https://qwen.ai/
|
