Веб-сайт "МБОУ Модутская средняя общеобразовательная школа"

Роль веб-сайта в деятельности образовательного учреждения "МБОУ Модутская средняя общеобразовательная школа". Выбор системы управления содержимым для разработки сайта. Структура и разработка веб-сайта, создание шаблона. Публикация сайта в сети Интернет.

Рубрика Программирование, компьютеры и кибернетика
Вид дипломная работа
Язык русский
Дата добавления 04.11.2016
Размер файла 1,9 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

Веб-сайт «МБОУ Модутская средняя общеобразовательная школа»

Дипломная работа

СОДЕРЖАНИЕ

Введение

Глава 1. Веб-сайт образовательного учреждения

1.1 Роль веб-сайта в деятельности образовательного учреждения

1.2 Нормативные документы

1.3 Выбор системы управления содержимым для разработки сайта

Глава 2. Создание веб-сайта МБОУ «Модутская СОШ»

2.1 Структура веб-сайта.

2.2 Создание шаблона

2.3 Разработка веб-сайта

2.4 Публикация сайта в сети Интернет

Заключение.

Использованная литература

ВВЕДЕНИЕ

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

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

Целью данной дипломной работы является разработка веб-сайта «МБОУ Модутская средняя общеобразовательная школа»

Для достижения поставленной цели были выдвинуты следующие задачи:

1) выявить роль и значение веб-сайтов в деятельности образовательных учреждений;

2) рассмотреть нормативные требования;

3) выявить структуру и технологию создания веб-сайта;

4) разработать веб-сайт в системе Joomla. Объектом исследования является веб-сайт "МБОУ Модутская средняя общеобразовательная школа", предметом - система управления сайтом Joomla. Данная дипломная работа состоит из введения, двух глав, заключения и списка литературы.

ГЛАВА 1. ВЕБ-САЙТ ОБРАЗОВАТЕЛЬНОГО УЧРЕЖДЕНИЯ

1.1 РОЛЬ ВЕБ-САЙТА В ДЕЯТЕЛЬНОСТИ ОБРАЗОВАТЕЛЬНОГО УЧРЕЖДЕНИЯ

Бесспорно, что внедрение компьютерной техники во все сферы человеческой деятельности - объективный процесс развития нашего общества. Система образования составляет одну из важнейших областей е? применения. В современных условиях вопрос об информатизации сферы российского образования является одним из главных в разработке дальнейшей стратегии развития современного российского образования, как в теоретическом, так и практическом смысле.

Главной целью информатизации в учебном заведении является повышение качества подготовки будущих специалистов посредством внедрения в учебный процесс новых информационных технологий. Информатизация учебного заведения в первую очередь основана на хорошей базовой компьютерной подготовке и реализации принципа непрерывного применения информационных технологий в учебном процессе [6].

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

В связи с бурным развитием информационных технологий роль официальных сайтов в деятельности образовательных учреждений возрастает. Большинство этих сайтов являются презентационными, то есть представляют собой информацию об образовательном учреждении: персоналиях директора, учителей и учащихся, сведения о планах и мероприятиях. В современных условиях требования к веб-сайту образовательного учреждения значительно расширяются - всестороннее освещение образовательной, научно-методической, общественной деятельности учебного заведения, обмен опытом, творческими идеями, достижениями, формами внеклассной работы. Сайт должен обеспечивать расширение образовательных возможностей обучения через организацию процесса дистанционного образования, отражения деятельности учеников и педагогов для внешних посетителей сети Интернет, информационной поддержки учащихся и педагогов, проведения дистанционных родительских собраний, семинаров, конкурсов, опросов и т.д. Официальный сайт образовательного учреждения должен иметь особый стиль и содержание, создавать позитивный имидж, эффективно использовать возможности глобальной компьютерной сети, выполнять представительские функции в расчете на различные категории потенциальных посетителей и играть роль связующего звена между учреждением, педагогами, родителями, обучающимися и общественными организациями региона, страны [10].

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

1.2 НОРМАТИВНЫЕ ДОКУМЕНТЫ

Согласно Федеральному закону №273-ФЗ от 29.12.2012 г «Об образовании в Российской Федерации» (статья 29) -"Информационная открытость образовательной организации" образовательные организации формируют открытые и общедоступные информационные ресурсы, содержащие информацию об их деятельности, и обеспечивают доступ к таким ресурсам посредством размещения их в информационно- телекоммуникационных сетях, в том числе на официальном сайте образовательной организации в сети "Интернет".

Образовательные организации обеспечивают открытость и доступность:

1) информации:

а) о дате создания образовательной организации, об учредителе, учредителях образовательной организации, о месте нахождения образовательной организации и ее филиалов (при наличии), режиме, графике работы, контактных телефонах и об адресах электронной почты;

б) о структуре и об органах управления образовательной организацией;

в) о реализуемых образовательных программах с указанием учебных предметов, курсов, дисциплин (модулей), практики, предусмотренных соответствующей образовательной программой;

г) о численности обучающихся по реализуемым образовательным программам за счет бюджетных ассигнований федерального бюджета, бюджетов субъектов Российской Федерации, местных бюджетов и по договорам об образовании за счет средств физических и (или) юридических лиц;

д) о языках образования;

е) о федеральных государственных образовательных стандартах, об образовательных стандартах (при их наличии);

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

з) о персональном составе педагогических работников с указанием уровня образования, квалификации и опыта работы;

и) о материально-техническом обеспечении образовательной деятельности (в том числе о наличии оборудованных учебных кабинетов, объектов для проведения практических занятий, библиотек, объектов спорта, средств обучения и воспитания, об условиях питания и охраны здоровья обучающихся, о доступе к информационным системам и информационно- телекоммуникационным сетям, об электронных образовательных ресурсах, к которым обеспечивается доступ обучающихся);

к) о направлениях и результатах научной (научно-исследовательской) деятельности и научно-исследовательской базе для ее осуществления (для образовательных организаций высшего образования, организаций дополнительного профессионального образования);

л) о результатах приема по каждой профессии, специальности среднего профессионального образования (при наличии вступительных испытаний), каждому направлению подготовки или специальности высшего образования с различными условиями приема (на места, финансируемые за счет бюджетных ассигнований федерального бюджета, бюджетов субъектов Российской Федерации, местных бюджетов, по договорам об образовании за счет средств физических и (или) юридических лиц) с указанием средней суммы набранных баллов по всем вступительным испытаниям, а также о результатах перевода, восстановления и отчисления;

м) о количестве вакантных мест для приема (перевода) по каждой образовательной программе, по профессии, специальности, направлению подготовки (на места, финансируемые за счет бюджетных ассигнований федерального бюджета, бюджетов субъектов Российской Федерации, местных бюджетов, по договорам об образовании за счет средств физических и (или) юридических лиц);

н) о наличии и об условиях предоставления обучающимся стипендий, мер социальной поддержки;

о) о наличии общежития, интерната, количестве жилых помещений в общежитии, интернате для иногородних обучающихся, формировании платы за проживание в общежитии;

п) об объеме образовательной деятельности, финансовое обеспечение которой осуществляется за счет бюджетных ассигнований федерального бюджета, бюджетов субъектов Российской Федерации, местных бюджетов, по договорам об образовании за счет средств физических и (или) юридических лиц;

р) о поступлении финансовых и материальных средств и об их расходовании по итогам финансового года;

с) о трудоустройстве выпускников;

2) копий:

а) устава образовательной организации;

б) лицензии на осуществление образовательной деятельности (с приложениями);

в) свидетельства о государственной аккредитации (с приложениями);

г) плана финансово-хозяйственной деятельности образовательной организации, утвержденного в установленном законодательством Российской Федерации порядке, или бюджетной сметы образовательной организации;

д) локальных нормативных актов, предусмотренных частью 2 статьи 30 настоящего Федерального закона, правил внутреннего распорядка обучающихся, правил внутреннего трудового распорядка, коллективного договора;

3) отчета о результатах самообследования. Показатели деятельности образовательной организации, подлежащей самообследованию, и порядок его проведения устанавливаются федеральным органом исполнительной власти, осуществляющим функции по выработке государственной политики и нормативно-правовому регулированию в сфере образования;

4) документа о порядке оказания платных образовательных услуг, в том числе образца договора об оказании платных образовательных услуг, документа об утверждении стоимости обучения по каждой образовательной программе;

5) предписаний органов, осуществляющих государственный контроль (надзор) в сфере образования, отчетов об исполнении таких предписаний;

6) иной информации, которая размещается, опубликовывается по решению образовательной организации и (или) размещение, опубликование которой является обязательным в соответствии с законодательством Российской Федерации.

Информация и документы подлежат размещению на официальном сайте образовательной организации в сети "Интернет" и обновлению в течение десяти рабочих дней со дня их создания, получения или внесения в них соответствующих изменений. Порядок размещения на официальном сайте образовательной организации в сети "Интернет" и обновления информации об образовательной организации, в том числе ее содержание и форма ее предоставления, устанавливается Правительством Российской Федерации [1].

Помимо всего вышеуказанного по постановлению Правительства Российской Федерации №582 от 10.07.2013 г «Об утверждении правил размещения на официальном сайте образовательной организации в информационно-телекоммуникационной сети «Интернет» и обновлении информации об образовательной организации» при размещении информации на официальном сайте и ее обновлении обеспечивается соблюдение требований законодательства Российской Федерации о персональных данных. Технологические и программные средства, которые используются для функционирования официального сайта, должны обеспечивать:

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

б) защиту информации от уничтожения, модификации и блокирования доступа к ней, а также иных неправомерных действий в отношении нее;

в) возможность копирования информации на резервный носитель, обеспечивающий ее восстановление;

г) защиту от копирования авторских материалов.

Информация на официальном сайте размещается на русском языке, а также может быть размещена на государственных языках республик, входящих в состав РФ, и (или) на иностранных языках [2].

Согласно приказу Рособрнадзора от 29.05.2014 N 785 "Об утверждении требований к структуре официального сайта образовательной организации в информационно-телекоммуникационной сети "Интернет" и формату представления на нем информации" определен состав и структура информации, подлежащей обязательному размещению на таких сайтах.

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

1. "Основные сведения" (дата создания организации, ее учредители, место нахождения организации и ее филиалов, режиме, графике работы, контактная информация);

2. "Структура и органы управления образовательной организацией";

3."Документы" (устав образовательной организации, лицензия на осуществление образовательной деятельности, свидетельство о государственной аккредитации, план финансово-хозяйственной деятельности);

4."Образование" (реализуемые уровни образования, формы обучения, учебные планы, методические документы, численность обучающихся на бюджетных местах);

5."Образовательные стандарты";

6. "Руководство. Педагогический состав";

7."Материально-техническое обеспечение и оснащенность образовательного процесса";

8."Стипендии и иные виды материальной поддержки" (условия предоставления стипендий, наличие общежитий, плата за проживание, трудоустройство выпускников);

9. "Платные образовательные услуги";

10. "Финансово-хозяйственная деятельность" (объем образовательной деятельности, финансовое обеспечение которой осуществляется за счет бюджетных средств и по договорам об образовании);

11. "Вакантные места для приема (перевода)" (количество вакантных мест для приема (перевода) по каждой образовательной программе, профессии, специальности, направлению подготовки (на бюджетные и платные места) [3].

1.3 ВЫБОР СИСТЕМЫ УПРАВЛЕНИЯ СОДЕРЖИМЫМ ДЛЯ РАЗРАБОТКИ САЙТА

сайт шаблон сеть образовательный

Joomla, Drupal и WordPress -- бесплатные системы управления, на основе которых можно создавать функциональные и легко управляемые сайты без серьезных финансовых затрат. Попробуем провести анализ и сравнить эти системы между собой. Выбраны наиболее важные аспекты, которые скорее всего заинтересуют разработчиков, планирующих построить программный продукт на базе cms/cmf решений [17, с.244]. Рассмотрим наиболее популярные в рунете CMS, такие как: Joomla, WordPress и Drupal. Проведем сравнительный анализ (см. Таблица 1)

Таблица 1 - Сравнительный анализ CMS:

Критерий

Joomla

WordPress

Drupal

1

Наличие плагинов

Множество бесплатных шаблонов и плагинов Joomla можно найти в свободном доступе;

Много бесплатных шаблонов дизайна Вордпресс в паблике;

Наличие большого количества плагинов для Drupal в свободном доступе;

2

Отзывы

Отзывы Joomla отмечают низкую скорость загрузки страниц, требуется дополнительная оптимизация;

Отзывы WordPress отмечают, что многие дополнения нестабильно работают с различными версиями движка, поэтому при их установке можно нарушить стабильность работы сайта;

Отзывы Drupal отмечают сложность для понимания обычными пользователями и недружелюбный интерфейс;

3

Безопасность

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

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

Сейчас целый ряд крупных корпоративных сайтов компаний с мировыми именами работает на Drupal, поэтому у разработчиков к безопасности серьезное отношение.

4

Версии

С наличием новых версий у Joomla стабильн ая постоянность. Версию 3.6.2 можно смело считать очень- очень стабильной и

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

Хотя официально и заявлено, что версии WordPress будут выходить по графику, на самом деле этого не происходит. Если обнаруживается какая-либо серьезная «дыра», то разработчики опреративно выпускают обновление, поэтому график версий сбивается.

Версии выходят регулярно. Выпущ ена 6-я версия. Предыдущая 5-я версия по срав- нению с 4.7 выглядит хоро- шим Эволюционным этапом. Новые

версии подолгу тестируются. Ядро стабильное. Ошибки в востребованных модулях обычно исправляются оперативно.

5

Визуальный редактор

Таковых под нее множество: в основном это портированные и самые распространенн ые редакторы. Однако самым удобным и хо- рошим из бесплатных яв- ляется редактор JCE, разра- ботанный специально для Joomla (а изначально еще для Mambo, тогда он назывался MosCE), способный составить очень хорошую альтернативу платному WysiwygPro.

Стандартно в WordPress'е используется немного урезанный TinyMCE и простой текстовый ре- дактор (переключение между ними «на лету»). Нужно отметить, что в WordPress'е есть возможность сто- ронним плагинам добавлять кнопки в редактор. Таким образом можно например получить функции для добавления видео, аудио и т.д.

В Drupal можно встроить TinyMCE или FCKEditor. И тот и другой гибко настраиваются. Оба являются мощными средствами. В TinyMCE, например, можно работать с таблицами, добав- ляя и удаляя строки и столбы и объединяя ячейки, может фильтровать скопированные из Ворда тексты от избыточных тегов

6

Работа с изображениями

Существует три типа расширений - компонент, модули и мамботы. Причем каждый тип расширений позволяет решать свои типы задач, что позволяет добавлять фактически лю- бой новый функционал, не залезая в "ядро".

В WordPress'е вполне удобно можно добавлять картинки в редактор. Автоматически будет сделана ми- ниатюра. То есть расчет на то, что-

бы с этой задачей справился неопытный пользователь.

Поддерживается изменение размеров картинки при загрузке и генерация изображений preview.

Joomla, WordPress и Drupal [17, с.211].

Самый первый вопрос, который должен задать себе владелец будущего сайта при выборе из этих трех систем, звучит так: «Если у меня возникнут вопросы и потребуется помощь, смогу ли я быстро и легко ее найти?». Безусловно, да. Как говорилось в начале, Joomla, WordPress и Drupal являются проектами, которыми управляет сообщество. Его наследие -- множество мануалов, инструкций, статей, ответов на всевозможные вопросы. При этом информация довольно хорошо классифицирована и упорядочена, что позволяет новичку, при наличии терпения и уважения к людям, получить ответ на любой вопрос. Существуют десятки форумов, на которых опытные участники помогают менее продвинутым пользователям, стараются решить их проблемы.

Рассмотрим особенности и сильные стороны каждой из систем.

Joomla

Официальный сайт

joomla.org, русскоязычный форум joomla-support.ru

Описание

Компромисс между ориентированным на разработчика, но более гибким Drupal и дружелюбной к пользователю WordPress

Примеры сайтов, работающих на CMS

MTVNetworksQuizilla, HarvardUniversity, IHOP

Простота использования

Проще Drupal, сложнее WordPress. Относительно ненапрягающая установка и настройка в совокупности с нетребовательностью к затратам времени на понимание структуры и терминологии дают возможность самостоятельно построить весьма сложный сайт

Особенности

Система разрабатывалась в качестве платформы для сообществ с акцентом на социальные функции

Плагины для кэширования

JotCache позволит оптимизировать выдачу поисковых запросов по сайту, а также дает возможность указать контент, который будет кэшироваться, и исключить из кэша ненужное. Кэширование страниц также поддерживается плагином SystemCache, входящим в состав Joomla

Оптимальные сценарии использования

Сайты с достаточно гибкой структурой, создание которой было бы проблематично из-за ограничений WordPress. Электронная коммерция, социальные площадки.

Drupal

Официальный сайт

drupal.org, русскоязычное сообщество drupal.ru

Описание

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

Примеры сайтов, работающих на CMS

FastCompany, TeamSugar

Простота использования

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

Особенности

Система известна своей мощной таксономией и возможностями по разметке, категоризации и организации сложного контента

Плагины для кэширования

Pressflow -- готовая сборка Drupal, доступная для загрузки. Включает в себя несколько предустановленных улучшений, в том числе нацеленных на улучшение производительности сайта

Оптимальные сценарии использования

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

WordPress

Официальный сайт

wordpress.org, русскоязычный раздел ru.wordpress.org

Описание

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

Примеры сайтов, работающих на CMS

PlayStation Blog, CNN Political Ticker, NASA Ames Research Center, The New York Observer

Простота использования

Технические знания в данном случае совсем не обязательны. WordPress простая и интуитивная. С ее помощью можно чрезвычайно быстро создать простой сайт. Также WordPress привлекает возможностью без труда переносить текст из текстовых документов на сайт, чем не могут похвастать Drupal и Joomla

Особенности

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

Плагины для кэширования

WPSuperCache -- плагин, оптимизирующий производительность сайта путем генерации статичных HTML-файлов из получаемого из баз данных контента

Оптимальные сценарии использования

Блоги, новостные сайты и другие форматы, требующие наличия возможности быстро и легко добавлять контент. При необходимости недостающая функциональность добавляется с помощью аддонов [5].

Из приведенных CMS была выбрана система Joomla. Система управления Joomla подходит для разработки практически всех видов сайтов - от сайта визитки до масштабного интернет портала. Многие ведущие веб-сайты функционируют на CMS Joomla.

ГЛАВА 2. СОЗДАНИЕ ВЕБ-САЙТА МБОУ «МОДУТСКАЯ СОШ»

2.1 СТРУКТУРА ВЕБ-САЙТА

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

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

Внутренняя структура главного меню веб - сайта школы выглядит следующим образом (см. таблицу 2).

Таблица 2 - Внутренняя структура сайта

Главная

* Новости

ЕГЭ и ОГЭ

* ГИА 2016

* ЕГЭ

* ОГЭ

* РЭП ЛЕТО 2016

Отчеты

* Информация

Контакты

* обратная связь

О школе

* Сведения об образовательной организации

* История школы

* Образовательная деятельность

* Контакты

Образование

* Образовательные программы

* Описание образовательной программы

* Календарный учебный график

* Учебные планы

* Расписание

* Численность обучающихся

* Нормативные сроки обучения

Внешняя структура состоит из:

* Шапки (Header), имеется Лого, ссылки на статичные страницы, RSS, меню, поиск и слайдер;

* Левый блок (Sidebar), в котором имеется блоки «Случайная картинка», «Друзья сайта» и временные блоки;

* По середине поле для контента;

* Подвал, в котором имеется баннер «Информационно-образовательные ресурсы»; (см. рисунок 1);

Рисунок 1 - Внешняя структура сайта www.modut.ru

2.2 СОЗДАНИЕ ШАБЛОНА

Делать шаблон с нуля следует делать для того, что бы сайт был максимального подогнан под нужды веб мастера. В иных случаях шаблон лучше всего использовать уже созданный. Благодаря сообществу joomla, можно примерить очень большое количество шаблонов. И притом если какой нибудь шаблон понравится, можно его отредактировать под свои нужды.

Для начала качаем бесплатный шаблон для joomla 3.6.2. Шаблон имеет название "Blog J". Данная тема находится по адресу: https://joomla3x.ru/joomla3-templates/105-blog-j-udobnyj-shablon-bloga-dlya-joomla-3.html. Является работой одного из участников сообщества JVG.

Для установки требуется скачать тему на свой компьютер и далее загрузить тему с расширением *.zip на веб-сервер. Сжатый файл загружается на сервер чтобы не нагружать канал сети и передать нагрузку разархивации на веб-сервер. Тема Чтобы загрузить тему на веб-сервер используется программа filezilla (см. рисунок 2).

Рисунок 2 - Загрузка темы

Активация темы происходит из администраторской зоны Joomla 3.6.2, http://modut.ru/administrator?nick/.

Далее по ссылке «Менеджер шаблонов» находим загруженную тему под названием "blog j" и устанавливаем по умолчанию. Таким образом, установлена тема "blog j". Первым делом после установки темы следует изменить шапку (header). Что бы поставить свой логотип требуется перекинуть файл logo.png в папку"modut/images/"(см.рисунок 3).

Рисунок 3 - Скачивание логотипа на сайт

2.3 РАЗРАБОТКА ВЕБ-САЙТА

После удачной установки шаблона и поправки логотипа можно приступить к добавлению материалов на сайте. Делается это дело весьма просто [12]. Переходим в панель управлении CMS, путь к нему выглядит таким образом: http://вашсайт/administrator, в нашем случае ссылка выглядит http://modut.ru administrator?nick.

Здесь можно изменить весь сайт:

Система

Панель управления и Общие настройки.

Пользователи

Управление аккаунтами, ролями и правами пользователей.

Меню

Менеджер меню и все пункты меню.

Материалы

Управление материалами и категориями.

Компоненты

Расширение функциональности сайта.

Расширение

Управление модулями, плагинами, шаблонами и языками.

Справка

Справочная информация Joomla.

Из данного меню пункта выбираем «Материалы». Нажимаем «Создать категорию»(см. рисунок 4). Категории - это своего рода папки для материалов (статей).

Теперь нужно вести названия категории, и первая категория у нас называется "Главная", далее идет алиас - псевдоним страницы написанный латинсками символами, он отображается в адрессной строке сайта. После этого нажимаем кнопку сохранить и закрыть.

Рисунок 4 - Создание категории

После создания категории приступим к созданию материала. В процессе создания материала мы будем распределять материал по тем или иным категориям в зависимости к какой категории относится сам материал.

Материал создается так же как и категория только с некоторыми исключениеми, материал должен содержать информацию для контента и находится в нужной категории. (см. рисунок 5).

Рисунок 5 - Создание материала

Далее же заполняем строки материала «Название заголовка» и «путь» в виде алиас и нажимаем кнопку сохранить и закрыть. В итоге у нас получился материал такого вида (см. рисунок 6)

Рисунок 6- Материал на странице сайта

Таким образом можно добавить несколько материалов, как в итоговом сайте. Следующим шагом будет заполнение навигации. Для того что бы заполнить навигацию, надо иметь прямое представление о том, как он устроен. У каждой CMS понятие навигации различаются. В joomla понятие навигация используется как основное меню или блок меню в котором собраны все материалы и которые относятся в данной категории. Для того что бы построить меню и навигацию, требуется заранее создать страницы которые будут прикреплены в меню и навигацию. Пример готовой меню и навигации вы можете увидеть на рисунке 7.

Рисунок 7 - Меню и навигация сайта

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

Joomlа отображает на главной странице материалы которые имеют метку "Избранные" они нужны для того чтобы, отметить необходимые материалы которые относятся к категории главная (новостная страница), чтобы можно было организовывать правильно свой сайт. (см. рисунок 8).

Рисунок 8 - Избранный материал

Часто в Joomla приходится редактировать или добавлять тексты не в визуальном режиме, а в режиме текстового редактора. Для этого не нужно входить в Общие настройки и переключать редакторы на «CodeMirror» или «Без редактора». Достаточно нажать кнопку внизу окна редактора «Выключить редактор» (см.рисунок 9).

Рисунок 9 - Выключить редактор

Далее создаем модуль"HTML-код" и добавляем в него теги, изображения, классы и.т.д (см.рисунок 10)

Рисунок 10 - Добавления html-кода

Рисунок 11 - Левый блок «Случайная картинка»

Рисунок 12 - Левый блок «Друзья сайта»

Рисунок 13 - Шапка сайта

Рисунок 14 - Слайдер

Рисунок 15 - Баннер

После всех настроек нажимаем сохранить и любуемся результатом на странице modut.ru (см. рисунки 16,17)

Рисунок 16 - Главная страница

Рисунок 17 - Страница «Контакты»

2.4 ПУБЛИКАЦИЯ САЙТА В СЕТИ ИНТЕРНЕТ

В качестве хостинга был выбран beget.ru. Причиной выбор является то, что у хостера имеется бесплатный хостинг.

Доменное имя для сайта был куплен из Reg.ru. Далее будут рассмотрены преимущества и недостатки хостинга beget.ru (см. таблицу 3):

Таблица 3 - Анализ положительных и отрицательных сторон хостинга Beget.ru

После регистрации домена первого уровня с адресом www.modut.ru, требуется скопировать все ранее созданные файлы на хостинг. Все страницы были созданы локально с использованием Denwer, что ускоряло работу, так как все файлы лежали на локальном компьютере. Что бы сайт открывался в интернете, требуется залить все файлы, сохраняя структуру, на хостинг. Заливка файла осуществлялась с помощью программы FileZillaFTPClient (см. рисунок 18).

Рисунок 18. Загрузка файлов на хостинг

ЗАКЛЮЧЕНИЕ

В заключении проведенного исследования можно сделать следующие основные выводы:

По теоретической части:

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

2) Были рассмотрены

3) Основной стандарт в образовательном учреждении следующий:

* возможность свободного доступа.

* регулярное обновление информации

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

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

* размещение расписания

* площадка для диалога участников образовательного процесса;

4) изучив специальную литературу по теме исследования следует отметить, что при разработке внешней и внутренней структуры, главная задача сделать так, чтобы в будущем посетителю было легко ориентироваться на сайте.Структура веб-сайта для поисковых ботов должна отвечать определенным требованиям в целях увеличения и индексируемости сайта, тем самым подняться при списке поиска в яндекс и Google систем поисковиков.

По практической части:

1) выявлена структура и технология создания веб-сайта;

2) разработан веб-сайт в системе Joomla.

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

ИСПОЛЬЗОВАННАЯ ЛИТЕРАТУРА

1. Воройский, Ф.С. Систематизированный толковый словарь по информатике. Вводный курс по информатике и вычислительной технике в терминах / Ф.С. Воройский. - М.: Либерия, 1998. -376 с.

2. Гаврильев, М.В., Информатика: учеб.пособие / М.В. Гаврильева, Н.В. Спрожецкая. - М.: Гардарит, 2006.

3. Гайсина, Л.Ф. Создание Web-страниц: Методические указания к лабораторному практикуму./Л.Ф. Гайсина.- Оренбург: ГОУ ОГУ, 2004. - 76 с.

4. Гасов, В.М. Методы и средства подготовки электронных изданий /В.М. Гасов. //www.hi-edu.ru/e-books/xbook081/01/index.html

5. Захарова, И. Г. Информационные технологии в образовании: Учеб.пособие для студ. высш. пед. учеб. заведений. / И.Г. Захарова - М.: Издательский центр «Академия», 2003. - 192с

6. Каллахан, И. Практика разработки Web-страниц / И.Каллахан // http://www.intuit.ru/department/internet/webdev/

7. Кирсанов, Д. Веб-дизайн: книга Дмитрия Кирсанова. / Д. Кирсанов. -СПб.: Символ-Плюс, 1999.

8. Коджаспирова, Г.М. Педагогический словарь: для студ. высш. и средн. пед. учеб. заведений / Г.М. Коджаспирова, А.Ю. Коджаспиров. - М.: Издательский центр «Академия», 2001.-176с.

9. Лакаев, А.С. Структурный анализ гипертекста / А.С. Лакаев, М.М. Субботин, Д.М. Субботин //Материалы ежегодной конференции по взаимодействию человека и ЭВМ. Санкт-Петербург, 4-8 авг., 1992. С. 127-130.

10. Лапчик, М.П. Методика преподавания информатики: учеб.пособие для студ.пед.вузов / М.П.Лапчик, И.Г.Семакин, Е.К.Хеннер. -М.: Издательский центр «Академия», 2007. -624 с.

11. Ларсон, М. Создание Web-страниц с помощью MS Office 97 / Майкл Ларсон. - М.: БИНОМ, 1998. -- 480 с.

12. Мерц, Д. Советы по Web-разработке: Десять (или чуть больше) файлов, необходимых для каждого Web-сайта / Дэвид Мерц // http://www.ibm.com/developerworks/ru/library/wa-webfiles/index.html

13. О создании и разработке веб-страниц// http://office.microsoft.com/ru-ru/frontpage/HP052746781049.aspx

14. Обзор редакторов для верстки веб-страниц // www.postroika.ru /html/softhtml.html

15. Пауэлл, Т.А. Полное руководство по HTML / Пер. с англ. А.В. Качанов. - Мн.: ООО “Попурри”, 2001. - 912 с.

16. Пятибратов, А.П. Вычислительные системы, сети и телекоммуникации: Учебник/ А.П. Пятибратов. - М.: Финансы и статистика, 2001. - 512 с.

17. Рева О. Н. Создание Web-страниц. Просто как дважды два / О.Н.Рева . -М.: Эксмо, 2005

18. Саймино, Д. Сети Интернет. Внутреннее движение / Д.Саймино. -М.: Бук Медиа Паблишер, 1997.

19. Субботин, М.М. Гипертекст. Новая форма письменной коммуникации / М.М.Субботин. -М., 1994.

20. Тихомиров, В.П. Основы гипертекстовой технологии / В.П.Тихомиров. -М., 1993.

21. Хейли, М. Эффективная работа в сети Internet / М.Хейли, Ф. Чен. -СПб.: Питер, 1998.

22. Храмцов, П.Б., Основы web-технологий / П.Б. Храмцов, С.А. Брик, А.М.Русак, А.И. Сурин. -М.:БИНОМ, 2007.

Размещено на Allbest.ru


Подобные документы

  • Структура подразделений Муниципального общеобразовательного учреждения Шараповская Средняя общеобразовательная школа и их функции. Основания для разработки сайта. Требования к обслуживанию, аппаратному и программному обеспечению для эксплуатации сайта.

    отчет по практике [981,2 K], добавлен 10.12.2014

  • Web-сайт образовательного учреждения: понятие, классификация, структура. Характеристика типового web-сайта, его роли в работе образовательного учреждения. Этапы проектирования web-сайта: разработка, реализация и размещение в сети, продвижение и поддержка.

    курсовая работа [65,5 K], добавлен 18.06.2010

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

    курсовая работа [686,4 K], добавлен 13.06.2022

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

    дипломная работа [1,5 M], добавлен 08.12.2013

  • Проектирование web-сайта. Пользовательские персонажи, детальная концепция сайта. Разработка скелетной схемы страниц, информационной архитектуры. Создание прототипа web-сайта. Выбор среды разработки. CMS системы и их анализ. Стадии проектирования сайта.

    курсовая работа [346,7 K], добавлен 18.09.2016

  • Изучение различных систем управления содержимым, обеспечивающих доступ к информации в сети Интернет и удобное редактирование сайта. Разработка информационной структуры, дизайна и информационное наполнение web-сайта по теме "Экстремальные виды спорта".

    дипломная работа [2,6 M], добавлен 15.05.2012

  • Услуги, предоставляемые компанией "Южные телефонные сети". Официальный сайт предприятия. Языковые и программные средства редактирования веб-страниц. Создание сайта на платформе Xara Designer Pro X9. Размещение готового веб-сайта в сети интернет.

    курсовая работа [448,8 K], добавлен 25.02.2015

  • Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.

    курсовая работа [1,0 M], добавлен 09.01.2014

  • Разработка сайта в приложении FrontPage. Программные средства и технологии, используемые при разработке сайта. Основная структура сайта и размещение исходных файлов. Создание графических страниц, элементов и рисунков. Размещение сайта в сети Internet.

    курсовая работа [1,6 M], добавлен 13.06.2013

  • Создание административной части сайта. Дизайн веб-сайта. Установка шаблона Joomla. Система администрирования. Определение прибыли и свободной отпускной цены программного средства. Обоснование экономической целесообразности проведения мероприятия.

    дипломная работа [1,2 M], добавлен 02.09.2016

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.