Про сайты учителя

Тема 2 Профессиональный сайт учителя

Для чего нам необходимо было знакомиться с сайтами? Дело все в том, что это необходимо по нескольким причинам:
1. В первую очередь, вы должны себе примерно представлять конечный результат.
2. Проанализировав сайты, вам необходимо определиться с цветовой гаммой, определиться с материалом, который вы можете выкладывать и т.д.
Одним словом, ОЦЕНИТЬ СВОИ ВОЗМОЖНОСТИ
На данном этапе, вам необходимо решить - какой сайт вы будете создавать:
1. Персональный сайт - портфолио
2. Сайт для учителей
3. Сайт-проект
4. Сайт-визитка
5. Сайт для родителей и учеников
6. Сайт класса и классного руководителя
7. Или иное…

А для этого вам необходимо сделать следующую работу и выполнить следующее задание:
Ответьте на вопросы:
Задание №2
1. Для чего вам нужен сайт?
2. Что в результате вы хотите получить?
3. Аудитория вашего сайта
4. Напишите, что вы знаете о правилах и требованиях к создаваемым сайтам.

Тема 3 Регистрация на сайте UCOZ.ru. Вход в панель управления. Создание шаблона сайта и разделов, параметры сайта. Основа.

Шаг 1 –регистрация. Заходим по ссылке http://www.ucoz.ru/register/
и регистрируемся. (внимание, у некоторых участников может не приниматься адрес почты.- Значит вы уже регистрировались в этой системе на каком-то сайте. В этом случае нажмите на uNet и следуйте указаниям)
Шаг 2 пароль админа. При регистрации вам необходим будет второй пароль – администратора. Если боитесь перепутать, запишите пароли: 1- для входа на сайт. 2- для входа в панель управления сайта.
Шаг 3 выбираем название сайта
Шаг 4 выбираем модули Модули - это те страницы сайта, на которых мы будем размещать материал. Не следует выбирать все модули, внимательно подумайте, что вам необходимо, и не переживайте, что что-то не выбрали. Позже модули можно будет еще добавить, изменять или удалить.
Шаг 5 переход в панель управления. После регистрации со своей почты вы можете перейти по ссылке в панель управления вашим сайтом. ОБРАТИТЕ ВНИМАНИЕ, что значок – ОРАНЖЕВЫЙ (сохраните эту вкладку в закладках)
В панели управления вы попадаете на ее главную страницу. Здесь(вверху) вы видите АДРЕС ВАШЕГО САЙТА и ссылка на ваш сайт. Перейдите по ссылке. Ваш сайт создан. (значок у названия сайта – синий) Сохраните эту вкладку в закладках.
ПОЗДРАВЛЯЕМ У ВАС ЕСТЬ СВОЙ САЙТ!

Тема 4. Работа в панели управления Настройка основных модулей: пользователи, редактор страниц, форум, блог, каталог статей и файлов, фотоальбом.
Панель управления доступна только администратору. Чтобы попасть в панель управления внесите ее в избранное в закладки . При входе в панель управления вы будете вводить пароль админа. Здесь вы, как администратор, управляете своим сайтом.
Первое, что вам необходимо сделать – это отключить свой сайт на время работы, пока сайт не будет готов. Это необходимо для рейтинга. Пользователи, попадая на ваш пустой (пока) сайт, не захотят вернуться к вам вновь.
РАБОТАЕМ В ПАНЕЛИ УПРАВЛЕНИЯ
Для этого вам необходимо сделать следующее:
В вверху вы видите горизонтальное меню – панель управления администратора- Нажимаем НАСТРОЙКИ – ОБЩИЕ НАСТРОЙКИ
ПОСТАВЬТЕ галочку в графе сайт временно отключен. И внизу таблицы нажмите СОХРАНИТЬ. Теперь наш сайт никто не видит (пока).
Приступаем к заполнению сайта.
Шаг 7 Сначала нужно настроить модули в которых мы будем работать. Все модули управляются одинаково. Рассмотрим на примере модуля БЛОГ и ГЛАВНОЙ СТРАНИЦЫ.
Сначала настроим модуль. Для этого в панели управления (оранжевая) нажимаем БЛОГ-НАСТРОЙКА МОДУЛЯ и проверяем критерии (прочитали) СОХРАНИЛИ
Шаг 8. Добавляем категорию (раздел) блога. Для это нужно нажать БЛОГ –УПРАВЛЕНИЕ КАТЕГОРИЯМИ. Откроется окно - Нажимаем ДОБАВИТЬ КАТЕГОРИЮ.
В окошке пишем название категории (например НОВОСТИ) --сохраняем. Перешли из панели управления на наш сайт и обновили (ПУСТЬ при работе ВСЕГДА У ВАС ОТКРЫТЫ 2 вкладки и панели управления и сайта)
Шаг 9 (Переходим из панели управления на ваш сайт по ссылке «адрес вашего сайта»). НЕ ЗАБУДЬТЕ ОБНОВИТЬ сайт. Выберите в меню Блог и перейдите на эту страницу Теперь можно отсюда добавить материал.
Шаг 10 Нажимаем ДОБАВИТЬ МАТЕРИАЛ, Выбираем КАТЕГОРИЮ новости(или как вы ее назвали) и через графический редактор заполняем любым материалом.
Таким образом, вы создали в панели управления категориями как бы папку НОВОСТИ и можете добавлять теперь туда материал на данную тему. Вы можете создать несколько таких категорий. И при добавлении материал выбирайте нужную категорию. Вы можете добавлять не только текст, но и картинки и видео и многое другое.
ГЛАВНУЮ СТРАНИЦУ будем заполнять тоже с сайта.
ПЕРЕЙДИТЕ на свой сайт. В меню нажмите Главная страница. Эта та страница, которая станет лицом вашего сайта. Чуть ниже справа вы увидите серые кнопочки. Нажмите кнопку с изображением глаза. Откроется редактор страницы. Здесь вы через редактор оформляете свою главную страницу, такой , какой хотели бы ее видеть.
Следующий шаг ФОРУМ
Шаг 11 - 12Работаем в ПАНЕЛИ УПРАВЛЕНИЯ. Выбираем форум---УПРАВЛЕНИЕ ФОРУМОМ –Добавляем раздел –сохраняем
Шаг 13 Добавление темы
Управляем форумом через сайт ПЕРЕХОДИМ НА САЙТ –ФОРУМ –нажимаем раздел и в нем ДОБАВЛЯЕМ НОВУЮ ТЕМУ . ИТАК, Форум на определенную тему создан.
Как вы уже догадались всегда перед тем как работать в новом модуле его нужно настроить в ПАНЕЛИ УПРАВЛЕНИЯ, А добавлять материал -- на САЙТЕ
Шаг 14
КАТАЛОГ СТАТЕЙ (Добавляем категорию). В панели управления нажимаем : Каталог статей –Управление категориями –Добавить категорию (заполняем)_ Сохранить
Шаг 15 добавляем материал со страницы сайта
ПЕРЕШЛИ НА СВОЙ САЙТ _Каталог статей – Добавить статью—Выбрать категорию (заполняем поле)--Сохранить (Добавить) Материал добавлен.

Ваше ЗАДАНИЕ.№4 Заполните материалом модуль Блог и Главную страницу, Каталог статей, создайте Форум
СРОК ВЫПОЛНЕНИЯ до 4 ДЕКАБРЯ
А впрочем, вы теперь сами можете заполнять любые страницы сайта, так как все строится аналогично.
Желаю успеха!
Для помощи даю скриншоты[u]

ТЕМА 5 . Работа на сайте через редактор.
Друзья! В прошлой теме мы говорили как работать в панели управления.

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

Прикрепления: 1414316.rar(606.3 Kb)

Тема 6. Работа с конструктором сайта. Виджеты, гаджеты… Добавление блоков
1.ИНФОРМЕРЫ
В панели управления создаем информер
В горизонт панели админа ИНСТРУМЕНТЫ-ИНФОРМЕРЫ- Создать информер-Выбрать раздел_ Например каталог статей - Создать
НА САЙТЕ вверху в горизонтальной панели админа находим КОНСТРУКТОР – ВКЛЮЧИТЬ конструктор- добавить блог – переносим новый блог в нужный контейнер (вправо или влево) _нажимаем на значок редактирования(синее колесико)_-ИНФОРМЕРЫ- находим в списке наш созданный информер и нажимаем- Даем название новому блоку- В панели админа КОНСТРУКТОР- СОХРАНИТЬ изменения
Аналогично можно создать любой информер. Смотрите скриншоты
2.Виджеты и Гаджеты
На сайте перешли в КОНСТРУКТОР( из горизонтальной панели админа)- – ВКЛЮЧИТЬ конструктор -Добавить новый блок- Редактировать (синее колесико) выбираем гаджеты(или виджеты) – из списка выбираем нужное- ПРИМЕНИТЬ – КОНСТРУКТОР- Сохранить изменения.
Смотрите скриншоты на примере добавления гаджета ПРАЗДНИК ДНЯ. Все остальные добавляются аналогично.
3.ДЕЛАЕМ КРАСИВОЕ МЕНЮ- меняем названия модулей на свои
В панели управления в горизонтальной панели админа выбираем ДИЗАЙН- КОНСТРУКТОР МЕНЮ_рядом с названием нужного модуля нажать КАРАНДАШ- в ОКОШКо поменять название модуля – применить – НИЖЕ СОХРАНИТЬ.
Переходите на сайт и обновляете его через браузер (у адреса сайта стрелочка) – ГОТОВО
Ну, а если вы в КОНСТРУКТОРЕ МЕНЮ добавите еще подразделы, то у вас получится выпадающее меню!
4. ВЫПАДАЮЩЕЕ МЕНЮ
В ПАНЕЛИ УПРАВЛЕНИЯ выбираем в меню Редактор страниц – Управление МАТЕРИАЛАМИ – Добавить страницу – заполняем таблицу _СОХРАНИТЬ
Перешли на сайт – ОБНОВИЛи - готово (в МЕНЮ НОВАЯ СТРАНИЦА!) Теперь здесь же в панели управления в разделе редактор страниц-управления материалами- рядом с нашим новым модулем выбираем + то есть добавить подстраницу- Заполняете таблицу- СОХРАНИТь. Теперь можно перейти на сайт и обновить – готово! Остается только заполнить новые страницы.
ЗАДАНИЕ №6
Создать у себя на сайте Виджет или Гаджет, ИНФОРМЕР, по необходимости ВЫПАДАЮЩЕЕ МЕНЮ
СРОК ВЫПОЛНЕНИЯ ЗАДАНИЯ №6 до 10 ДЕКАБРЯ ПРИСЫЛАЙТЕ ОТВЕТ НА ЗАДАНИЕ №6 1. Информер-создал/а
2. Гаджет/виджет прикрепил\а
3. меню - изменила
СМОТРИТЕ ПРИКРЕПЛЕНИЯ – скриншоты
ИНФОРМЕРЫ

Прикрепления: 7277933.rar(1.35 Mb)

Тема 7 . Публикация сайта и дальнейшая раскрутка
1. Еще чуть- чуть подправим дизайн. Правый и левый контейнер мы уже меняли: добавляли различные блоки . Сегодня попробуем изменить
Дизайн верхней части сайта.
В панели управления выбираем Дизайн – Управление дизайном 2 строчка- передвигаем ползунок в маленьком верхнем левом углу и находим ВЕРХНЯЯ ЧАСТЬ САЙТА – нажимаем – визуальный редактор – РЕДАКТИРУЕМ в открывшемся редакторе. Можно изменять надписи, цвет вставлять картинки и фотографии и т.п. После того как выполните изменения в редакторе, сохраните изменения. Потом переходите опять в панель управления, где открыта таблица и внизу под большой таблицей нажимаете –СОХРАНИТЬ.
Теперь можете обновить страницу сайта.
Смотрите скриншоты
2 Открываем свои сайты.
Как вы помните, мы закрывали свои сайты на время изменения и редактирования. Теперь пришло время открыть свои сайты.
Напоминаю как.
В ПАНЕЛИ УПРАВЛНИЯ в горизонтальном меню нажимаем НАСТРОЙКи-ОБЩИЕ НАСТРОЙКИ- Снять галочку САЙТ ВРЕМЕННО ОТКЛЮЧЕН – внизу СОХРАНИТЬ.
3. Проверьте еще раз. Вы можете зайти на сайт как гость, как пользователь, или как администратор.
На сайте Нажмите в верхнем горизонтальном меню ПОЛЬЗОВАТЕЛИ – Смотреть сайт КАК – Пользователь(гость и т.д.) Проверьте, что видит каждый, попадая на ваш сайт.
4 С целью раскрутки наших сайтов нужно зарегистрироваться друг у друга на сайте.

Добавление баннеров и кнопок
С целью раскрутки нужно зарегистрироваться в различных каталогах. Как правило каталоги или иные сайты имеют свои КНОПКИ (ссылки) с кодом , которые необходимо встроить на свой сайт.
Ссылки можно делать 2 способами
1. Просто вставить картинку и через редактор сделать гиперссылку на сайт.
2. Второй сложнее – через код.
В знак признания администраторам данного сайта, за то, что они организовали данный мастер-класс, да и чтобы вам удобнее было переходить со своего сайта на http://englishmylife.ucoz.ru расположим ссылку у себя в правом контейнере.
1. Скачайте прикрепленную кнопку-баннер к себе на компьютер.
2. В панели управления (горизонтальное меню) выбираем ДИЗАЙН -УПРАВЛЕНИЕ ДИЗАЙНОМ (2 строчка)
3. В маленьком окошке выбираем ВТОРОЙ КОНТеЙНЕР- нажимаем на значок визуального редактирования – откроется новое окно
4. В блок ДРУЗЬЯ Сайта кликаем мышкой на последнюю строчку после надписи вставляем картинку при помощи графического редактора.
5. Делаем гиперссылку на картинку:кликаем на значок гиперссылки- в окошко вставляем адрес ВСТАВИТЬ – с след окне ОК- сохраняем изменения ОК
6. Возвращаемся в панель управления и сохраняем проделанные изменения СОХРАНИТЬ под большой табличкой
7. Созданная картинка должна быть активна ( сайт обновите)
!!!!!Если визуальный редактор открывается как на скриншоте 2 вариант, то можно также вставить картинку в нужное место и создать гиперссылку.
2 ВАРИАНТ Вставки КНОПКИ с кодом:
Перед регистрацией, например в каталоге Российское образование в сети, сначала нужно на сайте расположить их кнопку – ЭТО ИХ УСЛОВИЕ (потом только нужно будет подать заявку, чтобы вас зарегистрировали)
1. Заходим на сайт http://educat.msk.ru/
2. Находим кнопку и ее код (правый контейнер)- копируем его
3. В панели управления сайтом у себя ДИЗАЙН- УПРАВЛЕНИЕ ДИЗАЙНОМ –ВТОРОЙ КОНТЕЙНЕР –
4. В большое окошко внизу-передвиньте ползунок вниз (можно в самом конце) найдите где заканчивается последняя строчка и перейдите на новую строчку (новая цифра) ВСТАВЬТЕ КОД КОТОРЫЙ ВЫ СКОПИРОВАЛИ НА ДРУГОМ САЙТЕ
5. СОХРАНИТЕ под таблицей
6. Перейдите на сайт свой и обновите. ГОТОВО?
ТАК МОЖНО ДОБАВЛЯТЬ ЛЮБЫЕ КНОПКИ-ССЫЛКИ
ВНИАМАНИе УЧАСТНИКАМ МАСТЕР-КЛАССА
ЗАДАНИЕ 7
ПРИШЛИТЕ НА ФОРУМ
ответ к заданию №7: 1)кнопку с ссылкой на сайт творческая мастерская учителей - вставила
2) кнопку с кодом - вставила

если возникнут вопросы задавайте!
ПРИКРЕПЛЯЮ СКРИНШОТЫ- СМОТРИТЕ СРОК ВЫПОЛНЕНИЯ ЗАДАНИЯ №7 до 18 ДЕКАБРЯ

С уважением, Елена Владимировна

Тема 8.Заключение. Просмотр и Оценка получившихся сайтов.
Ну вот и подходит к концу наш мастер-класс.
Что же должно у вас получиться?
1. Результатом вашей работы должен стать сайт. Сайт должен иметь имя (например: Персональный сайт Ивановой М.И.) Название должно быть отражено в верхней части сайта.
2. По возможности должен быть изменен дизайн шаблона (шапка сайта, в правый или левый контейнер- добавлены новые блоки.
Вы должны продемонстрировать в своей работе следующие умения и навыки:
3. Переименовывать модули
4. Делать выпадающее меню
5. Уметь создавать информер, гаджеты или виджеты
6. Прикреплять фото и картинки (видео по желанию)
7. Прикреплять материалы в каталог файлов и каталог статей
8. Организовать на сайте форум и открыть хотя бы 1 тему на форуме ( если форум необходим) Если он вам не нужен, сделайте его неактивным, чтобы не было в меню
9. Вставить кнопку- ссылку на сайт (одну через код, другую через гиперссылку)
ПОМНИТЕ, что только ВЫ знаете каким должен быть ваш сайт. ГЛАВНОЕ ТРЕБОВАНИЕ к открытому сайту – ВСЕ МОДУЛИ ДОЛЖНЫ БЫТЬ ЗАПОЛНЕНЫ ИНФОРМАЦИЕЙ
Задание 8. Выкладываем ссылки на свой сайт и регистрируемся друг у друга на сайте. ВНИМАНИЕ!!! Обратите внимание, какую ссылку сайта вы выкладываете. Ссылка после публикации на форуме должна быть активная.