В этом разделе расскажем о том, как разрабатывался сайт. Начали разработку я и мой напарник по проекту еще осенью 2024 года, тогда мы изначально только задумались об этом и не знали, как правильно сделать и сконструировать его, чтобы он был понятен каждому. На время мы отложили эту идею, и только в феврале 2025 года вернулись к ней. Для начала мы сделали небольшой план сайта на бумаге, расположили некоторые элементы и выбрали цвет, в котором будем выполнен сайт, как уже стало понятно это - фиолетовый. В конце февраля мы начали активно изучать html - код на котором разработан практически каждый сайт интернета. HTML (HyperText Markup Language) — это стандартный язык разметки, используемый для создания веб-страниц. Он позволяет структурировать содержание документа с помощью "тегов". HTML определяет, как текст, изображения, видео и другие элементы будут отображаться в веб-браузере.
Далее мы начали писать простенький код, и первая версия сайта выглядела примерно так:
В этой версии, как вы могли заметить нету практически ничего, если конкретнее на тот момент мы смогли только поменять цвет шапки и "подвала", добавить текст и некоторые разделения по страницам, чуть позже мы их удалили из-за ненадобности.
Следующая версия сайта уже выглядела лучше, но у нее было достаточно много багов, а также она, как и первая версия была практически без информации. Единственное что мы добавили это опросы, которые проводили в нашей школе среди 9 классов.
Далее мы занялись изучением JavaScript, для того чтобы добавить анимации на сайте, это было одним из самых сложных в разработке, потому что с ним мы не сталкивались ни разу в жизни. В итоге, в третьей версии сайта мы уже сделали анимации, добавили разделы и достаточно много информации.
Следующим этапом стало добавление нашего логотипа на стартовую и последующие страницы, а также создание анимаций для вылета текста и картинок с помощью JS. Самым сложным в разработке всего сайта было непосредственно изучение JS, а также создание верстки сайта для мобильных и планшетных версий, нужно это было для того, чтобы в итоге на сайт могли зайти с любого устройства и вся информация была доступна в любой момент времени.
Последним этапом разработки стало украшение сайта и его модернизация, мы добавили пару новых блоков с информацией, также обновили дизайн шапки и немного поменяли цветовую палитру на более яркую, в итоге всего за 5 месяцев работы или 80 часов общего времени изучения мы получили наш сайт, который в итоге выглядит вот так:
Часто задаваемые вопросы