|
|
@@ -1,90 +0,0 @@
|
|
|
-Отчет о создании и работе сайта «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озыбков». Проект успешно реализован в срок и полностью соответствует поставленным задачам. Сайт готов к использованию и представляет собой удобную площадку для информирования жителей и гостей города Новозыбкова.
|
|
|
-
|
