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