|
|
@@ -0,0 +1,90 @@
|
|
|
+Отчет о создании и работе сайта «NOWозыбков»
|
|
|
+1. Общая информация о проекте
|
|
|
+Параметр Описание
|
|
|
+Название проекта Сайт-портал города Новозыбкова «NOWозыбков»
|
|
|
+Владелец проекта Сушенок Анастасия Витальевна
|
|
|
+Дата сдачи проекта 23.06.2026
|
|
|
+Адрес сайта в интернете http://nastasxo.beget.tech
|
|
|
+Цель проекта Создание современного, информативного и эстетически приятного сайта для жителей и гостей города Новозыбкова, объединяющего в себе новости, афишу, справочную информацию и исторические факты.
|
|
|
+2. Технические характеристики
|
|
|
+Тип сайта: Статичный, одностраничный (лендинг/портал).
|
|
|
+
|
|
|
+Технологии: Чистый HTML5 и CSS3. Для обеспечения интерактивности (анимация, счетчики, поиск, форма отзывов) использован язык JavaScript.
|
|
|
+
|
|
|
+Адаптивность: Сайт корректно отображается на всех типах устройств: от настольных компьютеров до мобильных телефонов.
|
|
|
+
|
|
|
+Система управления (CMS): Не используется. Весь контент представлен в виде кода, что обеспечивает высокую скорость загрузки.
|
|
|
+
|
|
|
+Хостинг: Размещен на хостинге Beget.
|
|
|
+
|
|
|
+3. Структура и содержание сайта
|
|
|
+Сайт разработан как единая страница с плавной навигацией по разделам.
|
|
|
+
|
|
|
+Шапка сайта: Содержит название портала «NOWозыбков» и навигационное меню для быстрого перехода к разделам. Для удобства поиска информации в шапку интегрирована строка поиска.
|
|
|
+
|
|
|
+Главный экран: Визуально выделенный блок с названием, кратким описанием, счетчиком посетителей и количеством пользователей онлайн.
|
|
|
+
|
|
|
+О городе: Блок с краткой историей и описанием Новозыбкова, включая упоминание ключевых достопримечательностей.
|
|
|
+
|
|
|
+Главные места: Карточки с описанием 4-х ключевых достопримечательностей города, каждая из которых является кликабельной ссылкой на страницу в Википедии.
|
|
|
+
|
|
|
+Афиша: Карточки с актуальными мероприятиями, где каждая содержит кнопку для перехода на сайт покупки билетов.
|
|
|
+
|
|
|
+Новости города: 6 карточек с реальными новостями и ссылками на источники, обновленные на актуальную информацию.
|
|
|
+
|
|
|
+История города: Хронологический список ключевых дат в истории Новозыбкова.
|
|
|
+
|
|
|
+Люди города: Карточки с краткими биографиями и ссылками на внешние статьи.
|
|
|
+
|
|
|
+Справочная служба: Контакты и телефоны больниц, школ, администрации, аварийных служб и МФЦ.
|
|
|
+
|
|
|
+Погода в Новозыбкове: Виджет с текущей температурой, описанием погоды и кнопкой для перехода на полный прогноз на сайте «Gismeteo».
|
|
|
+
|
|
|
+Отзывы о городе: Форма для добавления отзыва и блок с уже опубликованными отзывами.
|
|
|
+
|
|
|
+4. Ключевые особенности и функциональные возможности
|
|
|
+В рамках работы над сайтом были реализованы следующие функции:
|
|
|
+
|
|
|
+Интерактивная анимация при загрузке: При открытии сайта отображается анимация загрузки с плавающими цветами, которая плавно исчезает после полной загрузки контента.
|
|
|
+
|
|
|
+Счетчик посетителей: На главном экране отображается количество посетителей за сегодняшний день (данные сохраняются в браузере посетителя) и количество пользователей онлайн.
|
|
|
+
|
|
|
+Поиск по сайту: Строка поиска позволяет фильтровать и находить информацию в карточках новостей, афиш и достопримечательностей.
|
|
|
+
|
|
|
+Кнопка «Наверх»: Удобная кнопка в виде круга, которая появляется при прокрутке страницы вниз, позволяя мгновенно вернуться в начало.
|
|
|
+
|
|
|
+Плавающие украшения: На главном экране в качестве декоративного элемента размещены полупрозрачные иконки цветов, сердец и звезд, которые плавно двигаются на фоне.
|
|
|
+
|
|
|
+Интерактивные карточки: Все карточки (новости, афиши, люди) являются кликабельными и при нажатии ведут на соответствующий внешний ресурс или открывают форму для взаимодействия.
|
|
|
+
|
|
|
+Виджет погоды: Отображает актуальную погоду в Новозыбкове, используя данные от сервиса Open-Meteo.
|
|
|
+
|
|
|
+Форма отзывов: Посетители могут оставлять свои отзывы о городе через специальную форму.
|
|
|
+
|
|
|
+5. Дизайн и визуальное оформление
|
|
|
+Цветовая гамма: Сайт выполнен в нежных розовых тонах, что придает ему современный и эстетичный вид.
|
|
|
+
|
|
|
+Стиль: Минималистичный, ориентированный на удобство восприятия информации. Акцент сделан на чистые линии, округлые углы и легкие тени.
|
|
|
+
|
|
|
+Иконки: Для визуального обозначения разделов и улучшения навигации используются стандартные эмодзи.
|
|
|
+
|
|
|
+Фон: Главный экран имеет градиентный фон, на котором расположены декоративные плавающие элементы.
|
|
|
+
|
|
|
+6. Этапы работы над проектом
|
|
|
+Брифование и сбор идей: Определение целевой аудитории, структуры сайта и его функциональных возможностей.
|
|
|
+
|
|
|
+Написание кода: Разработка HTML-разметки, CSS-стилей и JS-скриптов.
|
|
|
+
|
|
|
+Наполнение контентом: Поиск, проверка и добавление информации о городе, его истории, достопримечательностях и новостях.
|
|
|
+
|
|
|
+Тестирование: Проверка корректности отображения на разных устройствах и в различных браузерах, тестирование всех ссылок и интерактивных элементов.
|
|
|
+
|
|
|
+Исправление ошибок: Устранение выявленных проблем, замена вымышленных новостей на реальные, исправление неточной информации.
|
|
|
+
|
|
|
+Финальная доработка: Полировка дизайна, добавление декоративных элементов (плавающих иконок), настройка счетчиков и виджетов.
|
|
|
+
|
|
|
+Публикация: Загрузка готового сайта на хостинг http://nastasxo.beget.tech.
|
|
|
+
|
|
|
+7. Заключение
|
|
|
+В результате проделанной работы создан полноценный, информативный и визуально привлекательный сайт-портал «NOWозыбков». Проект успешно реализован в срок и полностью соответствует поставленным задачам. Сайт готов к использованию и представляет собой удобную площадку для информирования жителей и гостей города Новозыбкова.
|
|
|
+
|
