Особенности разработки веб-сайта общеобразовательной школы
Анализ основных разделов, из которых должен состоять официальный сайт образовательного учреждения. Препроцессор гипертекста PHP - ключевой инструмент, который используется для разработки веб-приложений. Сферы применения языка гипертекстовой разметки.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | статья |
Язык | русский |
Дата добавления | 28.04.2022 |
Размер файла | 99,3 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru
Размещено на http://www.allbest.ru
Особенности разработки веб-сайта общеобразовательной школы
Разработан школьный сайт для сельской общеобразовательной средней школы с. Красная пресня, Мендыкаринского района, Костанайская область. Создание и сопровождение веб-сайта государственного образовательного учреждения одновременно увлекательное и сложное дело. Как сделать сайт чтобы он стал одним из тех сайтов которые входят в единое информационное пространство всего района, области? Нужен ли этот школьный сайт? Ответы на эти и другие вопросы вы можете получить из данной статьи.
Информатизация образования и цифровизация всех возможных сфер деятельности является одним из приоритетных направлений политики нашей страны. В нашем районе с технической точки зрения на данный момент есть все возможности для создания и организации единого информационного образовательного пространства. Поэтому на сегодняшний день не должен возникать вопрос о необходимости школьного сайта, ведь сайт представляет собой очень важный инструмент коммуникации с другим школами и интерактивности учителей, учащихся и родителей.
Размещённый в Интернете сайт школы, по моему мнению, это лицо школы в глобальной сети и является одним из немногих способов привлечение внимания к делам школы. Так же это подчёркивает имидж школы как организации образовательного учреждения.
Сайт разработан с помощью языков программирования HTML5, JavaScript, PHP и CSS в среде программирования Sublime Text Editor.
Язык гипертекстовой разметки HTML используется для того что бы браузеру было понятно как отображать сайт. При этом он состоит из “тегов” своего рода команд, которые визульно выражаются на странице.
Рисунок 1 - HTML
Язык каскадных таблиц стилей CSS используется для описания внешнего вида документа написанного языком разметки (HTML, XHTML) с помощью которого можно создать внешнюю оболочку сайта удобной для восприятия.
сайт гипертекстовый препроцессор веб
Рисунок 2 - CSS
Язык программирования JavaScript нужен для того что бы сделать ваши страницы “живыми”, то есть создает возможность интерактивного взаимодействия с пользователем с помощью программного доступа к объектам приложений. Не стоит путать с Java или Jscript.
Рисунок 3 - JavaScript
Препроцессор гипертекста PHP используется для разработки динамических веб сайтов и создании веб приложений. PHP это скриптовый язык программирования который является одним из самых популярных в своем классе.
Рисунок 4 - PHP
Текстовый редактор Sublime Text является одновременно и интегрированной средой разработки с подсвечиванием синтаксиса и поодеркой плагинов на языке Python. Очень удобный и простой в использовании.
Рисунок 5 - Sublime Text
Для создания сайтов существует очень большое количество различных конструкторов и генераторов шаблонов для веб страниц таких как WordPress, Google Sites, Artisteer и так далее, у такого подхода есть как свои преимущества так и недостатки и поэтому сейчас мы их разберем.
Одним из важнейших преимуществ является то что создать шаблон или простенький сайт может практический любой продвинутый пользователь. Это сказывается в недостаток оригинальности сайта и их структуры так как количество шаблонов которые можно сгенерировать простому пользователю очень ограниченно и для их создание требуются более продвинутые познания в этой области.
Для ручной вёрстки сайта требуется больше знаний, времени и сил? Однозначно, но у ручной вёрстки сайтов есть ряд преимуществ. Например, это четкое осознание того что и как ты делаешь, код получается без мусора то есть лёгкий и без лишних дескрипторов. Верстая сайт вручную ты сам выбираешь блочную или табличную модель конструкции вёрстки. Но, самым главным плюсом является то, что верстая сайт вручную вы оттачиваете свои познания в Web дизайне, язык гипертекстовой разметки усваивается очень быстро благодоря повторению различных тегов, вы потратите больше времени и сил, но полученный опыт в ходе вёрстки сайта вручную стоит этих затрат.
Официальный сайт образовательного учреждения должен включать в себя следующие разделы (WEB-страницы):
- Новостная лента. Все события происходящие в учреждении (конференции, праздники и т.д.)
- Раздел истории учреждения. История создания, организации и периоды и развитие учреждения
- Программа образования, в том числе календарный план-график, учебный план, нормативные документы учреждения
- Фотогалерея
- Обратная связь, то есть контактная информация, адрес школы и т.д.
- Содержание сайта учреждения должно так же включать в себя полную информацию о всевозможных научно-практических, региональных и областных достижениях учреждения, её учащихся и учителей
- Блок в котором учителя смогут размещать свои творческие и научно-исследовательские работы
Для администрирования сайта понадобится всего лишь один человек, а для каждой страницы должен будет назначен человек который будет поставлять информацию для администратора.
В данном проекте заполнены и реализованы следующие разделы:
- Главная страница
- ЕНТ и ВОУД
- Воспитательная работа
- Учителя
- Документы
- Фотогалерея
- Контактная информация
Просматривая различные сайты других государственных образовательных учреждений я сделал вывод что у школьного сайта должна быть обоснованная и наглядная структура с приличным, неброским и в то же время визуально привлекательным и удобным видом.
Для разработки сайта для Краснопресненской средней школы мне понадобилось изучить, проанализировать и спроектировать внешнюю и внутреннюю структуру будущего проекта. Затем с помощью уже перечисленных инструментов и языков программирования был воссоздан и заполнен необходимыми материалами сайт школы для полной готовности. Затем на бесплатном хостинговом сервисе сайт был размещён в глобальной сети Интернет с помощью файловых менеджеров. Сайт был протестирован с помощью браузеров Mozilla Firefox, Opera, Yandex и Google Chrome.
В заключение хотелось бы сказать что я преисполнен надеждой что конечный продукт, в данном случае школьный сайт поможет общеобразовательному учреждению в дальнейшей судьбе, в век бурного развития технологий и информационной политики нашей Республики в цифровизации страны. Для меня же это был ни с чем не сравнимый опыт который, я уверен поможет моему становлению как специалисту в этой области.
Размещено на Allbest.ru
Подобные документы
Web-сайт образовательного учреждения: понятие, классификация, структура. Характеристика типового web-сайта, его роли в работе образовательного учреждения. Этапы проектирования web-сайта: разработка, реализация и размещение в сети, продвижение и поддержка.
курсовая работа [65,5 K], добавлен 18.06.2010Понятие сайта и их классификация - корпоративные, презентационные, тематические, интернет-магазины. Язык гипертекстовой разметки HTML и его средства разработки. Виртуальный web-сервер Denver и MySQL базы. Этапы разработки сайта и структура навигации.
дипломная работа [2,4 M], добавлен 13.01.2015Выбор сред разработки для реализации сайта. Основная концепция и содержание веб-сайта. Роль дизайна сайта в его создании и определение основных требований к его содержанию и внешнему виду. Особенности разработки удобного и красивого интерфейса сайта.
курсовая работа [686,4 K], добавлен 13.06.2022Создание тематического Web-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования Java Script. Описание используемых тегов при его создании. Особенности разработки навигации и интерфейса сайта.
контрольная работа [2,8 M], добавлен 02.12.2009Анализ предметной области. Характеристика информационной системы. Обоснование выбора среды разработки. Проектирование, разработка, тестирование и внедрение сайта образовательной организации. Содержания школьного сайта, его организационной структуры.
дипломная работа [3,4 M], добавлен 15.02.2017Основные этапы разработки web-сайта. Классификации современных бирж. Выбор программного средства для разработки сайта. Требования к сайту. Расчет прогнозируемой цены и прибыли на программное средство. Описание языков для разработки web–приложений.
дипломная работа [1,4 M], добавлен 02.09.2016Актуальность и значимость создания web-сайта образовательного учреждения - школы. Функциональное моделирование предметной области. Основные этапы разработки сайта. Программная реализация. Установка, настройка и работа с локальным сервером Open Server.
дипломная работа [990,5 K], добавлен 01.01.2018Создание индивидуального сайта с использованием языка гипертекстовой разметки HTML и языка скриптов JavaScript. Программные средства, используемые при выполнении работы. Основные средства для создания сайта. Разработка CSS-файла (таблица стилей).
лабораторная работа [31,0 K], добавлен 28.10.2010Особенности создания сайта "Ремонт и эксплуатация автомобилей ВАЗ" содержащего необходимую информацию поэтапной разборки запчастей, а также устранение неисправностей, написанного с использованием языка гипертекстовой разметки HTML и языка JavaScript.
дипломная работа [10,5 M], добавлен 04.06.2019Концептуальное проектирование сайта по онлайн-продаже кофе, его древовидная логическая структура страниц. Описание языка гипертекстовой разметки сайта HTML, особенности отображения HTML-тегов в браузерах. Создание формы заказа для онлайн-торговли.
курсовая работа [2,2 M], добавлен 16.04.2017