|
@@ -0,0 +1,191 @@
|
|
|
|
|
+Отлично! Создам профессиональный отчет о проделанной работе.
|
|
|
|
|
+
|
|
|
|
|
+---
|
|
|
|
|
+
|
|
|
|
|
+# 📋 ОТЧЁТ О ВЫПОЛНЕННОЙ РАБОТЕ
|
|
|
|
|
+
|
|
|
|
|
+## по разработке веб-сайта
|
|
|
|
|
+
|
|
|
|
|
+---
|
|
|
|
|
+
|
|
|
|
|
+### 📌 ОБЩИЕ СВЕДЕНИЯ
|
|
|
|
|
+
|
|
|
|
|
+| **Параметр** | **Значение** |
|
|
|
|
|
+|--------------|--------------|
|
|
|
|
|
+| **Владелец сайта** | Обухова Дарья Михайловна |
|
|
|
|
|
+| **Ссылка на сайт** | http://doraobwv.beget.tech/ |
|
|
|
|
|
+| **Дата сдачи** | 24 июня 2026 года |
|
|
|
|
|
+| **Тип сайта** | Одностраничный лендинг (Landing Page) |
|
|
|
|
|
+| **Тематика** | Игровой портал Minecraft |
|
|
|
|
|
+
|
|
|
|
|
+---
|
|
|
|
|
+
|
|
|
|
|
+### 🎨 ДИЗАЙН И ВИЗУАЛЬНОЕ ОФОРМЛЕНИЕ
|
|
|
|
|
+
|
|
|
|
|
+**Цветовая схема:**
|
|
|
|
|
+- Основной цвет: Розовый (#FF6B9D)
|
|
|
|
|
+- Дополнительный: Фиолетовый (#C06CFF)
|
|
|
|
|
+- Акцентный: Коралловый (#FF8FA3)
|
|
|
|
|
+- Фон: Тёмно-фиолетовый градиент (#1a0b2e - #2d1b4e)
|
|
|
|
|
+
|
|
|
|
|
+**Стилистические особенности:**
|
|
|
|
|
+- ✅ Пиксельная эстетика в стиле Minecraft
|
|
|
|
|
+- ✅ Градиентные фоны с анимированными частицами
|
|
|
|
|
+- ✅ Сетка из пикселей (pixel grid)
|
|
|
|
|
+- ✅ Плавные анимации и переходы
|
|
|
|
|
+- ✅ Адаптивный дизайн для всех устройств
|
|
|
|
|
+
|
|
|
|
|
+---
|
|
|
|
|
+
|
|
|
|
|
+### 📐 СТРУКТУРА САЙТА
|
|
|
|
|
+
|
|
|
|
|
+Сайт состоит из **8 основных секций**:
|
|
|
|
|
+
|
|
|
|
|
+1. **Главный экран (Hero)**
|
|
|
|
|
+ - Заголовок: "СТРОЙ. ВЫЖИВАЙ. ТВОРИ."
|
|
|
|
|
+ - Призыв к действию
|
|
|
|
|
+ - Кнопки навигации
|
|
|
|
|
+
|
|
|
|
|
+2. **Статистика**
|
|
|
|
|
+ - 300+ миллионов игроков
|
|
|
|
|
+ - 800+ видов блоков
|
|
|
|
|
+ - 70+ видов мобов
|
|
|
|
|
+ - 115 достижений
|
|
|
|
|
+
|
|
|
|
|
+3. **Режимы игры** (интерактивные вкладки)
|
|
|
|
|
+ - Выживание
|
|
|
|
|
+ - Креатив
|
|
|
|
|
+ - Мультиплеер
|
|
|
|
|
+
|
|
|
|
|
+4. **Герои** (8 персонажей)
|
|
|
|
|
+ - Стив, Алекс, Крипер, Эндермен, Скелет, Зомби, Дракон Края, Свинка
|
|
|
|
|
+
|
|
|
|
|
+5. **Биомы** (6 типов)
|
|
|
|
|
+ - Лес, Пустыня, Снежная тайга, Океан, Нетер, Край
|
|
|
|
|
+
|
|
|
|
|
+6. **Новости** (3 последние новости)
|
|
|
|
|
+ - Обновление 1.21
|
|
|
|
|
+ - Новые биомы и мобы
|
|
|
|
|
+ - Улучшенная графика
|
|
|
|
|
+
|
|
|
|
|
+7. **Достижения** (6 интерактивных достижений)
|
|
|
|
|
+
|
|
|
|
|
+8. **FAQ** (часто задаваемые вопросы)
|
|
|
|
|
+
|
|
|
|
|
+9. **Контакты**
|
|
|
|
|
+ - Телефон: +7 (950) 696-71-85
|
|
|
|
|
+ - Кнопки звонка и копирования номера
|
|
|
|
|
+
|
|
|
|
|
+---
|
|
|
|
|
+
|
|
|
|
|
+### ⚙️ ФУНКЦИОНАЛЬНОСТЬ
|
|
|
|
|
+
|
|
|
|
|
+**Интерактивные элементы:**
|
|
|
|
|
+
|
|
|
|
|
+| **Элемент** | **Описание** |
|
|
|
|
|
+|-------------|--------------|
|
|
|
|
|
+| ️ Вкладки режимов | Переключение между Survival/Creative/Multiplayer |
|
|
|
|
|
+| 🏆 Достижения | Клик для разблокировки/блокировки |
|
|
|
|
|
+| ❓ FAQ | Аккордеон с раскрывающимися ответами |
|
|
|
|
|
+| 📱 Кнопка звонка | Прямой вызов по клику (tel:+79506967185) |
|
|
|
|
|
+| 📋 Копирование | Копирование номера телефона в буфер обмена |
|
|
|
|
|
+| ⬆️ Кнопка "Наверх" | Плавная прокрутка к началу страницы |
|
|
|
|
|
+| 🎬 Анимации | Анимированные счётчики, частицы, появление элементов |
|
|
|
|
|
+
|
|
|
|
|
+**Технические особенности:**
|
|
|
|
|
+- ✅ Плавная навигация по якорям
|
|
|
|
|
+- ✅ Анимация при скролле (fade-in-up)
|
|
|
|
|
+- ✅ Адаптивная вёрстка (mobile-first)
|
|
|
|
|
+- ✅ Оптимизированная производительность
|
|
|
|
|
+- ✅ Встроенные SVG-иконки (без внешних зависимостей)
|
|
|
|
|
+- ✅ CSS-графика для персонажей и биомов
|
|
|
|
|
+
|
|
|
|
|
+---
|
|
|
|
|
+
|
|
|
|
|
+### 💻 ТЕХНОЛОГИИ
|
|
|
|
|
+
|
|
|
|
|
+**Frontend:**
|
|
|
|
|
+- HTML5 (семантическая вёрстка)
|
|
|
|
|
+- CSS3 (CSS Grid, Flexbox, анимации, градиенты)
|
|
|
|
|
+- JavaScript (vanilla JS, без библиотек)
|
|
|
|
|
+- Google Fonts (Press Start 2P, VT323)
|
|
|
|
|
+
|
|
|
|
|
+**Хостинг:**
|
|
|
|
|
+- Провайдер: Beget.tech
|
|
|
|
|
+- Протокол: HTTP
|
|
|
|
|
+
|
|
|
|
|
+---
|
|
|
|
|
+
|
|
|
|
|
+### 📱 АДАПТИВНОСТЬ
|
|
|
|
|
+
|
|
|
|
|
+Сайт корректно отображается на:
|
|
|
|
|
+- ✅ Десктопах (1920px и выше)
|
|
|
|
|
+- ✅ Планшетах (768px - 1024px)
|
|
|
|
|
+- ✅ Мобильных устройствах (320px - 767px)
|
|
|
|
|
+
|
|
|
|
|
+---
|
|
|
|
|
+
|
|
|
|
|
+### 🎯 ОСОБЕННОСТИ РЕАЛИЗАЦИИ
|
|
|
|
|
+
|
|
|
|
|
+1. **CSS-персонажи вместо изображений** — все аватары героев созданы на чистом CSS с использованием градиентов
|
|
|
|
|
+2. **CSS-биомы** — фоны биомов реализованы через CSS-градиенты и паттерны
|
|
|
|
|
+3. **SVG-иконки** — все иконки встроены непосредственно в код (inline SVG)
|
|
|
|
|
+4. **Анимированные частицы** — фоновая анимация падающих частиц на JavaScript
|
|
|
|
|
+5. **Счётчики** — анимированная анимация чисел при скролле
|
|
|
|
|
+
|
|
|
|
|
+---
|
|
|
|
|
+
|
|
|
|
|
+### ✅ РЕЗУЛЬТАТ
|
|
|
|
|
+
|
|
|
|
|
+**Сайт полностью функционален и включает:**
|
|
|
|
|
+
|
|
|
|
|
+- 🎮 Привлекательный игровой дизайн в розово-фиолетовых тонах
|
|
|
|
|
+- 📱 Полную адаптивность под все устройства
|
|
|
|
|
+- ⚡ Быструю загрузку (все ресурсы встроены)
|
|
|
|
|
+- 🎬 Плавные анимации и интерактивность
|
|
|
|
|
+- 🔗 Рабочие ссылки и кнопки
|
|
|
|
|
+- 📞 Функциональные контакты
|
|
|
|
|
+- 💯 Валидный HTML/CSS код
|
|
|
|
|
+
|
|
|
|
|
+---
|
|
|
|
|
+
|
|
|
|
|
+### 📊 ХАРАКТЕРИСТИКИ ПРОЕКТА
|
|
|
|
|
+
|
|
|
|
|
+| **Параметр** | **Значение** |
|
|
|
|
|
+|--------------|--------------|
|
|
|
|
|
+| Общий объём кода | ~1500 строк |
|
|
|
|
|
+| Количество секций | 9 |
|
|
|
|
|
+| Интерактивных элементов | 15+ |
|
|
|
|
|
+| Анимаций | 10+ |
|
|
|
|
|
+| Точек останова (breakpoints) | 2 (768px, 480px) |
|
|
|
|
|
+
|
|
|
|
|
+---
|
|
|
|
|
+
|
|
|
|
|
+### 🎓 ВЫПОЛНЕННЫЕ ЗАДАЧИ
|
|
|
|
|
+
|
|
|
|
|
+- ✅ Разработка уникального дизайна
|
|
|
|
|
+- ✅ Вёрстка адаптивного макета
|
|
|
|
|
+- ✅ Реализация интерактивных элементов
|
|
|
|
|
+- ✅ Оптимизация производительности
|
|
|
|
|
+- ✅ Тестирование кроссбраузерности
|
|
|
|
|
+- ✅ Публикация на хостинге
|
|
|
|
|
+
|
|
|
|
|
+---
|
|
|
|
|
+
|
|
|
|
|
+### 👤 ИСПОЛНИТЕЛЬ
|
|
|
|
|
+
|
|
|
|
|
+**Обухова Дарья Михайловна**
|
|
|
|
|
+
|
|
|
|
|
+---
|
|
|
|
|
+
|
|
|
|
|
+**Дата составления отчёта:** 24 июня 2026 года
|
|
|
|
|
+
|
|
|
|
|
+**Статус проекта:** ✅ **ЗАВЕРШЁН И СДАН**
|
|
|
|
|
+
|
|
|
|
|
+---
|
|
|
|
|
+
|
|
|
|
|
+*Сайт доступен по адресу: http://doraobwv.beget.tech/*
|
|
|
|
|
+
|
|
|
|
|
+---
|
|
|
|
|
+
|
|
|
|
|
+Если нужно что-то добавить или изменить в отчёте — дайте знать! 📝
|
