Разработка интерактивного сайта учебного класса презентация

Актуальность сайта
У класса существует группа в WhatsApp для обсуждения разных тем и событий, но там можно просматривать ненужные сообщения и вероятно много лишнего, после опроса одноклассников и родителей было решено, что классу необходим сайт, где будут отображаться все значимые события и полезная информация.

Цель работы:
разработать интерактивный сайт учебного класса.
Задачи:
1. Сформулировать идею и общую концепцию проекта по разработке интерактивного сайта;
2. Изучить теорию и основу написания программных кодов для создания сайтов;
3. Разработать тестовую версию сайта.

Этапы выполнения работы
1. Формулирование идеи проекта
2. Опрос в группе класса
3.Исследование в сети "Интернет", на предмет похожих реализованных решений.
4. Знакомство с основами программирования сайтов.
5. Изучение основ проектирования, программирования и оформления сайтов с использованием VisualStudioCode
6. Написание программного кода сайта

Главная страница
Здесь размещена бегущая строка и поле регистрации, интерактивная панель поможет осуществить переход на другие страницы

В нижней части основной страницы расположена фотография класса, напоминания, для удобства рядом календарь

Внизу каждой страницы указаны контакты
классного руководителя, по которым с ним можно связаться:
Также в левом верхнем углу на всех, кроме главной, страницах находится кнопка «Назад», при нажатии на которую осуществляется переход на главную страницу.

Расписание
Родители и учащиеся могут ознакомиться с расписанием уроков и звонков, а также с изменениями в расписании уроков
Размещается информация о каникулах, когда и сколько дней они длятся

На этой странице размещен проект графика проведения Олимпиад 2019-2020. При нажатии на кнопку пользователь переходит на сайт, где можно зарегистрироваться для участия в Олимпиадах

Во вкладке «Галерея» для просмотра доступны
фотографии

Вкладка новости
Эта вкладка даёт возможность посмотреть Яндекс.Новости, также выставку Сальвадора Дали и Многопрофильную олимпиаду РТУ МИРЭА

На странице «Неделя развлечений» размещены предложения музеев по дням, у каждого музея написан адрес

Вкладка «Напоминания» даёт возможность просмотреть ближайшие мероприятия

Результаты проекта
В ходе работы была создана тестовая версия сайта, предоставляющая доступную и полную информацию о жизни класса:
Публикация новостей
Анонсов мероприятий
ближайшие общегородские события, условия участия в школьных и городских олимпиадах и т.д.
Галерея
Контакты классного руководителя
Расписание

Литература
JavaScript–http://www.web.cofp.ru/vse-o-sajtakh/sozdanie-sajta/javascript/jquery/154-uvelichenie-izobrazheniya-pri-nazhatii-na-nego
Перевод таблицы из Exel в HTML код –https://www.avalanche.kiev.ua/site/free/convert-table-html.html
Календарь–http://shpargalkablog.ru/2013/11/calendar.html
Вставка изображения –https://docs.microsoft.com/ru-ru/visualstudio/ide/reference/toolbox-html-tab?view=vs-2019
Поле регистрации –https://bloggood.ru/vebmasteru/html-knopka-kak-ssylka-i-ssylka-kak-knopka.html/
Бегущая строка –https://yablogger.info/begushhaya-stroka-v-html-teg-marquee.html
Цвета HTML код–https://colorscheme.ru/html-colors.html

Отзыв