Отчёт Обуховой.md 6.1 KB
ОТЧЁТ О ВЫПОЛНЕННОЙ РАБОТЕ по разработке веб-сайта ОБЩИЕ СВЕДЕНИЯ Параметр Значение Владелец сайта Обухова Дарья Михайловна Ссылка на сайт 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/