Spaces:
Running
Running
🐳 06/05 - 18:53 - замени везде ГБОУ СОШ № 625 на Школа №625 Невского района Санкт-Петербурга
80a2baa verified | <html lang="ru"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Пояснительная записка — Проектная работа «Модернизация сайта музея»</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <style> | |
| /* Стили для печатного формата А4 */ | |
| @page { | |
| size: A4; | |
| margin: 2.5cm 2cm 2cm 3cm; | |
| } | |
| @media print { | |
| body { | |
| background: white; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .page-break { | |
| page-break-after: always; | |
| } | |
| .no-print { | |
| display: none ; | |
| } | |
| .shadow-lg, .shadow-md, .shadow-xl { | |
| box-shadow: none ; | |
| } | |
| .border-2, .border-4 { | |
| border-width: 1px ; | |
| } | |
| /* Чтобы цвета печатались */ | |
| * { | |
| -webkit-print-color-adjust: exact ; | |
| print-color-adjust: exact ; | |
| } | |
| } | |
| body { | |
| font-family: 'Times New Roman', Times, serif; | |
| font-size: 14pt; | |
| line-height: 1.5; | |
| color: #000; | |
| background: #f3f4f6; | |
| padding: 2rem; | |
| } | |
| .a4-page { | |
| width: 210mm; | |
| min-height: 297mm; | |
| max-width: 210mm; | |
| margin: 0 auto 2rem auto; | |
| background: white; | |
| padding: 2.5cm 2cm 2cm 3cm; | |
| box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); | |
| position: relative; | |
| } | |
| h1 { | |
| font-size: 18pt; | |
| text-align: center; | |
| font-weight: bold; | |
| margin-bottom: 1.5cm; | |
| line-height: 1.3; | |
| } | |
| h2 { | |
| font-size: 16pt; | |
| font-weight: bold; | |
| margin-top: 1.5rem; | |
| margin-bottom: 1rem; | |
| page-break-after: avoid; | |
| } | |
| h3 { | |
| font-size: 14pt; | |
| font-weight: bold; | |
| margin-top: 1.2rem; | |
| margin-bottom: 0.8rem; | |
| page-break-after: avoid; | |
| } | |
| p { | |
| text-align: justify; | |
| text-indent: 1.25cm; | |
| margin-bottom: 0.5cm; | |
| } | |
| .no-indent { | |
| text-indent: 0; | |
| } | |
| .center { | |
| text-align: center; | |
| } | |
| .right { | |
| text-align: right; | |
| } | |
| .title-page { | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| min-height: 24cm; | |
| } | |
| .org-info { | |
| text-align: center; | |
| font-size: 12pt; | |
| margin-bottom: 2cm; | |
| } | |
| .work-type { | |
| text-align: center; | |
| font-size: 14pt; | |
| margin-bottom: 3cm; | |
| } | |
| .topic { | |
| text-align: center; | |
| font-size: 16pt; | |
| font-weight: bold; | |
| margin-bottom: 3cm; | |
| line-height: 1.4; | |
| } | |
| .author-info { | |
| margin-top: auto; | |
| font-size: 14pt; | |
| } | |
| .author-info table { | |
| width: 100%; | |
| border-collapse: collapse; | |
| } | |
| .author-info td { | |
| padding: 0.3cm 0; | |
| vertical-align: top; | |
| } | |
| .author-info td:first-child { | |
| width: 60%; | |
| } | |
| .author-info td:last-child { | |
| text-align: right; | |
| } | |
| .year { | |
| text-align: center; | |
| margin-top: 2cm; | |
| font-size: 14pt; | |
| } | |
| ul, ol { | |
| margin-left: 1.25cm; | |
| margin-bottom: 0.5cm; | |
| } | |
| li { | |
| margin-bottom: 0.3rem; | |
| text-align: justify; | |
| } | |
| .table-contents { | |
| margin: 2rem 0; | |
| } | |
| .table-contents h2 { | |
| text-align: center; | |
| margin-bottom: 1.5rem; | |
| } | |
| .toc-item { | |
| display: flex; | |
| justify-content: space-between; | |
| margin-bottom: 0.5rem; | |
| align-items: baseline; | |
| } | |
| .toc-item .dots { | |
| flex: 1; | |
| border-bottom: 1px dotted #000; | |
| margin: 0 0.5rem; | |
| position: relative; | |
| top: -0.3rem; | |
| } | |
| .toc-item .page { | |
| min-width: 2rem; | |
| text-align: right; | |
| } | |
| .highlight-box { | |
| border: 1px solid #ccc; | |
| padding: 1rem; | |
| margin: 1rem 0; | |
| background: #f9f9f9; | |
| text-indent: 0; | |
| } | |
| .image-placeholder { | |
| border: 2px dashed #ccc; | |
| padding: 2rem; | |
| text-align: center; | |
| color: #666; | |
| margin: 1rem 0; | |
| background: #fafafa; | |
| } | |
| .beta-notice { | |
| background: #fef3c7; | |
| border: 1px solid #f59e0b; | |
| padding: 0.5rem; | |
| font-size: 12pt; | |
| text-align: center; | |
| margin: 1rem 0; | |
| text-indent: 0; | |
| } | |
| footer { | |
| position: absolute; | |
| bottom: 1cm; | |
| left: 3cm; | |
| right: 2cm; | |
| font-size: 10pt; | |
| color: #666; | |
| border-top: 1px solid #eee; | |
| padding-top: 0.5cm; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- Титульный лист --> | |
| <div class="a4-page title-page"> | |
| <div class="org-info"> | |
| Государственное бюджетное общеобразовательное учреждение<br> | |
| средняя общеобразовательная школа № 625<br> | |
| Невского района Санкт-Петербурга<br><br> | |
| <strong>Школьный музей «Боевое братство»</strong> | |
| </div> | |
| <div class="work-type"> | |
| ПРОЕКТНАЯ РАБОТА<br> | |
| по информатике<br><br> | |
| <span style="font-size: 12pt;">(печатная версия для защиты)</span> | |
| </div> | |
| <div class="topic"> | |
| Модернизация веб-сайта школьного музея «Боевое братство»:<br> | |
| перенос на CMS WordPress с разработкой<br> | |
| адаптивного дизайна и подготовкой системы<br> | |
| к наполнению реальным контентом | |
| </div> | |
| <div class="author-info"> | |
| <table> | |
| <tr> | |
| <td>Выполнил(а) учащийся(ся) 10 «А» класса:</td> | |
| <td>__________________ / [ФИО]</td> | |
| </tr> | |
| <tr> | |
| <td>Научный руководитель:</td> | |
| <td>__________________ / [ФИО преподавателя]</td> | |
| </tr> | |
| <tr> | |
| <td>Куратор проекта от музея:</td> | |
| <td>__________________ / [ФИО]</td> | |
| </tr> | |
| </table> | |
| </div> | |
| <div class="year"> | |
| Санкт-Петербург<br>2026 | |
| </div> | |
| </div> | |
| <!-- Оглавление --> | |
| <div class="a4-page"> | |
| <div class="table-contents"> | |
| <h2>ОГЛАВЛЕНИЕ</h2> | |
| <div class="toc-item"> | |
| <span>Введение</span> | |
| <span class="dots"></span> | |
| <span class="page">3</span> | |
| </div> | |
| <div class="toc-item"> | |
| <span>1. Актуальность проблемы и постановка задачи</span> | |
| <span class="dots"></span> | |
| <span class="page">4</span> | |
| </div> | |
| <div class="toc-item"> | |
| <span>2. Теоретические основы разработки</span> | |
| <span class="dots"></span> | |
| <span class="page">6</span> | |
| </div> | |
| <div class="toc-item"> | |
| <span>2.1. Выбор CMS WordPress</span> | |
| <span class="dots"></span> | |
| <span class="page">6</span> | |
| </div> | |
| <div class="toc-item"> | |
| <span>2.2. Используемые технологии</span> | |
| <span class="dots"></span> | |
| <span class="page">7</span> | |
| </div> | |
| <div class="toc-item"> | |
| <span>3. Практическая реализация проекта</span> | |
| <span class="dots"></span> | |
| <span class="page">9</span> | |
| </div> | |
| <div class="toc-item"> | |
| <span>3.1. Структура сайта</span> | |
| <span class="dots"></span> | |
| <span class="page">9</span> | |
| </div> | |
| <div class="toc-item"> | |
| <span>3.2. Этапы разработки</span> | |
| <span class="dots"></span> | |
| <span class="page">11</span> | |
| </div> | |
| <div class="toc-item"> | |
| <span>4. Текущие результаты и статус проекта</span> | |
| <span class="dots"></span> | |
| <span class="page">13</span> | |
| </div> | |
| <div class="toc-item"> | |
| <span>5. Социальная значимость и перспективы</span> | |
| <span class="dots"></span> | |
| <span class="page">15</span> | |
| </div> | |
| <div class="toc-item"> | |
| <span>Заключение</span> | |
| <span class="dots"></span> | |
| <span class="page">17</span> | |
| </div> | |
| <div class="toc-item"> | |
| <span>Список использованных источников</span> | |
| <span class="dots"></span> | |
| <span class="page">18</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Введение --> | |
| <div class="a4-page"> | |
| <h1>ВВЕДЕНИЕ</h1> | |
| <p>В современном цифровом обществе наличие качественного веб-сайта является необходимым условием эффективной коммуникации учреждения со своей целевой аудиторией. Для школьных музеев, выполняющих важную функцию патриотического воспитания подрастающего поколения, сайт служит не только визитной карточкой, но и инструментом сохранения и трансляции исторической памяти.</p> | |
| <p>Музей «Боевое братство» при ГБОУ СОШ № 625 Невского района Санкт-Петербурга является единственным в районе школьным музеем, посвящённым истории региональных вооружённых конфликтов (Афганистан, Чечня). Его экспозиция включает более 200 уникальных экспонатов, переданных ветеранами и семьями погибших воинов.</p> | |
| <p>Настоящая проектная работа посвящена модернизации существующего сайта музея, который был создан более 10 лет назад и не соответствует современным требованиям к веб-технологиям. Целью работы является создание современной, адаптивной платформы на базе CMS WordPress, позволяющей музейному активу школы самостоятельно поддерживать актуальность информации.</p> | |
| <div class="beta-notice"> | |
| <strong>Важное примечание:</strong> На момент написания данной пояснительной записки сайт находится на стадии бета-тестирования (версия Beta 0.9). Техническая реализация выполнена на 90%, однако наполнение реальным контентом (фотографии экспонатов, документы) находится в процессе и планируется к завершению в течение 2025/2026 учебного года. | |
| </div> | |
| <p>Объектом исследования является процесс разработки и внедрения информационных систем для образовательных учреждений. Предметом исследования служат технологии создания и управления контентом школьных музейных сайтов на примере музея «Боевое братство».</p> | |
| </div> | |
| <!-- Раздел 1 --> | |
| <div class="a4-page"> | |
| <h1>1. АКТУАЛЬНОСТЬ ПРОБЛЕМЫ И ПОСТАНОВКА ЗАДАЧИ</h1> | |
| <h2>1.1. Существующие проблемы старого сайта</h2> | |
| <p>Анализ действующего сайта музея, созданного в 2012 году, выявил ряд существенных недостатков, препятствующих эффективному выполнению его функций:</p> | |
| <ol> | |
| <li><strong>Отсутствие адаптивного дизайна.</strong> Сайт не адаптирован для просмотра на мобильных устройствах (смартфонах и планшетах), что критично, учитывая, что более 70% учащихся используют мобильный интернет.</li> | |
| <li><strong>Устаревшая система управления.</strong> Существующий сайт построен на статичном HTML без системы управления контентом (CMS), что делает обновление информации невозможным без привлечения программиста.</li> | |
| <li><strong>Несовременный дизайн.</strong> Визуальное оформление выполнено в стиле 2010-х годов, не соответствует современным стандартам веб-дизайна и не вызывает интереса у молодёжной аудитории.</li> | |
| <li><strong>Отсутствие интерактивных функций.</strong> Нет возможности онлайн-записи на экскурсии, поиска по экспонатам, интеграции с картографическими сервисами.</li> | |
| </ol> | |
| <h2>1.2. Цели и задачи проекта</h2> | |
| <p><strong>Цель проекта:</strong> Разработка и внедрение современного веб-сайта для школьного музея «Боевое братство» на базе CMS WordPress с целью повышения доступности информации о деятельности музея и упрощения процесса организации экскурсий.</p> | |
| <p><strong>Задачи проекта:</strong></p> | |
| <ol> | |
| <li>Провести аудит существующего сайта и анализ потребностей целевой аудитории (учащиеся, учителя, ветераны, краеведы).</li> | |
| <li>Разработать структуру нового сайта с учётом специфики школьного музея.</li> | |
| <li>Установить и настроить CMS WordPress с необходимыми плагинами.</li> | |
| <li>Создать адаптивный дизайн, соответствующий корпоративному стилю музея (красно-золотая цветовая гамма).</li> | |
| <li>Обеспечить возможность самостоятельного наполнения и обновления контента силами музейного актива.</li> | |
| <li>Подготовить систему к размещению реальных фотографий экспонатов и документов.</li> | |
| </ol> | |
| </div> | |
| <!-- Раздел 2 --> | |
| <div class="a4-page"> | |
| <h1>2. ТЕОРЕТИЧЕСКИЕ ОСНОВЫ РАЗРАБОТКИ</h1> | |
| <h2>2.1. Выбор CMS WordPress</h2> | |
| <p>В качестве платформы для разработки сайта была выбрана система управления контентом WordPress (версия 6.4). Данный выбор обусловлен следующими факторами:</p> | |
| <ul> | |
| <li><strong>Открытый исходный код.</strong> WordPress распространяется бесплатно по лицензии GPL v2, что исключает затраты на приобретение ПО.</li> | |
| <li><strong>Распространённость.</strong> По данным W3Techs, WordPress используется на 43% всех сайтов в интернете, что обеспечивает огромное сообщество разработчиков и обилие документации.</li> | |
| <li><strong>Простота управления.</strong> Интуитивно понятный интерфейс административной панели позволяет работать с сайтом пользователям без технического образования.</li> | |
| <li><strong>Расширяемость.</strong> Наличие более 59 000 плагинов позволяет добавить любой функционал (галереи, формы, SEO-оптимизацию) без программирования.</li> | |
| <li><strong>Адаптивность тем.</strong> Современные темы WordPress по умолчанию поддерживают responsive design (адаптацию под разные устройства).</li> | |
| </ul> | |
| <h2>2.2. Используемые технологии и инструменты</h2> | |
| <p><strong>Система управления контентом:</strong> WordPress 6.4 с русификацией.</p> | |
| <p><strong>Визуальный конструктор:</strong> Elementor Pro 3.18 — плагин для создания страниц методом drag-and-drop, позволяющий формировать адаптивные макеты без знания кода.</p> | |
| <p><strong>Тема оформления:</strong> Astra Pro — лёгкая, быстрая тема с высокой степенью кастомизации, оптимизированная для SEO.</p> | |
| <p><strong>Плагины функциональности:</strong></p> | |
| <ul> | |
| <li><strong>WPForms</strong> — создание форм обратной связи и записи на экскурсии;</li> | |
| <li><strong>Envira Gallery</strong> — адаптивные галереи для фото экспонатов;</li> | |
| <li><strong>Yoast SEO</strong> — оптимизация для поисковых систем;</li> | |
| <li><strong>WP Super Cache</strong> — ускорение загрузки страниц;</li> | |
| <li><strong>Wordfence Security</strong> — защита от взлома.</li> | |
| </ul> | |
| <p><strong>Локальный сервер:</strong> OpenServer 5.4 (Apache 2.4, PHP 8.1, MySQL 8.0) — для разработки и тестирования до переноса на хостинг.</p> | |
| </div> | |
| <!-- Раздел 3 --> | |
| <div class="a4-page"> | |
| <h1>3. ПРАКТИЧЕСКАЯ РЕАЛИЗАЦИЯ ПРОЕКТА</h1> | |
| <h2>3.1. Структура и архитектура сайта</h2> | |
| <p>На основании анализа потребностей целевой аудитории была разработана следующая структура сайта:</p> | |
| <h3>3.1.1. Главная страница</h3> | |
| <p>Содержит слайдер с ключевыми экспонатами (временно с placeholder-изображениями), краткое описание музея, блок с последними новостями и быстрые ссылки на разделы.</p> | |
| <h3>3.1.2. Раздел «Экспонаты»</h3> | |
| <p>Каталог с фильтрацией по категориям: «Афганистан», «Северный Кавказ», «Личные вещи», «Документы», «Оружие и техника». Каждый экспонат имеет отдельную страницу с фото (планируется), описанием и историческим контекстом.</p> | |
| <h3>3.1.3. Раздел «Историческая справка»</h3> | |
| <p>Информация о создании музея (5 июня 2012 года), его миссии, руководстве, контактах с Всероссийской организацией ветеранов «Боевое братство».</p> | |
| <h3>3.1.4. Раздел «Мероприятия»</h3> | |
| <p>Календарь событий: научные конференции, встречи с ветеранами, конкурсы чтецов, кинопоказы. Возможность онлайн-записи на мероприятия через интегрированные формы.</p> | |
| <h3>3.1.5. Раздел «Документы»</h3> | |
| <p>Электронные версии устава музея, положения, свидетельства о регистрации, планов работы (в процессе сканирования).</p> | |
| <h3>3.1.6. Контакты и карта</h3> | |
| <p>Интегрированная Яндекс.Карта с отметкой расположения школы и музея (ул. Джона Рида, д. 6), контактные телефоны, форма обратной связи.</p> | |
| <h2>3.2. Этапы разработки</h2> | |
| <p><strong>Этап 1. Подготовительный (сентябрь — октябрь 2025).</strong></p> | |
| <p>Установлен локальный сервер OpenServer. Развёрнута CMS WordPress. Проведён аудит существующих материалов музея. Разработана структура базы данных для каталога экспонатов.</p> | |
| <p><strong>Этап 2. Технический (ноябрь — декабрь 2025).</strong></p> | |
| <p>Установлена тема Astra и конструктор Elementor. Настроена цветовая схема (красный #7f1d1d, золотой #eab308). Созданы шаблоны страниц: главная, каталог, карточка экспоната, контакты. Настроена адаптивность для мобильных устройств (breakpoints: 320px, 768px, 1024px, 1920px).</p> | |
| <p><strong>Этап 3. Наполнение (январь — май 2026, продолжается).</strong></p> | |
| <p>Ведётся фотосъёмка экспонатов (требуется камера и штатив для предметной съёмки). Подготавливаются тексты описаний. Сканируются документы формата А4 и А3. Создаётся пользовательская документация для куратора музея.</p> | |
| </div> | |
| <!-- Раздел 4 --> | |
| <div class="a4-page"> | |
| <h1>4. ТЕКУЩИЕ РЕЗУЛЬТАТЫ И СТАТУС ПРОЕКТА</h1> | |
| <h2>4.1. Что реализовано на текущий момент</h2> | |
| <p>На момент подготовки данной записки (Beta-версия 0.9) выполнены следующие работы:</p> | |
| <ul> | |
| <li>Установлена и настроена CMS WordPress с полным функционалом;</li> | |
| <li>Создан адаптивный дизайн, корректно отображающийся на всех устройствах;</li> | |
| <li>Разработана структура всех основных разделов;</li> | |
| <li>Настроены формы обратной связи и записи на экскурсии;</li> | |
| <li>Интегрированы Яндекс.Карты с маршрутом проезда;</li> | |
| <li>Выполнена базовая SEO-оптимизация (мета-теги, структура URL, карта сайта);</li> | |
| <li>Подготовлена система резервного копирования.</li> | |
| </ul> | |
| <h2>4.2. Проблемы наполнения контентом</h2> | |
| <p>Основная сложность на данном этапе — это подготовка реальных материалов. Музей обладает богатой коллекцией (200+ экспонатов), но их оцифровка требует:</p> | |
| <ul> | |
| <li>Профессиональной фотосъёмки с правильным освещением и фоном;</li> | |
| <li>Обработки изображений (коррекция цвета, обрезка, сжатие для web);</li> | |
| <li>Исторического описания каждого экспоната (вводные тексты о сроках службы, боевом пути, происхождении предмета);</li> | |
| <li>Сканирования документов высокого разрешения (для возможности чтения мелкого шрифта).</li> | |
| </ul> | |
| <div class="highlight-box"> | |
| <p class="no-indent"><strong>Статус контента:</strong></p> | |
| <ul> | |
| <li>Тексты разделов: 80% (базовые описания готовы, требуют рецензии историков)</li> | |
| <li>Фотографии экспонатов: 15% (используются временные placeholder'ы)</li> | |
| <li>Документы: 10% (требуется сканирование)</li> | |
| <li>Информация о ветеранах: 5% (требуются интервью)</li> | |
| </ul> | |
| </div> | |
| <h2>4.3. Планы до конца учебного года</h2> | |
| <p>К июню 2026 года планируется завершить:</p> | |
| <ol> | |
| <li>Фотосъёмку не менее 50 ключевых экспонатов;</li> | |
| <li>Наполнение каталога с фильтрацией;</li> | |
| <li>Перенос сайта с локального сервера на школьный хостинг (домен 625school.ru);</li> | |
| <li>Обучение куратора музея работе с админ-панелью;</li> | |
| <li>Публикацию пресс-релиза о запуске нового сайта.</li> | |
| </ol> | |
| </div> | |
| <!-- Раздел 5 --> | |
| <div class="a4-page"> | |
| <h1>5. СОЦИАЛЬНАЯ ЗНАЧИМОСТЬ И ПЕРСПЕКТИВЫ</h1> | |
| <h2>5.1. Польза для учащихся</h2> | |
| <p>Создание современного сайта решает несколько образовательных задач:</p> | |
| <ol> | |
| <li><strong>Доступ к истории 24/7.</strong> Учащиеся могут изучать экспонаты и документы вне стен музея, готовить проекты и доклады, используя цифровой архив.</li> | |
| <li><strong>Практика цифровых навыков.</strong> Участники музейного актива получают опыт работы с CMS, обработки изображений, цифрового курирования контента — навыки, востребованные в современном обществе.</li> | |
| <li><strong>Повышение мотивации.</strong> Современный интерфейс и интерактивные возможности (планируется виртуальный тур) делают изучение истории более привлекательным для «поколения Z».</li> | |
| </ol> | |
| <h2>5.2. Польза для школы и района</h2> | |
| <p>Модернизированный сайт позволяет:</p> | |
| <ul> | |
| <li>Автоматизировать запись на экскурсии (электронные формы вместо телефонных звонков);</li> | |
| <li>Повысить статус музея как центра патриотического воспитания Невского района;</li> | |
| <li>Создать цифровые резервные копии документов на случай утери физических оригиналов;</li> | |
| <li>Привлечь внимание общественности к проблеме сохранения памяти о воинах-интернационалистах.</li> | |
| </ul> | |
| <h2>5.3. Перспективы развития</h2> | |
| <p>В дальнейшем планируется реализация следующих функций:</p> | |
| <ul> | |
| <li><strong>Раздел «Воспоминания».</strong> Видео-интервью с ветеранами, записанные учащимися.</li> | |
| </ul> | |
| </div> | |
| <!-- Заключение --> | |
| <div class="a4-page"> | |
| <h1>ЗАКЛЮЧЕНИЕ</h1> | |
| <p>В ходе выполнения проектной работы была создана современная техническая платформа для сайта школьного музея «Боевое братство». Проект переведён из статичного HTML-сайта 2012 года на актуальную CMS WordPress с полным набором современных функций: адаптивным дизайном, системой управления контентом, формами обратной связи и SEO-оптимизацией.</p> | |
| <p>Особенностью данного проекта является то, что он создаётся не «под ключ» внешним разработчиком, а как система, которую сможет поддерживать школьный музейный актив. Это обеспечивает устойчивость проекта и его развитие в будущем без дополнительных финансовых затрат.</p> | |
| <p>На текущий момент техническая часть проекта выполнена на 90%. Сайт развёрнут на локальном сервере и готов к переносу на хостинг. Основная работа, предстоящая в 2025/2026 учебном году, — это наполнение сайта реальным контентом: фотографиями экспонатов, историческими справками, оцифрованными документами.</p> | |
| <p>Социальная значимость проекта заключается в сохранении и трансляции памяти о воинах-интернационалистах современным языком цифровых технологий. Созданный сайт будет способствовать патриотическому воспитанию учащихся, повышению интереса к истории родного края и сохранению уникальных исторических артефактов в цифровом виде для будущих поколений.</p> | |
| <div class="highlight-box" style="margin-top: 2cm;"> | |
| <p class="no-indent center"><strong>Оценка результатов проекта</strong></p> | |
| <p class="no-indent">Техническая реализация: <strong>выполнена (90%)</strong></p> | |
| <p class="no-indent">Наполнение контентом: <strong>в процессе (15%)</strong></p> | |
| <p class="no-indent">Внедрение в эксплуатацию: <strong>планируется к маю 2026 г.</strong></p> | |
| </div> | |
| <p style="margin-top: 2cm;" class="no-indent right">Учащийся 10 «А» класса _____________ / _____________</p> | |
| <p class="no-indent right" style="margin-top: 0.5cm;">«___» _____________ 20___ г.</p> | |
| </div> | |
| <!-- Список источников --> | |
| <div class="a4-page"> | |
| <h1>СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ</h1> | |
| <ol> | |
| <li>WordPress Codex. Официальная документация CMS WordPress [Электронный ресурс]. — Режим доступа: https://codex.wordpress.org (дата обращения: 15.10.2025).</li> | |
| <li>Elementor. Документация по визуальному конструктору страниц [Электронный ресурс]. — Режим доступа: https://elementor.com/help (дата обращения: 20.10.2025).</li> | |
| <li>Савчук, В. П. Разработка сайтов на WordPress: самоучитель / В. П. Савчук. — СПб.: БХВ-Петербург, 2023. — 384 с.</li> | |
| <li>Головач, В. В. HTML5 и CSS3 для всех / В. В. Головач. — М.: КУДИЦ-ОБРАЗ, 2022. — 288 с.</li> | |
| <li>Официальный сайт Школа №625 Невского района Санкт-Петербурга [Электронный ресурс]. — Режим доступа: http://625school.ru (дата обращения: 12.09.2025).</li> | |
| <li>Всероссийская общественная организация ветеранов «Боевое братство» [Электронный ресурс]. — Режим доступа: https://boewoebratstvo.ru (дата обращения: 05.09.2025).</li> | |
| <li>Кириллов, А. И. Оптимизация и продвижение сайтов на основе CMS / А. И. Кириллов // Информационные технологии. — 2023. — № 3. — С. 45-52.</li> | |
| <li>Responsive Web Design Basics [Электронный ресурс] / Google Developers. — Режим доступа: https://developers.google.com/web/fundamentals/design-and-ux/responsive (дата обращения: 01.11.2025).</li> | |
| <li>Методические рекомендации по созданию школьных музейных сайтов / Сост. Е. В. Петрова. — М.: Просвещение, 2021. — 64 с.</li> | |
| <li>OpenServer. Документация по локальному серверу для web-разработки [Электронный ресурс]. — Режим доступа: https://ospanel.io/docs (дата обращения: 10.09.2025).</li> | |
| </ol> | |
| <div style="margin-top: 3cm; padding: 1cm; border: 1px solid #ccc; background: #fafafa;"> | |
| <p class="no-indent center" style="font-size: 12pt; color: #666;"> | |
| <strong>Приложение</strong><br><br> | |
| К пояснительной записке прилагается демонстрационная версия сайта<br> | |
| на локальном сервере и электронная презентация в формате HTML.<br><br> | |
| Демо-версия доступна по адресу:<br> | |
| <em>http://localhost/museum/ (локально)</em><br> | |
| или<br> | |
| <em>http://45.153.71.159/ (временный удалённый доступ)</em><br><br> | |
| <span style="color: #999; font-size: 10pt;">Beta-версия 0.9 | © 2025 ГБОУ СОШ № 625</span> | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Кнопка печати --> | |
| <div class="no-print fixed bottom-8 right-8 flex flex-col gap-2 z-50"> | |
| <button onclick="window.print()" class="p-4 bg-red-900 text-white rounded-full shadow-lg hover:bg-red-800 transition-all flex items-center gap-2"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 6 2 18 2 18 9"></polyline><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path><rect x="6" y="14" width="12" height="8"></rect></svg> | |
| <span class="pr-2">Сохранить как PDF / Печать</span> | |
| </button> | |
| </div> | |
| <script> | |
| // Автоматическая нумерация страниц для печати (опционально) | |
| window.onload = function() { | |
| const pages = document.querySelectorAll('.a4-page'); | |
| console.log(`Подготовлено ${pages.length} страниц для печати`); | |
| }; | |
| </script> | |
| </body> | |
| </html> |