МЕТОДИЧЕСКОЕ ПОСОБИЕ «ТЕХНОЛОГИИ РАЗРАБОТКИ САЙТА С ИСПОЛЬЗОВАНИЕМ СИСТЕМЫ uCoz»

Муниципальное бюджетное общеобразовательное учреждение
«Красноборская средняя общеобразовательная школа»
МЕТОДИЧЕСКОЕ ПОСОБИЕ
«ТЕХНОЛОГИИ РАЗРАБОТКИ САЙТА
С ИСПОЛЬЗОВАНИЕМ СИСТЕМЫ uCoz»
Автор:
учитель математики
Филиппова Алина Васильевна
Краснобор 2016
ВВЕДЕНИЕВ наше время огромную роль в жизни играют персональные компьютеры и информационные технологии. В современном мире владение информационными технологиями ставится в один ряд с такими качествами, как умение читать и писать. Человек, умело владеющий технологиями и информацией, имеет новый стиль мышления, иначе подходит к организации своей деятельности.
Современную школу уже практически невозможно представить без информационных технологий. Роль персональных компьютеров будет возрастать из года в год, а, значит, будут возрастать и требования к компьютерной грамотности учителей и учащихся.
Появляются неограниченные возможности для индивидуализации и дифференциации учебного процесса, обеспечивается эффективная организация познавательной деятельности учащихся. Объединение в компьютере текстовой, графической, аудио-видеоинформации, анимации резко повышает качество преподносимой школьникам учебной информации и успешность их обучения.
Немало значимую роль в образовании играет Интернет. Сегодня учителя и учащиеся с легкостью могут найти много сайтов, которые быстро загружаются, имеют привлекательный дизайн. Информация на сайтах четко разграничена по разделам.
У каждого учителя есть возможность создать свой сайт, в котором можно рассказать о себе, обмениваться положительным опытом с коллегами, также учитель может апробировать новые дистанционные формы обучения.
На выбор учителю сегодня Интернет может предоставить большое количество ресурсов и инструментов для создания своего сайта и использования его в образовательном процессе. Но не каждый из них дает возможность создать сайт быстро и бесплатно. Сайт с отличным дизайном и функционалом можно получить в бесплатном конструкторе сайтов uCoz.
Данное пособие содержит пошаговую инструкцию работы в данной системе, поможет учителям, которые тоже желают создать собственный сайт.

ПЕРСОНАЛЬНЫЙ САЙТ В РАБОТЕ УЧИТЕЛЯВ этом параграфе отмечено, зачем учителю нужен персональный сайт. Одной из основных целей каждого учителя является стремление стать положительным примером для своих учеников. Собственный сайт будет ему в этом незаменимым помощником. Сайт помогает добиться общественного признания. Качество материалов, представленных на сайте, показывает, насколько компетентен и профессионален учитель. Сайт дает возможность интересными материалами привлечь внимание к изучаемому предмету, на примерах показать возможность широкого применения изучаемых знаний в дальнейшей жизни, позволяет показать примеры индивидуального подхода к ученикам в ходе образовательного процесса, собственные педагогические находки и открытия, свой собственный уровень эрудиции в областях науки и культуры. Создание сайта позволит педагогу презентовать свой педагогический опыт большой аудитории коллег, получить навыки использования дистанционных форм обучения учащихся, получить навыки интерактивного взаимодействия, повысить уровень ИКТ компетенций. Постоянная работа над сайтом подчеркивает стремление учителя к самообразованию и самосовершенствованию. Тексты на сайте показывают уровень знания правил русского языка, культуры речи, этических норм, широты взглядов. Учитель на сайте может высказывать мысли и идеи по улучшению образования. На сайте для всеобщего обозрения учитель может выкладывать свои личные заслуги и творческие успехи. Через сайт удобно консультировать и давать советы родителям по вопросам образования учеников, высказывать положительное мнение о творческих успехах своих учеников. При помощи сайта можно заслужить получение высшей учительской категории, участвовать в конкурсах на лучший персональный сайт учителя, получать денежные вознаграждения за свои материалы, выложенные на сайте.

РАЗРАБОТКА САЙТА С ИСПОЛЬЗОВАНИЕМ
СИСТЕМЫ uCozСеть Интернет сегодня предоставляет большое количество ресурсов и инструментов для создания сайта и использования его в образовательном процессе. В отличие от всех система uCoz дает возможность создать сайт быстро и бесплатно. Набор ее инструментов достаточно обширен и включает в себя средства для быстрого создания сайта на основе предоставляемых шаблонов, а также продвинутые инструменты, рассчитанные на пользователя, который знаком с языком гипертекстовой разметки. С помощью uCoz можно включить в сайт практически все функции. uCoz не позволяет использовать на своих сайтах программные средства, поскольку считается, что начинающие веб-программисты способны нарушить работу системы своими приложениями. uCoz предоставляет своим пользователям настолько обширный набор встраиваемых функций, что необходимость в создании собственных модулей возникает нечасто.
1. РегистрацияДля того чтобы начать работу, нужно войти на сайт http://www.ucoz.ru/ и нажать кнопку «Создать сайт» (Рис.1).

Рис.1 Главная страница
Далее необходимо ввести адрес электронной почты и пароль, заполнить форму регистрации. Вся информация должна быть правдивой, действующий e-mail, это немало важно. Пароль должен быть сложным. Также необходимо подтвердить условия использования ulD сообщества. Если система одобрила данные, справа появятся зеленые галочки напротив каждой строки. Нажать кнопку «Регистрация» (Рис.2).

Рис.2 Регистрация
Открывается страница, на которой содержится информация о том, что регистрация прошла успешно и об отправлении письма на электронную почту. Нужно проверить электронный почтовый ящик и в письме кликнуть по ссылке, идущей после слов «Для окончания регистрации, пожалуйста, перейдите по этой ссылке» (Рис.3).

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

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

Рис.5 Ввод адреса сайта
На странице выходит сообщение об успешном создании сайта. Нажать «Перейти в панель управления». Для входа в панель управления необходимо ввести пароль и код безопасности и нажать на кнопку «Вход» (Рис.6).

Рис.6 Вход в панель управления
Открывается страница с мастером настройки конфигурации сайта. Для начала в поле ввести название сайта. Далее нужно нажать на ссылку «Выбрать дизайн» (Рис.7).

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

Рис.8 Дизайн сайта
Также есть возможность выбрать другой язык, что удобно для любого пользователя Интернета. Нажать кнопку «Продолжить». Открывается страница с выбором модулей. Нужно поставить галочку напротив тех модулей, которые будут использоваться на сайте. Потом еще будет возможность отключить или подключить любой модуль системы uCoz. Нажать кнопку «Продолжить» (Рис.9).

Рис.9 Выбор модулей
Открывается экран знакомства с системой «Добро пожаловать в Панель управления!». При желании можно остановиться на нем, почитать некоторую информацию о работе над сайтом, в ином случае нажать «крестик» (Рис.10).

Рис.10 Экран знакомства с системой
Панель управления сайтом. Кликнуть по ссылке адреса сайта (Рис.11).

Рис.11 Панель управления сайтом
Сайт откроется в новой вкладке браузера. Справа внизу постоянно будут появляться различные подсказки. Надо быть к ним внимательными, они помогут пользоваться системой uCoz (Рис.12).

Рис.12 Сайт
Обратить внимание на заголовок сайта. Чтобы внести изменения, для начала в верхнем горизонтальном меню кликнуть по вкладке «Конструктор». В подменю выбрать «Включить конструктор» (Рис.13).

Рис.13 Заголовок сайта
Кликнуть по заголовку «Мой сайт» и отредактировать: убрать надпись и ввести название сайта. Например, «Учимся решать задачи на движение». Нажать по вкладке «Конструктор» и выбрать «Сохранить изменения». (Рис.14).

Рис.14 Редактирование заголовка сайта в конструкторе
«Шапка» сайта готова. После этого в самом низу сайта отредактировать копирайт. В нем необходимо прописать того человека или тот бренд, который обладает авторскими правами на оригинальный контент сайта. Отредактировать надпись «CopyrightMyCorp © 2013», например, «Филиппова А.В. 2013», точно так же, как название сайта (Рис.15).

Рис.15 Редактирование копирайта
Теперь стоит обратить внимание на содержание сайта, которое уже есть, и сравнить с тем, которое необходимо получить (Рис.16).

Рис.16 Содержание сайта
Содержание сайта:
1) Главная страница
2) Сюжетные задачи древних народов
3) Структура процесса решения задач
4) Методы решения задач на движение
5) Классификация задач на движение
6) Дидактический материал
Тренировочная работа
Диагностическая работа
Разноуровневые задачи ГИА
7) Курс по выбору
8) Дополнительные материалы
9) Форум
Необходимо добавить страницы в меню. Для этого в верхнем горизонтальном меню кликнуть по вкладке «Общее», в подменю выбрать «Вход в панель управления». В поля ввести пароль, код безопасности и нажать на «Вход». Закрыть экран знакомства с системой (Рис.17).

Рис.17 Переход в панель управления
Нажать кнопку «Добавить страницу» (Рис.18).

Рис.18 Добавление страницы
В поле ввести название страницы. Система требует, чтобы содержимое страницы заполнялось при ее создании, поэтому для начала ввести какой-то набор символов, который, конечно же, позже можно отредактировать. Нажать «Сохранить». Кликнуть ссылку «Перейти на страницу» (Рис.19).

Рис.19 Новая страница
Страница создана. Таким же образом добавлять остальные страницы, которые необходимы (Рис.20).

Рис.20 Добавленная страница
Обратить внимание на меню сайта. Страницы расположены не в том порядке, который определялся ранее (Рис.21).

Рис.21 Меню сайта
Чтобы это исправить, надо перейти в панель управления. Для этого в верхней панели выбрать «Дизайн» и нажать «Конструктор меню» (Рис.22).

Рис.22 Переход в конструктор меню
Определить, какую перестановку необходимо осуществить, и начать переставлять названия: навести курсор на название страницы, рядом выходит сообщение «Переместить», перетащить название на нужную позицию. Проделать этот процесс для остальных названий (Рис. 23).

Рис.23 Перемещение названий страниц
Все названия на месте. Но по плану в меню страница «Дидактический материал» содержит три вложения, а именно страницы «Тренировочная работа», «Диагностическая работа» и «Разноуровневые задачи ГИА». Навести курсор к зеленому крестику рядом с названием страницы-вложения. Выходит сообщение «Вложить». Перетащить название страницы-вложения в название страницы, которая будет главной для нее. Таким же образом поступить с оставшимися двумя страницами. Нажать «Сохранить» (Рис.24).

Рис.24 Вложение страниц
Необходимо вернуться на сайт и обратить внимание на меню еще раз. Все страницы расположены по местам, но названия некоторых из них выводятся не полностью. Исправить это (Рис.25).

Рис.25 Меню сайта
Снова перейти в «Конструктор меню», найти название, которое надо отредактировать, и нажать в квадратик с изображением карандаша напротив названия (Рис.26).

Рис.26 Редактирование названия страницы
Откроется окно редактирования. В поле убрать многоточие и допечатать недостающие буквы. Нажать «Применить». Точно так же отредактировать остальные названия и нажать «Сохранить» (Рис.27).

Рис.27 Редактирование названия страницы
Теперь надо перейти на сайт и удостовериться в том, что меню готово (Рис.28).

Рис.28 Меню сайта
Следующим шагом будет заполнение страниц информацией. Для этого надо перейти на конкретную страницу и нажать кнопку с изображением глаза. При подведении курсора к данной кнопке, выводится сообщение «Редактировать в визуальном редакторе» (Рис.29).

Рис.29 Переход в визуальный редактор страницы
Открывается редактор страницы. В поле «Содержимое страницы» удалить произвольный набор символов, который был введен при создании страницы. Вставить текст из документа Microsoft Word или набрать. При желании можно изменить шрифт текста, размер, тип очертания и т.д. При необходимости можно вставить рисунок в тексте, для этого необходимо разместить курсор на ту позицию, где будет рисунок, нажать кнопку «Изображение». В открывшемся окне нажать кнопку в виде папки (Рис.30).

Рис.30 Оформление страницы
Нажать «Выберите файл». Выбрать нужный рисунок и нажать «Открыть», «Загрузить файл». После загрузки изображения кликнуть по его названию. Нажать «Вставить». Рисунок на месте. Таким же образом можно вставить и другие изображения. Нажать «Сохранить» (Рис.31).

Рис.31 Вставка изображения
Перейти по ссылке «Перейти на страницу» (Рис.32).

Рис.32 Переход на страницу
Страница готова, она содержит всю текстовую информацию и рисунки (Рис.33).

Рис.33 Готовая страница
Если есть необходимость поместить презентацию, приготовленную заранее в Microsoft PowerPoint, то в этом поможет удобный и интересный сервис для создания презентаций онлайн – Slideshare.net. Для начала надо зайти на сайт http://www.slideshare.net/ и перейти в раздел «Регистрация» (Рис.34).

Рис.34 Сервис Slideshare.net
В поля ввести адрес электронной почты, имя пользователя (латинскими буквами) и пароль. Если система одобрила данные, нажать кнопку «Signup» (Рис.35).

Рис.35 Регистрация
Нажать кнопку «Upload», чтобы загрузить презентацию. Еще раз нажать «Upload». Выбрать нужную презентацию и нажать «Открыть». Начинается загрузка презентации (Рис.36).

Рис.36 Загрузка презентации
Как только загрузка завершится, нажать «Embed», затем на поле с кодом и кнопку «Copy» (Рис.37).

Рис.37 Копирование кода презентации
Перейти на страницу, которая будет содержать данную презентацию, и открыть редактор HTMLкода с помощью второй кнопки, при наведении курсора на которую выходит сообщение «Редактировать HTMLкод» (Рис.38).

Рис.38 Переход в редактор HTMLкода
В поле содержимого страницы вставить скопированный ранее код и нажать «Сохранить» (Рис.39).

Рис.39 Редактирование HTML кода
В результате получится следующая страница (Рис.40)

Рис.40 Готовая страница
Гостям сайта можно предоставить возможность скачать данную презентацию. Для начала надо загрузить презентацию в «Каталог файлов». Поэтому необходимо перейти в «Каталог файлов» и нажать «Добавить материал» (Рис.41).

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

Рис.42 Добавление презентации в каталог файлов
Файл загружен. Надо скопировать адрес страницы (Рис.43).

Рис.43 Загрузка файла
Открыть редактор страницы, на которой будет ссылка для скачивания, и добавить в содержимое страницы слово «Скачать», выделить его и нажать на кнопку добавления ссылки (Рис.44).

Рис.44 Добавление ссылки
В открывшемся окне в первой части поля «Адрес» из выпавшего списка выбрать «http://», во второй части вставить скопированный ранее адрес. В только что вставленном адресе удалить часть «http://». Нажать «Применить» (Рис.45).

Рис.45 Редактирование ссылки
Осталось перейти на страницу и посмотреть на результат (Рис.46).

Рис.46 Готовая страница
Не стоит забывать про информацию об авторе, можно с фотографией, и координаты, по которым можно связаться, например, адрес электронной почты (Рис.47).

Рис.47 Информация об авторе
ЖЕЛАЮ ВАМ УДАЧИ И ВСЯЧЕСКИХ УСПЕХОВ
В ПЕДАГОГИЧЕСКОЙ ДЕЯТЕЛЬНОСТИ!