|
@@ -0,0 +1,134 @@
|
|
|
|
|
+ОТЧЁТ О ВЫПОЛНЕННОЙ РАБОТЕ
|
|
|
|
|
+по разработке веб-сайта
|
|
|
|
|
+ ОБЩИЕ СВЕДЕНИЯ
|
|
|
|
|
+Параметр
|
|
|
|
|
+Значение
|
|
|
|
|
+Владелец сайта
|
|
|
|
|
+Обухова Дарья Михайловна
|
|
|
|
|
+Ссылка на сайт
|
|
|
|
|
+http://doraobwv.beget.tech/
|
|
|
|
|
+Дата сдачи
|
|
|
|
|
+24 июня 2026 года
|
|
|
|
|
+Тип сайта
|
|
|
|
|
+Одностраничный лендинг (Landing Page)
|
|
|
|
|
+Тематика
|
|
|
|
|
+Игровой портал Minecraft
|
|
|
|
|
+ ДИЗАЙН И ВИЗУАЛЬНОЕ ОФОРМЛЕНИЕ
|
|
|
|
|
+Цветовая схема:
|
|
|
|
|
+Основной цвет: Розовый (#FF6B9D)
|
|
|
|
|
+Дополнительный: Фиолетовый (#C06CFF)
|
|
|
|
|
+Акцентный: Коралловый (#FF8FA3)
|
|
|
|
|
+Фон: Тёмно-фиолетовый градиент (#1a0b2e - #2d1b4e)
|
|
|
|
|
+Стилистические особенности:
|
|
|
|
|
+ Пиксельная эстетика в стиле Minecraft
|
|
|
|
|
+ Градиентные фоны с анимированными частицами
|
|
|
|
|
+ Сетка из пикселей (pixel grid)
|
|
|
|
|
+ Плавные анимации и переходы
|
|
|
|
|
+? Адаптивный дизайн для всех устройств
|
|
|
|
|
+ СТРУКТУРА САЙТА
|
|
|
|
|
+Сайт состоит из 8 основных секций:
|
|
|
|
|
+Главный экран (Hero)
|
|
|
|
|
+Заголовок: "СТРОЙ. ВЫЖИВАЙ. ТВОРИ."
|
|
|
|
|
+Призыв к действию
|
|
|
|
|
+Кнопки навигации
|
|
|
|
|
+Статистика
|
|
|
|
|
+300+ миллионов игроков
|
|
|
|
|
+800+ видов блоков
|
|
|
|
|
+70+ видов мобов
|
|
|
|
|
+115 достижений
|
|
|
|
|
+Режимы игры (интерактивные вкладки)
|
|
|
|
|
+Выживание
|
|
|
|
|
+Креатив
|
|
|
|
|
+Мультиплеер
|
|
|
|
|
+Герои (8 персонажей)
|
|
|
|
|
+Стив, Алекс, Крипер, Эндермен, Скелет, Зомби, Дракон Края, Свинка
|
|
|
|
|
+Биомы (6 типов)
|
|
|
|
|
+Лес, Пустыня, Снежная тайга, Океан, Нетер, Край
|
|
|
|
|
+Новости (3 последние новости)
|
|
|
|
|
+Обновление 1.21
|
|
|
|
|
+Новые биомы и мобы
|
|
|
|
|
+Улучшенная графика
|
|
|
|
|
+Достижения (6 интерактивных достижений)
|
|
|
|
|
+FAQ (часто задаваемые вопросы)
|
|
|
|
|
+Контакты
|
|
|
|
|
+Телефон: +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)
|
|
|
|
|
+ ОСОБЕННОСТИ РЕАЛИЗАЦИИ
|
|
|
|
|
+CSS-персонажи вместо изображений — все аватары героев созданы на чистом CSS с использованием градиентов
|
|
|
|
|
+CSS-биомы — фоны биомов реализованы через CSS-градиенты и паттерны
|
|
|
|
|
+SVG-иконки — все иконки встроены непосредственно в код (inline SVG)
|
|
|
|
|
+Анимированные частицы — фоновая анимация падающих частиц на JavaScript
|
|
|
|
|
+Счётчики — анимированная анимация чисел при скролле
|
|
|
|
|
+ РЕЗУЛЬТАТ
|
|
|
|
|
+Сайт полностью функционален и включает:
|
|
|
|
|
+ Привлекательный игровой дизайн в розово-фиолетовых тонах
|
|
|
|
|
+ Полную адаптивность под все устройства
|
|
|
|
|
+ Быструю загрузку (все ресурсы встроены)
|
|
|
|
|
+ Плавные анимации и интерактивность
|
|
|
|
|
+ Рабочие ссылки и кнопки
|
|
|
|
|
+ Функциональные контакты
|
|
|
|
|
+ Валидный HTML/CSS код
|
|
|
|
|
+ ХАРАКТЕРИСТИКИ ПРОЕКТА
|
|
|
|
|
+Параметр
|
|
|
|
|
+Значение
|
|
|
|
|
+Общий объём кода
|
|
|
|
|
+~1500 строк
|
|
|
|
|
+Количество секций
|
|
|
|
|
+9
|
|
|
|
|
+Интерактивных элементов
|
|
|
|
|
+15+
|
|
|
|
|
+Анимаций
|
|
|
|
|
+10+
|
|
|
|
|
+Точек останова (breakpoints)
|
|
|
|
|
+2 (768px, 480px)
|
|
|
|
|
+ ВЫПОЛНЕННЫЕ ЗАДАЧИ
|
|
|
|
|
+ Разработка уникального дизайна
|
|
|
|
|
+ Вёрстка адаптивного макета
|
|
|
|
|
+ Реализация интерактивных элементов
|
|
|
|
|
+ Оптимизация производительности
|
|
|
|
|
+ Тестирование кроссбраузерности
|
|
|
|
|
+ Публикация на хостинге
|
|
|
|
|
+ ИСПОЛНИТЕЛЬ
|
|
|
|
|
+Обухова Дарья Михайловна
|
|
|
|
|
+Дата составления отчёта: 24 июня 2026 года
|
|
|
|
|
+Статус проекта: ? ЗАВЕРШЁН И СДАН
|
|
|
|
|
+Сайт доступен по адресу: http://doraobwv.beget.tech/
|
