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

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

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

Существуют несколько подходов к составлению элективных курсов:

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

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

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

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

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

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

Составляя любой элективный курс необходимо помнить, что основными принципами обучения должны являться:

- индивидуальность,

- систематичность и последовательность,

- доступность,

- преемственность,

- научность,

- направленность,

- использование новых технологий в обучении,

- результативность.

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

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

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

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

- развитие любознательности как основы познавательной активности;

- развитие способностей, склонностей, интересов ребенка;

- формирование творческого воображения;

- развитие ключевых компетенций.

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

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

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

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

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

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

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

Как и любая авторская программа, программа элективного курса должна пройти рецензирование, которое в основном организуется в два этапа: внутренний и внешний.

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

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

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

§2. Построение элективного курса «Основы веб-дизайна»

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

В связи с тем, что содержание учебного предмета «Информатика и ИКТ» является модельным, программы элективных курсов основываются на углублении знаний по конкретной содержательной линии.

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

Цель элективного курса: формирование навыков создания веб-сайта.

Задачи курса:

- освоить элементарные навыки проектирования, конструирования, размещения и сопровождения веб-сайта;

- сформировать навыки работы на языке HTML;

- познакомить учащихся со способами работы в системе управления контентом CMS Joomla;

- приобрести знания об основах веб-дизайна.

- В результате обучения учащиеся должны уметь:

- разрабатывать дизайн сайта с учетом эргономических требований;

- прописывать на языке HTML основные элементы сайта;

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

- осуществлять дистанционно управление сайтом;

- наполнять сайт статьями;

- подключать контейнер к меню;

- подключать шаблоны сайтов, модули и плагины;

- организовывать группы пользователей сайтам.

Знать:

- основные тэги HTML;

- способы работы с хостингом;

- методы и способы работы в системе управления контентом CMS Joomla;

- основный понятия курса;

- эргономические требования к сайтам;

- способы защиты сайта.

Основные компоненты содержания курса:

Глава 1. Основы языка HTML. (12 часов)

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

Основные разделы 1 главы:

- основные элементы языка HTML

- форматирования HTML -документа

- форматирование текста на веб-странице

- ссылки на другие документы и файлы

- создание списков в документе HTML

- создание таблицы в веб-страницы

- использование графики на веб-странице

- использование форм на веб-странице

- использование фреймов в языке HTML

Глава 2. Разработка сайта в системе управления контентом CMS Joomla.(12 часов)

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

Основные разделы 2 главы:

- развертывание Joomla на хостинге;

- дистанционное управление сайтом;

- наполнение сайта контентом;

- дизайн сайта;

- компоненты, модули и плагины;

- группы пользователей.

Глава 3. Создание собственного веб-сайта.(12 часов)

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

Основные разделы 3 главы:

- выбор темы;

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

- подбор материала;

- выполнение сайта в CMS Joomla;

- защита проекта.

Методы и формы обучения: работа в группах, метод проектов и экспресс проектов, практикумы.

Формы организации учебных занятий: лекции-беседы, практические занятия, семинары.

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

Рассмотрим подробнее материал второй главы.

I. Развертывание Joomla на хостинге.

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

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

Joomla -- наиболее широко распространенная система управления веб-содержимым (Web Content Management System -- WCMS).

Система управления содержимым, или CMS-- это компьютерная программная система, используемая для обеспечения и организации совместного процесса создания и редактирования контента.

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

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

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

Для проверки исправности работы сайта удобно использовать три браузера: MS Internet Explorer, Opera 10, Mozilla Firefox 3.5.5 rus. Для корректной работы с Joomla на хостинге необходимо использовать браузер Mozilla Firefox.

Joomla -- разновидность конструкторского инструментария, который, будучи однажды инсталлированным на сервере, позволяет создавать и сопровождать веб-сайт. Для организации работы необходимо скачать Joomla 1.5.14 Stable Full Russian - систему управления контентом по адресу: http://joomlaportal.ru/downloads/joomla/Joomla_1.5.14-Stable-Full_Package-Russian.zip. Скаченный архив необходимо распаковать на своем локальном компьютере. Распакованное содержимое будет закачено на хостинг.

Для работы сайта в Интернете необходимо подобрать хостинг. Зарегистрируемся на бесплатном хостинге byethost., перейдя по адресу http://byethost.com/free-hosting/news и заполнив все необходимые поля (рис. 1).

Рис. 1. Регистрация на хостинге

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

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

Панель управления хостингом byethost предоставляет следующие возможности пользователю:

1. В левой части экрана находится таблица с информацией по хостингу.

2. В основной области правой части страницы размещаются ссылки на страницы, управляющие настройками хостинга. Ссылки объединены в смысловые группы: управление ученой записью, домены, FTP Manager, управления сайтом, Email Manager, базы данных, статистика, software / услуги, управления DNS, счета обновление, техническая поддержка, помощь и обучение. Эти же ссылки компактно дублируются в раскрывающемся верхнем меню.

В «Панели» управления хостингом перейдем в раздел работы с базами данных и создадим базу данных, в которой будет храниться вся структура и информация сайта. Для этого:

1. Выбрать в пункте меню «Панель управления» пункт «Базы данных» и в раскрывающимся вписке укажем «без данных MySQL» (рис. 2).

Рис. 2. Создание базы данных на хостинге. Шаг первый

2. В появившемся окне ввести название базы данных и нажать «Создать базу данных» (рис. 3).



Рис. 3. Создание базы данных на хостинге. Шаг второй

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

Рис. 4. Создание базы данных на хостинге. Шаг третий

Закачка Joomla на хостинг производится с помощью FTP-клиенте, в нашем случае, FileZilla.

Чтобы настроить менеджер хостов для запоминания параметров связи необходимо вызывать менеджер хостов или из раздела «Файл» в меню, или соответствующей кнопкой панели управления (рис. 5).

Рис. 5.Настройка менеджера хостов

Хост, пользователь, пароль - эти данные предоставляет провайдер - они же используются и для хостинга byethost. Название хоста в левой части окна заполняется самостоятельно. Подключитесь по FTP к хостингу и закачайте распакованную файл с Joomla 1.5.14 Stable Full Russian во внутрь папки «htdocs» (рис. 6).

Рис. 6.Расположение базы данных на хостинге

В результате все файлы папки окажутся на хостинге (Рис. 7):

Рис. 7.Работа с базой данных

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

- имя домена (Your domain name) - http://ваш_логин.byethost??.com;

- тип базы данных - mysql;

- имя хоста MySQL (MySQL host) - sql???.byethost??.com;

- имя пользователя БД (MySQL user) - b??_??????;

- пароль доступа к БД (MySQL password) - ????????;

- имя базы данных (созданной нами в панели управления хостингом) - b??_??????_school;

Название сайта и адрес электронной почты -указать произвольно. Пароль для администратора должен содержать не менее 5 символов и более, а если в перспективе подключение форума, то не менее 6. При работе необходимо помнить, что сайт будет сразу доступен из Интернета.

Чтобы посмотреть сайцт достаточно в адресной строке браузера указать адрес устанавливаемого сайта, состоящего по принципу http://ваш_логин.byethost??.com.

При установке заполняем настроечные поля (рис. 8, рис. 9).

Рис. 8. Конфигурация базы данных

Рис. 9. Основные настройки базы данных

После установки необходимо удалить папку INSTALLATION (рис. 10)

Рис. 10. Вывод сообщения об удалении папки installation

Вход в административную часть сайта находится по адресу http://ваш_логин.byethost22.com/administrator, логин - admin, пароль тот, который указан был при установке Joomla (рис. 11).

Рис. 11. Панель входа в административную часть.

II. Дистанционное управление сайтом.

Работать над структурой сайта и заполнение его содержанием ведется через административную часть (рис. 12).

Рис. 12. Административная часть сайта

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

Сайт на Joomla может иметь как линейную структуру, когда статьи не относятся ни к разделам, ни к категориям, так и иерархическую. В таком случае мначала создаются «Разделы» сайта. Внутри «Разделов» создают «Категории», где размещаются «Статьи». К тексту статей могут подключаться различные файлы. Для их закачки на сервер, удаления, организации структуры хранения на сайте в Joomla предусмотрено управление медиа-файлами. Когда структура сайта создана и написаны основные статьи, материалы подключаются к меню. Изначально есть только Главное меню, но предусмотрена возможность добавлять дополнительные блоки меню и настраивать их положение на странице по своему усмотрению: слева, справа, вверху, внизу, вертикально, горизонтально.

«Язык» - здесь устанавливаются языковые настройки.

В разделе «Пользователи» прописывается разделение прав между пользовательскими группами.

«Общие настройки» позволяют отключить в настройках показ сайта (рис. 13.)

Рис. 13. Страница общих настроек сайта

В этом случае вместо главной страницы сайта посетители увидят только краткое сообщение в строке оффлайн (рис. 14).

Рис. 14. Оффлайн сообщение

Так же в разделе «Общие настройки» в блоке «Система» в можно разрешить или запретить регистрацию пользователей. Здесь же справа в блоке «Параметры сессии» находится настройка «Время жизни сессий». Это период неактивности пользователя, по истечении которого автоматически прекращается сеанс связи. Для дальнейшего редактирования сайта придется заново вводить пароль. Чем этот период дольше, тем ниже безопасность.

Чтобы выполненные настройки вступили в силу, их необходимо сохранить. Для этого в верхней правой части окна находятся крупные кнопки: «Сохранить» (сохранить и вернуться в панель управления), «Применить» (сохранить изменения и остаться на текущей странице для продолжения работы), «Закрыть» (вернуться в панель управления без сохранения внесенных изменений) и «Помощь».

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

Для создания разделов перейти в «Разделы», на которой расположены кнопки «Опубликовать» (показать на сайте), «Скрыть» (временно отключить показ на сайте), «Копировать», «Удалить» (поместить в корзину), «Изменить» (редактировать), «Новый» (создать новый), «Помощь» (рис. 15)

Рис. 15. Страница разделов сайта

Главная страница с новостями создается в Joomla автоматически, поэтому первым будет раздел «О школе». Для создания раздела необходимо нажмем кнопку «Создать».

В открывшейся форме нужно заполнить поля: вписать название раздела, заполняется латинскими буквами, вместо пробела использовать тире, указать публиковать ли раздел сразу на сайте или нет, установить уровень доступа к разделу, вписать пояснения. Кроме текста в описание раздел в можно добавить рисунок из тех, что расположены в папке images/stories, и задать его выравнивание. Описание и рисунок не являются обязательными для разделов (рис.16).

Рис. 16. Создание разделов сайта

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

Категории создаются в соответствующем разделе «Категории». Интерфейс страницы категорий аналогичен странице разделов, за исключением новой кнопки «Перенести», позволяющей переместить категорию из одного раздела в другой, и автофильтра, показывающего категории конкретного раздела (рис.17).

Рис. 17. Страница менеджера категорий

Добавление новой категории аналогично добавления нового раздела. Исключение составляет поле «Раздел», где указывается раздел, к которому должна быть отнесена новая категория (рис. 18).

Рис. 18. Создание и редактирование категорий

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

Рис. 19. Заполненная страница менеджера категорий

III. Наполнение сайта контентом

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

Для настройки редактора, выбираем в меню пункт «Расширения» и указываем в выпадающем меню «Менеджер плагинов» (рис. 20).

Рис 20. Вызов менеджера плагинов

В перечне плагинов выбираем TinyMCE и открываем его нажатием на название. В раскрывшемся окне меняем функциональность на расширенный и сохраняем изменение (рис. 21).

Рис. 21. Редактирование плагина TinyMCE

После того, как текстовый редактор TinyMCE настроем, можно добавлять информацию на сайт. Для чего открываем «Добавить материал» (рис. 22).

Рис. 22. Создание материала для сайта

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

Ниже находится блок online-редактора, работа в котором аналогична работе в текстовом редакторе. Все кнопки снабжены русифицированными подсказками. Рассмотрим некоторые кнопки редактора (таблица 1).

Таблица 1. Кнопки online-редактора

Пиктограмма	Название	Назначение
	«Вставить»	Позволяет вставлять текст в исходном виде
	«Вставить только текст»	Вставляет неформатированный текст, оставляет только абзацы.
	«Вставить из Word»	Вставляет неформатированный текст, оставляя заголовки, абзацы, списки, таблицы
	«Удалить форматирование»	Удаляет форматирование в выделенном фрагменте текста.
	«Редактировать HTML код»	Позволяет редактировать текст в HTML коде.
	«Изображение»	Позволяет вставлять изображение.
	«Разрыв страницы»	Позволяет принудительно устанавливать разрыв между страницами текста.
	«Подробно»	Позволяет вставлять вставляет в текст с разделитель. Если материал на сайте будет выводиться в виде блога, то сначала будет видно вступление - часть текста, расположенную над этим разделителем. А под текстом будет напечатана гиперссылка «Подробно», позволяющая перейти к полной версии материала.
	«Включить редактор»	Отражает форматирование и редактирование текста в коде HTML.

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

Посмотреть весь имеющийся на сайте материал позволяет раздел «Все материалы» (рис. 23)

Рис. 23. Заполненная страница менеджера материалов

Внешний вид страницы похож на интерфейс страниц «Разделы» и «Категории», исключением являются кнопки, с помощью которых статью можно поместить в архив и извлечь из архива, и «Настройки».

Кнопка «Настройки» вызывает окно параметров, в котором возможно наладить конфигурацию как всего материала сайта так и отдельной статьи (рис. 24).

Рис. 24. Настройка конфигурации материалов

Все имеющиеся статьи, для того, чтобы они отображались на сайте, должны быть подключены к меню. Редактировать необходимо «Главное меню»,находящееся в «Все меню» (рис. 25)

Рис. 25. Переход к главному меню

В появившемся окне изменим название главной страницы на «Новости» (рис. 26).

Рис. 26. Страница главного меню

Здесь же справа находятся «Основные параметры», определяющие, статьи вводную часть которых публиковать на главной странице в полную ширину страницы, статьи, вводную часть которых публиковать в колонках, или в виде коротких ссылок с названия статьи. Здесь же задается количество столбцов текста на странице. С помощью индивидуальных настроек в раскрывающихся панелях: «Дополнительные параметры», «Параметры компонента», «Параметры системы» - можно произвести, практически, любое структурное оформление выводимой информации (рис. 27).

Рис. 27. Настройка пунктов меню

При создании нового пункта меню открывшемся окне необходимо указать тип.

В качестве примера рассмотрим пункт меню «О школе», который не будет привязанный гиперссылке. Для этого выберем тип элемента меню «Separator», который предусматривает вывод разделительной линии, состоящей из набора символов (рис. 28)

Рис. 28. Панель выбора типа меню

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

Для такой настройки модуля меню необходимо перейти в меню админцентра, выбрать «Расширения» - «Менеджер модулей» и в открывшемся окне щелкнуть по строке «Главное меню». Указать, чтобы в настройке «Всегда показывать подпункты» было «Да» (рис. 29).

Рис. 29. Редактирование модулей

Следующий пункт «Визитка» является подпунктом к пункту «О школе». К нему необходимо подключить сам материал. При выборе типа нового пункта меню указать в пункте «Материалы» «Стандартная шаблон материала» (рис. 30).

Рис. 30. Выбор типа шаблона материала

Далее требуется вписать название статьи и в раскрытом списке «Родительский пункт меню» указать «О школе», тогда новый пункт станет подпунктом к выбранному и в «Основные параметры» отметить нужную страницу (рис. 31).

Рис. 31. Подключение пункта меню в виде стандартного шаблона материала

К пункту «Школьная жизнь» можно подключить соответствующий раздел. Раздел может выводиться или как «Стандартный шаблон раздела », или как «Шаблон блога раздела».

Подпункты к пункту «Школьная жизнь» уместно подключить, как категории. Здесь, также возможны варианты: «Шаблон блога категории» или «Шаблон списка категории». Для экскурсий лучше подойдет блог, а для расписания уроков - список.

При необходимости возможно изменить тип содержимого, подключаемого к определенному пункту меню, перейдя в редактирование и нажав кнопку «Изменить тип».

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

IV. Дизайн сайта.

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

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

Шаблоны предоставляются в заархивированном виде. При этом необходимо, чтобы файл имел расширение .zip.

Чтобы подключить шаблон к сайту нужно в меню админцентра выбирать «Расширения» - «Установкить/Удалить».

В открывшемся окне, с помощью кнопки «Обзор», выбрать скаченный файл с шаблоном и нажать на кнопку «Закачать файл & Установить».

Далее переключить дизайн сайта на новый шаблон. Для этого в админцентре выбрать меню «Расширения» - «Менеджер шаблонов».

В открывшемся окне выбрать установленный шаблон и нажмем кнопку «По умолчанию».

В Joomla предусмотрены некоторые настройки шаблона, которые настраиваются в окне «Шаблоны». Нажав кнопку «Изменить» в блоке «Привязка к меню» можно указать, на каких страницах использовать именно этот шаблон. Если привязка идет к нескольким пунктам меню, то они выбираются в списке, удерживая нажатой клавишу «Ctrl».

Создание нового шаблона является очень трудоемкой задачей. Поэтому удобно вносить свои коррективы в уже имеющиеся шаблоны сайтов, например, изменять графические объкты. Установленные шаблоны дизайна размещаются на сайте в папке: templates/имя_шаблона, а рисунки к шаблону, соответственно, в папке: templates/имя_шаблона/images. Для того, чтобы заменить изображение в шаблоне нужно создать новый графический объект того же геометрического размера, что и заменяемый, сохраните его под тем же именем, замените старый графический объект новым.

V. Компоненты, модули и плагины.

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

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

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

Компоненты, модули и плагины разработчики приложений представляются в виде архивов, содержащие кроме самих программ еще и специальные установочные файлы. Имена архивов с компонентами включают в себя префикс «com_», с модулями - префикс «mod_», а с плагинами - «plg_» или «bot_». Иногда для поддержки работы компонента, пишут специальные модули, и плагины. Тогда, обычно, все отдельные заархивированные элементы архивируют повторно в один общий архив. В этом случае перед установкой следует сначала распаковать этот общий архив.

Установка компонентов, модулей и плагинов в Joomla производится индентично через меню админцентра в пункте «Расширения», где необходимо выбрать первую строчку «Установить/Удалить». Если при попытке загрузить и установить модули или плагины возникает сообщение об ошибке, то требуется включить плагин System - Legacy. Для этого зайти в меню «Расширения» - «Менеджер плагинов» и в выпадающем меню «Выберите тип» указать тип system и выбрать «Система - Обратная совместимость» (legacy). Включить его (рис. 32)

Рис. 32. Панель загрузки модулей и плагинов

Чтобы установленные элементы начали работать их следует включить. Для этого с помощью меню админцентра перейдите в одно из окон управления (рис. 33):

Рис. 33. Переходы к окнам управления

Включение и отключение компонентов производится через «Расширения» - «Установить/Удалить» - вкладка «Компоненты»

В столбце «Разрешен» мышью поменять на разрешающий или запрещающий значок (рис. 34):

Рис. 34. Включение и отключение компонентов

Установленные и включенные элементы следует настроить.

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

Для настройки плагинов в меню админцентра выбрать в пункт «Расширения» - «Менеджер плагинов». Откроется окно, в котором в виде таблицы будет представлена информация об установленных плагинах (рис. 35).

Рис. 35. Менеджер плагинов

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

В панели «Подробности» расположены настройки плагина: имя, переключатель включен, имя, файл плагина, доступ (для какой группы пользователей разрешен данный элемент), порядок. В низу расположено описание предназначения и что возможных дополнительных настроек плагина (рис. 36).

Рис. 36. Настройка плагина

Справа находится панель «Параметры», в которой находятся раскрывающиеся блоки «Параметры плагина». Все настройки разделены на разделы «Типографские символы», в котором настраиваются пораметры тэга разрыва слов, пробела между инициалами и в сокращениях, тире; в блоке «Основная типографика» регулируется расстановка русских кавычек, замена дефиса на тире, блок «Не разрывать» позвеляет настроить принудительный перенос слов, в блоке «Автозамены» устанавливаются автозамены клавиатурных комбинаций клавиш на «неклавиатурные» символы, в «Орфография» настраивается отфография на сайте, в блоке «Числа» происходит настройка параметров числовых выражений.

Рассмотрим настройку модулей на примере модуля mod_stats или Статискика. Настройка модуля идентична настройкам плагина.

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

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

Модули обычно привязывают к конкретным пунктам меню. Чтобы указать несколько пунктов меню, необходимо в переключателе «Меню» отметить пункт «Выбрать из списка», и в выпадающем списке «Выберите пункты», удерживая нажатой на клавиатуре кнопку Ctrl, отметить требующиеся строки (рис. 37).

Рис. 37. Привязка модуля к меню

VI. Группы пользователей.

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

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

1. Лицевая панель:

- посетители сайта имеют доступ только к просмотру общедоступной информации сайта;

- зарегистрированные могут просматривать общедоступную часть и заходить в разделы для зарегистрированных пользователей;

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

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

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

2. Пользователи админцентра имеют возможность работать со всеми правами издателей, и подразделяются на:

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

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

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

При работе в Joomla первоначально устанавливается только admin - с правами главного администратора. Остальных пользователей регистрирует администратор или создаются условия для самостоятельной регистрации на основной стороне сайта. После регистрации дополнительных пользователей, администратор имеет право из админцентра на странице «Пользователь» индивидуально установить дополнительные права, при этом логин для входа на сайт указывается в поле «Имя пользователя» (рис. 38).

Рис. 38. Изменение группы пользователя

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

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

Для авторизации на сайте служит специальный модуль mod_login - модуль авторизации, который привязывают к главной странице сайта, уровень доступа которой «Общий». Разрешение на самостоятельную регистрацию пользователей устанавливается в общих настройках сайта: в меню админцентра «Сайт» - «Общие настройки», выбираем вкладку «Система» и в блоке «Настройки пользователя» разрешить регистрацию (рис. 39).

Рис 39. Настройка регистрации пользователей на сайте

Если согласиться с пунктом «Активация нового пользователя», то новые пользователи смогут активировать свою учетную запись только после получения ссылки для активации через электронное письмо.

Чтобы настроить пункты меню для различных групп пользователей внеобходимо воспользоваться «Все меню» - «Главное меню», где в открывшемся окне нажать на кнопку «Создать» и указать тип «External Link». В открывшемся окне необходимо дать название пункту меню и указать групп пользователей, для которых он доступен (рис. 40).

Рис. 40. Настройка пункта меню для конкретного типа пользователей

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

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

§3. Проверка эффективности использования элективного курса «Основы веб-дизайна» с изучением контента CMS Joomla

На протяжении 2009-2010 учебного года велась исследовательская и экспериментальная работа на базе Государственного образовательного учреждения общеобразовательной школы с углубленным изучением иностранного языка №1291. В ходе этой работы осуществлялось ведение элективного курса «Основы веб-дизайна» в двух группах: экспериментальной и контрольной.

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

В начале изучения курса и после завершению изучения проводилось тестирование, направленные на установления заинтересованности учащимися профессий технической направленности. Выявление заинтересованности определялось по методике «Матрица выбора профессии», разработанной Московским областным центром профориентации молодежи [17]. В ходе методики учащиеся отвечали на следующие вопросы:

1. Какой объект деятельности тебя привлекает?

1.1.Человек (дети и взрослые, ученики и студенты, клиенты и пациенты, покупатели и пассажиры, зрители, читатели, сотрудники).

1.2.Информация (тексты, формулы, схемы, коды, чертежи, иностранные языки, языки программирования).

1.3.Финансы (деньги, акции, фонды, лимиты,кредиты).

1.4. Техника (механизмы, станки, здания, конструкции, приборы, машины).

1.5.Искусство (литература, музыка, театр, кино, балет, живопись).

1.6. Животные (служебные, дикие, домашние, промысловые).

1.7. Растения (сельскохозяйственные, дикорастущие, декоративные).

1.8. Продукты питания (мясные, рыбные, молочные, кондитерские и хлебобулочные изделия, консервы, плоды, овощи, фрукты).

1.9. Изделия (металл, ткани, мех, кожа, дерево, камень, лекарства).

1.10. Природные ресурсы (земли, леса, горы, водоемы, месторождения).

2. Какой вид деятельности тебя привлекает?

2.1. Управление (руководство чьей-то деятельностью).

2.2. Облуживание (удовлетворение чьих-то потребностей).

2.3. Образование (воспитание, обучение, формирование личности).

2.4. Оздоровление (избавление от болезней и ихпредупреждение).

2.5. Творчество (создание оригинальных произведений искусства).

2.6. Производство (изготовление продукции).

2.7. Конструирование (проектирование деталейи объектов).

2.8. Исследование (научное изучение чего-либоили кого-либо).

2.9. Защита (охрана от враждебных действий).

2.10.Контроль (проверка и наблюдение).

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

профильный обучение элективный информатика

Таблица 2. Матрица выбора профессии

Сферы труда Виды труда	Человек	Информация	Финансы	Техника	Искусство	Животные	Растения	Продукты	Изделия	Природные ресурсы
Управление (руководство чьей-то деятельностью)	Менеджер по персоналу Администратор	Маркетолог Диспетчер Статистик	Экономист Аудитор Аналитик	Технолог Авиадиспетчер Инженер	Режиссер Продюсер Дирижер	Кинолог Зоотехник Генный инженер	Агроном Фермер Селекционер	Товаровед Менеджер по продажам	Менеджер по продажам Логистик Товаровед	Энергетик Инженер по кадастру
Обслуживание (удовлетворение чьих-то потребностей)	Продавец Парикмахер Официант	Переводчик Экскурсовод Библиотекарь	Бухгалтер Кассир Инкассатор	Водитель Слесарь Теле-радио- мастер	Гример Костюмер Парикмахер	Животновод Птицевод Скотовод	Овощевод Полевод Садовод	Экспедитор Упаковщик Продавец	Продавец Упаковщик Экспедитор	Егерь Лесник Мелиоратор
Образование (воспитание и обучение, формирование личности)	Учитель Воспитатель Социальный педагог	Преподаватель Ведущий теле- и радиопрограмм	Консультант Преподаватель экономики	Мастер производственного обучения	Хореограф Преподаватель музыки, живописи	Дрессировщик Кинолог Жокей	Преподаватель биологии Эколог	Мастер производственного обучения	Мастер производственного обучения	Преподаватель Эколог
Оздоровление (избавление от болезней и их предупреждение)	Врач Медсестра Тренер	Рентгенолог Врач (компьютерная диагностика)	Антикризисный управляющий Страховой агент	Мастер автосервиса Физиотерапевт	Пластический хирург Косметолог Реставратор	Ветеринар Лаборант питомника Зоопсихолог	Фито терапевт Гомеопат Травник	Диетолог Косметолог Санитарный инспектор	Фармацевт Ортопед Протезист	Бальнеолог Эпидемиолог Лаборант
Творчество (созданиеоригинальныхпроизведений искусства)	Режиссер Артист Музыкант	Программист Редактор Веб-дизайнер	Менеджер по проектам Продюсер	Конструктор Дизайнер Художник	Художник Писатель Композитор	Дрессировщик Служитель цирка	Фитодизайнер Озеленитель Флорист	Кондитер Повар Кулинар	Резчик по дереву Витражист Скульптор	Архитектор Мастер-цветовод Декоратор
Производство (изготовление продукции)	Мастер производственного обучения	Корректор Журналист Полиграфист	Экономист Бухгалтер Кассир	Станочник Аппаратчик Машинист	Ювелир График Керамист	Животновод Птицевод Рыбовод	Овощевод Цветовод Садовод	Технолог Калькулятор Повар	Швея Кузнец Столяр	Шахтер Нефтяник Техник
Конструирование (проектирование деталей и объектов)	Стилист Пластический хирург	Картограф Программист Веб-мастер	Плановик Менеджер по проектам	Инженер-конструктор Телемастер	Архитектор Дизайнер Режиссер	Генный инженер Селекционер	Селекционер Ландшафтист Флорист	Инженер-технолог Кулинар	Модельер Закройщик Обувщик	Дизайнер ландшафта Инженер
Исследование (научное изучение чего-либо или кого-либо)	Психолог Следователь Лаборант	Социолог Математик Аналитик	Аудитор Экономист Аналитик	Испытатель(техники) Хронометражист	Искусствовед Критик Журналист	Зоопсихолог Орнитолог Ихтиолог	Биолог Ботаник Микробиолог	Лаборант Дегустатор Санитарный врач	Эргономик Контролер Лаборант	Биолог Метеоролог Агроном
Защита (охрана отвраждебных действий)	Милиционер Военный Адвокат	Арбитр Юрист Патентовед	Инкассатор Охранник Страховой агент	Пожарный Сапер Инженер	Постановщик трюков Каскадер	Егерь Лесничий Инспектор рыбнадзора	Эколог Микробиолог Миколог	Санитарный врач Лаборант Микробиолог	Сторож Инспектор	Охрана ресурсов Инженер по ТБ
Контроль (проверка и наблюдение)	Таможенник Прокурор Табельщик	Корректор Системный программист	Ревизор Налоговый полицейский	Техник-контролер Обходчик ЖД	Выпускающий редактор Консультант	Консультант Эксперт по экстерьеру	Селекционер Агроном Лаборант	Дегустатор-лаборант Санитарный врач	Оценщик Контролер ОТК Приемщик	Радиолог Почвовед Эксперт

Результаты первого тестирования представлены ниже (диаграмма 1, диаграмма 2):



Диаграмма 1. Результаты первого тестирования контрольной группы

Диаграмма 2. Результаты первого тестирования экспериментальной группы

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