отчет сушенок.md 7.3 KB
{
🌸 Отчет о создании и работе сайта «NOWозыбков»
1. 📋 Общая информация о проекте
| Параметр | Описание |
|---|---|
| Название проекта | Сайт-портал города Новозыбкова «NOWозыбков» |
| Владелец проекта | Сушенок Анастасия Витальевна |
| Дата сдачи проекта | 22.06.2026 |
| Адрес сайта | http://nastasxo.beget.tech |
| Цель проекта | Создание современного, информативного и эстетически приятного сайта для жителей и гостей города Новозыбкова, объединяющего новости, афишу, справочную информацию и исторические факты. |
2. ⚙️ Технические характеристики
- Тип сайта: Статичный, одностраничный (лендинг/портал).
- Технологии:
- 🏗️ HTML5 & CSS3: Чистый код без тяжелых фреймворков.
- ⚡ JavaScript: Использован для интерактивности (анимация, счетчики, поиск, форма отзывов).
- Адаптивность: ✅ Корректное отображение на всех устройствах (Desktop, Tablet, Mobile).
- CMS: Не используется (ручная верстка для максимальной скорости загрузки).
- Хостинг: Beget.
3. 📋 Структура и содержание сайта
Сайт разработан как единая страница (Single Page Application стиль) с плавной навигацией по якорям.
📋 Основные блоки:
- 🔝 Шапка сайта:
- Логотип «NOWозыбков».
- Навигационное меню.
- 🔍 Строка поиска для фильтрации контента.
- 🖼️ Главный экран (Hero Section):
- Название и краткое описание.
- 👥 Счетчик посетителей и пользователей онлайн.
- ✨ Декоративные плавающие элементы.
- 🏛️ О городе: Краткая история и описание ключевых достопримечательностей.
- 📍 Главные места: 4 карточки достопримечательностей со ссылками на Wikipedia.
- 🎟️ Афиша: Карточки мероприятий с кнопками покупки билетов.
- 📰 Новости города: 6 актуальных новостей с ссылками на источники.
- 📜 История города: Хронологический список ключевых дат.
- 👤 Люди города: Биографии известных земляков со ссылками на статьи.
- 📞 Справочная служба: Контакты больниц, школ, администрации, МЧС, МФЦ.
- 🌤️ Погода: Виджет текущей температуры (Open-Meteo) + ссылка на Gismeteo.
- 💬 Отзывы: Форма отправки и блок опубликованных комментариев.
4. 🚀 Ключевые особенности и функционал
В ходе разработки были реализованы следующие интерактивные функции:
- ✨ Preloader Animation: Анимация загрузки с плавающими цветами при старте страницы.
- 📊 Счетчик статистики: Отображение количества посетителей за день (LocalStorage) и пользователей онлайн.
- 🔎 Живой поиск: Фильтрация карточек новостей, афиши и мест в реальном времени.
- ⬆️ Кнопка «Наверх: Появляется при скролле для быстрого возврата к началу.
- 🎈 Плавающие украшения: Анимированные иконки (цветы, сердца, звезды) на главном экране.
- 🔗 Интерактивные карточки: Все элементы кликабельны и ведут на внешние ресурсы.
- 🌦️ API Погоды: Интеграция с сервисом Open-Meteo для отображения актуальной погоды.
- 📝 Форма обратной связи: Возможность оставить отзыв о городе.
5. 🎨 Дизайн и визуальное оформление
- 🎨 Цветовая гамма: Нежные розовые тона (
Soft Pink), создающие современный и уютный образ. - 📐 Стиль: Минимализм. Акцент на чистоте линий, округлых углах (
border-radius) и легких тенях (box-shadow). - 😀 Иконографика: Использование стандартных эмодзи для быстрой загрузки и универсальности.
- 🌌 Фон: Градиентный фон главного экрана с динамическими декоративными элементами.
6. 📅 Этапы работы над проектом
- 💡 Брифование: Определение ЦА, структуры и функционала.
- 💻 Кодинг: Написание HTML-разметки, CSS-стилей и JS-логики.
- 📝 Контент: Сбор, проверка и верстка информации о Новозыбкове.
- 🧪 Тестирование: Проверка адаптивности, кроссбраузерности и рабочих ссылок.
- 🛠️ Отладка: Исправление ошибок, замена фейковых новостей на реальные.
- ✨ Финализация: Полировка UI, добавление анимаций, настройка виджетов.
- 🚀 Публикация: Деплой на хостинг Beget.
7. ✅ Заключение
В результате проделанной работы создан полноценный, информативный и визуально привлекательный сайт-портал «NOWозыбков».
Проект успешно реализован в срок (22.06.2026) и полностью соответствует поставленным задачам. Сайт готов к использованию и представляет собой удобную площадку для информирования жителей и гостей города Новозыбкова.}