Материал: Создание веб–сайта для муниципального общеобразовательного учреждения средней общеобразовательной школы №2 г. Ростова

·              простотой использования;

·              эффективностью.- это язык, на котором программист может делать свою работу, причем для выполнения одной и той же задачи Perl предлагает несколько средств ее реализации. Одни из них более сложны, другие - менее. Разработчик может выбрать то, которое ему более понятно и которое ему проще применить, не тратя времени на изучение более сложных возможностей. В этом заключается простота использования Perl, которая позволяет применять его как для реализации одноразовых утилит, так и для создания сложных, часто используемых приложений.

Четвертое преимущество использования Perl связано с его дополнительными возможностями, позволяющими выполнять не только традиционные задачи администрирования UNIX и обработки текстовых файлов.

Пятое преимущество его использования: так как изначально этот язык являлся свободно распространяемым, то вся наработанная документация также доступна совершенно бесплатно, а так как Perl, как язык сценариев очень популярен, то в Интернет находится много документации по его применению для решения разнообразных задач.

2. Язык программирования общего назначения с открытым исходным кодом PHP. PHP сконструирован специально для ведения web-разработок и может внедряться в HTML-код.

PHP лучше всего охарактеризовать как работающий на стороне сервера встроенный язык сценариев Web, позволяющий разработчикам быстро и эффективно строить динамические web-приложения. С позиций грамматики и синтаксиса PHP напоминает язык программирования С, хотя разработчики не постеснялись включить в него средства из других языков, в том числе из Perl, Java и C++. Среди ценных заимствованных возможностей - поддержка регулярных выражений, мощные средства работы с массивами, объектно-ориентированная методология и обширная поддержка работы с базами данных.

При написании приложений, выходящих за рамки традиционной, статической методологии разработки web-страниц (то есть HTML), PHP также может послужить ценным инструментом для создания и управления динамическим содержанием, который используется наряду с JavaScript и другими языками. Благодаря наличию сотен стандартных функций PHP в состоянии решить практически любую задачу, которая может придти в голову разработчику. В нем имеется обширная поддержка создания графики и операций с ней, математических вычислений, средств электронной коммерции и таких популярных технологий, как XML (Extensible Markup Language), ODBC (Open Database Connectivity) и Macromedia Shockwave. Широкий выбор возможностей избавляет от необходимости рутинной и непростой работы по подключению сторонних модулей, поэтому многие разработчики со всего мира останавливают свой выбор на PHP.

Одним из главных достоинств PHP является тот факт, что он внедряется прямо в HTML-код, поэтому программисту не приходится писать программу с множеством команд для простого вывода HTML. Код HTML и PHP можно чередовать по мере необходимости.

Главным фактором при проектировании языка PHP является практичность. PHP должен предоставить программисту средства для быстрого и эффективного решения поставленных задач. Практический характер PHP обусловлен пятью важными характеристиками:

·           традиционностью;

·              простотой;

·              эффективностью;

·              безопасностью;

·              гибкостью.

Существует еще одна "характеристика", которая делает PHP особенно привлекательным: он распространяется бесплатно.

3. Ruby - интерпретируемый скриптовый язык высокого уровня для быстрого и удобного объектно-ориентированного программирования. Ruby имеет большое количество средств для обработки текстов, для решения системных задач. Ruby является полностью свободным языком программирования с возможностью копирования, модификации и распространения. Ruby перенесён на множество платформ. Он разрабатывался на Linux, но работает на многих версиях Unix, DOS, Windows 95/98/ NT/2000/XP, Mac OS, OS/2, и т.д. Целью создания Ruby был настоящий объектно-ориентированный интерпретируемый язык программирования. Название отсылает к языку Perl, наследником которого является Ruby (драгоценные камни: англ. pearl - жемчужина, англ. ruby - рубин).имеет простой и понятный синтаксис, позволяет обрабатывать исключения в стиле Java и Python, позволяет легко переопределять операторы, которые на самом деле являются методами. Ruby - полностью объектно-ориентированный язык программирования. Все данные в Ruby являются объектами. Также поддерживается добавление методов в класс и даже в конкретный экземпляр во время исполнения программы. Ruby сознательно не поддерживает множественное наследование, вместо которого существует концепция модулей. Ruby содержит автоматический сборщик мусора. Он работает для всех объектов Ruby, так что не надо заботиться о подсчёте ссылок даже во внешних библиотеках. Ruby не требует объявления переменных. Язык использует простые соглашения для обозначения области видимости. Ruby имеет независимую от ОС поддержку многопоточности.

4. Python - высокоуровневый язык программирования общего назначения с акцентом на производительность разработчика и читаемость кода. Синтаксис ядра Питона минималистичен. В то же время стандартная библиотека включает большой объём полезных функций.поддерживает несколько парадигм программирования, в том числе структурное, объектно-ориентированное, функциональное, императивное и аспектно-ориентированное. Основные архитектурные черты - динамическая типизация, автоматическое управление памятью, полная интроспекция, механизм обработки исключений, поддержка многопоточных вычислений и удобные высокоуровневые структуры данных. Код в Питоне организовывается в функции и классы, которые могут объединяться в модули (которые в свою очередь могут быть объединены в пакеты).

Эталонной реализацией Питона является интерпретатор CPython, поддерживающий большинство активно используемых платформ. Он распространяется свободно под очень либеральной лицензией, позволяющей использовать его без ограничений в любых приложениях.- активно развивающийся язык программирования, новые версии (с добавлением/изменением языковых свойств) выходят примерно раз в два с половиной года. Вследствие этого и некоторых других причин на Python отсутствуют ANSI, ISO или другие официальные стандарты, их роль выполняет Cpython.

Учитывая поставленные перед нами задачи, в качестве технологии разработки были выбраны язык HTML и каскадные таблицы стилей CSS. Однако время, когда все сайты писали вручную в блокнотах, давно прошли. В настоящее время существуют разные системы управления контентом (CMS), поддерживающие те или иные технологии разработки сайтов.

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

В настоящее время существует огромное количество систем управления контентом, которые могут отличаться своими функциональными возможностями и простотой управления. Наиболее богатой функциональностью обладают такие распространенные CMS на русскоязычном пространстве интернета: Joomla, Drupal, 1С-Битрикс. Рассмотрим их более подробно.

С-Битрикс - чрезвычайно удобная система для решения типовых задач. Модернизировать сайты на этой системе достаточно просто, но при условии, что сайт сделан профессиональным разработчиком Все технические задачи, связанные с SEO оптимизацией сайта на 1С-Битрикс, тоже даются легко. Нельзя назвать систему интуитивно понятной для контент-менеджера. Но, после прохождения короткого онлайн-курса всё встаёт на свои места и приходит понимание, что сайтом управлять действительно удобно. В целом система даёт ту гибкость управления контентом, которая необходима в 90% случаев.

Еще одна система управления контентом - UMI.CMS. Несмотря на то, что система входит в тройку лидеров коммерческих CMS по версии #"897092.files/image008.gif">

Рисунок 3.3 Верхняя часть главной страницы сайта

Рисунок 3.4 Нижняя часть главной страницы сайта

Для оформления элементов страницы использован стиль. Описание стиля для оформления всей страницы приведено ниже:

.style {

}, html {: 100%;family: Verdana;

}, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {: 0;: 0;: 0;: 0;size: 100%;align: baseline;: transparent;

}agent stylesheet{: block;

}

Описание стиля для оформления тела страницы (содержания, описанного внутри тэгов <body>) приведено ниже:

.style {

}, html {: 100%;family: Verdana;

}{height: 1;

}, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {: 0;: 0;: 0;: 0;size: 100%;align: baseline;: transparent;

}agent stylesheet{: block;

}

Inherited from

html, html {: 100%;

}, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {: 0;: 0;: 0;: 0;align: baseline;

background: transparent;

}

Структура главной страницы соответствует схеме, представленной в п.3.1. Так, страница содержит название и фото организации, меню, новости, полезные ссылки.

На главной странице сайта расположено меню, которое обеспечивает переход ко всем страницам, предусмотренным в меню. Для создания меню и обработки событий перехода к под страницам был разработан следующий код:

<div id="content">

<div id="navigation">

<ul>

<ahref="#"897092.files/image010.gif">

Рисунок 3.5 Версия сайта для слабовидящих

В настоящее время очень важно иметь мобильную версию любого сайта. При этом создание отдельной версии для каждого типа устройств (компьютер, планшет, телефон) является невозможным или, по крайней мере, не практичным. Адаптивная верстка - подход, предполагающий изменение дизайна в зависимости от поведения пользователя, размера экрана, платформы и ориентации девайса. Другими словами, страница должна автоматически подстраиваться под разрешение, изменять размер картинок и т.д. Это позволит устранить нужду в разработке дизайна для каждого нового устройства, появляющегося в продаже.

Один из вариантов адаптивного дизайна - использование гибкой верстки. В этом случае весь дизайн - микс адаптивных слоев, картиноки в некоторых местах умной разметки. Создание адаптивных слоев - частая практика, что нельзя сказать об адаптивных картинках.

Одна из самых главных проблем, которая нуждается в решении при работе с адаптивным дизайном - это работа с картинками. Существует много способов изменять размер изображений, и большинство из них реализуется очень просто. Одним из таких примеров является использование max-width в CSS:img {max-width: 100%;}

Максимальная ширинаизображения равняется 100% от ширины экрана или окна браузера, и, когда ширина уменьшается, то же делает и картинка. Представленный способ является отличным началом в создании адаптивных изображений, но разрешение и время загрузки должны оставаться приоритетными.

Для чрезвычайных изменений размеров можноизменить расположение элементов в целом через отдельный файл со стилями или, что более эффективно, через CSS-медиазапрос. Для создания адаптивного дизайна можно использовать CSS3-медиазапросы. min-width задает минимальную ширину окна браузера или экрана, ккоторой будут применены определенные стили. Если какое-нибудь значение будет ниже min-width, то стили будут проигнорированы; max-width делает противоположное.

Для мобильных устройств обычно используются: упрощенная навигация, более сфокусированный контент, списки или строки вместо колонок. CSS дает нам возможность показывать и прятать контент.

На сайте МОУ СОШ №2 г. Ростова использование адаптивного дизайна предполагает уменьшение размера элементов и расширения изображений.

Для удобства использования сайта создана карта сайта. Пользуясь этой картой удобно находить различные разделы и страницы сайта.

Таким образом, разработанный сайт является простым, удобным в использовании и соответствует предъявленным требованиям. Для соответствия законодательству было разработано пользовательское соглашение о предоставлении сетевого доступа.

Также в школе был подписан приказ о назначении ответственного за работу с сайтом организации.

Таким образом, для работы сайта были подготовлены все необходимые локальные документы.

Заключение

В ходе выполнения выпускной квалификационной работы была выполнена разработка сайта муниципального общеобразовательного учреждения средняя общеобразовательная школа №2 г. Ростова.

Для достижения поставленной цели был выполнен анализ требований к сайту образовательной организации, анализ предметной области, обоснование структуры сайта. На основе данных анализа было проведено проектирование, разработка и внедрение сайта образовательной организации.

Для создания сайта была выбрана CMSDrupal. Необходимо отметить, что Drupal является гибкой системой, которая имеет большое количество различных дополнений, позволяющих создавать сайты различной тематики социальные сети, галереи, форумы, новостные сайты.
Недостатком данной системы, прежде всего, является то, что не каждый, в особенности новичок, сможет быстро создать качественный сайт.