Мастер-класс "Сайт в работе педагога"
методическая разработка

Российская школа

Монголия

Мастер-класс

по созданию сайта

«Сайт в работе педагога»

Парфенов И.В.

г.Бор-Ундур, 2015

Если хочешь получить то, чего у тебя никогда не было - делай то, чего никогда не делал!

Мы с вами -  активные пользователи интернета. Наше первое знакомство с Интернетом как раз было связано с поиском сайтов, в которых предлагался бы дидактический материал. Как много образовательных сайтов в Интернете? Очень много. Хороших, плохих – разных. Сегодня я предлагаю вам задуматься о создании своего персонального сайта.  Конечно, существует подсознательный страх и неуверенность в своей компетенции. На вопрос «Нужен ли учителю персональный сайт?» ответили утвердительно-95 чел, из 116 опрошенных, 16 чел сказали своё «нет», остальные задались  вопросами: «А откуда у меня столько времени, чтобы сайт вести?», «А что я туда буду класть, у меня ничего особенного нет», «А если кто-то придет и начнет критиковать или будет писать гадости?» Оставим сомнения.

Содержание

1. Типы сайтов.                                                     5 – 6 стр
2. Создание сайта: пошаговая инструкция      7 – 15 стр
3. Список использовано литературы                      16 стр

1.Типы сайтов 

Аудитория сайта влияет на тип сайта и его структуру.

1. Сайт-визитка.

Сайт, который удачно будет представлять имидж учителя. Общие сведения об учителе, стаж работы, направления деятельности, грамоты за педагогическую работу и так далее, помогут учителю составить резюме для приема на работу. (http://agukova.my1.ru/index/0-4)

2. Для сайта - портфолио характерны следующие разделы:

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

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

Примеры сайтов-портфолио:

http://fizika-zaharova.narod.ru/Dly_uroka.htm ,

3.Предметный сайт.

Сайт учителя-предметника наполнен разнообразной (видео, аудио, мультимедийной ) информацией по предмету. Как правило, структура сайта определяется или предметными линиями курса предмета, или классно-урочной системой.  Информация, как правило, предназначена для учителей, при подготовке к урокам, и не только для чтения, но и для скачивания. Такие сайты имеют в своем составе сервисы файлообменников.  Пример хорошего сайта http://tana.ucoz.ru/load/450 .

4.Сайт учитель-ученику.

Такой вид сайтов пока еще редкость в сети. Назначение сайта – помочь ученикам через странички сайта получить дополнительные материалы при подготовке к зачетам, контрольным работам, конкурсам. На сайте размещаются интересные дополнительные  материалы по предмету, ссылки на цифровые образовательные ресурсы, видеоматериалы, презентации. Пример сайта учителя биологии http://biolog188.narod.ru/.

5.Сайты методических объединений учителей

Примером такого социально-информационного взаимодействия может служить ресурс  http://biolog188.narod.ru/ или http://nachalka.com/

Сайт  «Сеть творческих учителей» (www.it-n.ru) по сути содержит разветвленный ресурс со ссылками и на сайты и блоги учителей, и сообщества и форумы, мастер-классы и советы.

6. Сайт класса

Пример такого сайта: http://orljta-2010.ucoz.ru/

Зайдите по адресам ,  рассмотрите сайты различных типов.

Выберите, какого ТИПА будет ваш сайт. Теперь можно попытаться обосновать структуру сайта: из каких разделов и страниц должен состоять ваш сайт.

2. Создание сайта: пошаговая инстукция.

Если вы только знакомитесь с нашей системой и у вас нет ещё ни одного сайта в uCoz, то прежде всего вам следует создать глобальный профиль в системе uCoz - uID 

Собственно uID имеет две основные части/функции: 

• WebTop - это оболочка uID профиля, которая позволяет комфортно работать со своими данными, контактами и сайтами. 
• uID - это уникальный идентификатор, который позволяет войти практически на любой сайт системы uCoz. 

Создать глобальный профиль можно с главной страницы сервиса http://www.ucoz.ru/register/ 

1. Регистрация нового пользователя в системе uCoz. 
   Зайдите на страницу http://www.ucoz.ru/register/ и выберите один из доступных способов регистрации. Так как это, вероятно, Ваше первое знакомство с uCoz, uID аккаунта у Вас, скорее всего, нет. Потому выбираем регистрацию через e-mail и пароль в левой части страницы. Пользователи социальных сетей могут воспользоваться ускоренной регистрацией, для этого требуется нажать на иконку сети, в которой у вас есть аккаунт, и следовать появившимся указаниям. 
   
   Ниже мы подробнее рассмотрим процесс регистрации через e-mail и пароль. Все вводимые данные должны быть правдивыми. Это важно, так как Вы не только создаёте сайт на uCoz, но ещё и открываете свой uID профиль в системе, что даёт Вам возможность в будущем открыть неограниченное количество сайтов в системе uCoz. Поэтому крайне важно указать ваш действующий e-mail, он в будущем вам очень пригодится. Пароль сделайте обязательно сложным и запишите его в специальную новую тетрадку для паролей, пароль нельзя хранить в файле вашего компьютера. Не советуем использовать пароль от Вашей почты, в целях безопасности лучше придумать новый.
2. После того, как Вы ввели действующий адрес e-mail и придумали новый сложный пароль, нажимаем на кнопку «Продолжить» и попадаем на страницу под названием «Создание нового сайта». Заполняем все пустые поля и, ставя внизу галочку, соглашаемся с условиями использования uID сообщества. Нажамаем на кнопку «Регистрация»!
3. Если все поля были заполнены корректно, мы должны были попасть на страницу, где содержится информация о том, что регистрация прошла успешно, и на Ваш e-mail отправлено письмо. Теперь Вам необходимо проверить свой электронный почтовый ящик.
4. Должно прийти письмо с темой «uID - Добро пожаловать в наше сообщество!». В нём надо кликнуть по ссылке, идущей после слов «Для окончания регистрации, пожалуйста, перейдите по этой ссылке».
5. Перейдя по ссылке из Вашего почтового ящика, Вы попадаете на страницу с текстом «E-mail подтвержден!». Здесь же необходимо задать секретный вопрос для безопасной работы с сайтом (например, сайт или модуль нельзя будет впоследствии удалить, не ответив на секретный вопрос). Также нам нужно придумать ещё один пароль, он будет использоваться для входа в панель администратора на нашем будущем сайте. Пароль, придуманный нами чуть ранее, относился к uID профилю, с тем паролем мы сможем авторизовываться на других сайтах системы.
6. После того, как Вы придумали ответ на секретный вопрос и задали пароль для панели администратора, нажимаем на кнопку «Приступить к созданию сайта!». Вас вернёт на главную страницу сервиса uCoz. Теперь мы можем нажать в верхнем правом углу на ссылку «Вход» и авторизоваться в системе, используя свой uID профиль. Авторизовавшись, попадаем на страницу, где необходимо выбрать адрес нашего сайта. Именно по данному адресу посетители будут видеть Ваш сайт в интернете! Придумываем свободный адрес сайта, выбираем для него доменную зону (ucoz.com, ucoz.net и т.д.) и нажимаем кнопку «Создать сайт!»
7. Теперь мы попадаем на страницу входа в панель администратора (панель управления) нашего сайта. Вводим пароль, указанный в п.5.
8. Откроется страница с мастером настройки конфигурации Вашего сайта. И здесь Вы будете писать уже что-то своё, а я, для наглядного примера, покажу Вам, как это делаю я.
9.  Мой сайт, например, называется «Добро творим». Далее нужно нажать на ссылку «Выбрать дизайн». Откроется окошко с готовыми шаблонами, один из которых нужно выбрать для нашего сайта. Многие из этих дизайнов сделаны так хорошо, что вы будете приятно удивлены!
10. После того, как вы кликните на один из шаблонов, который вы хотите выбрать для своего сайта, окошко с шаблонами закроется и нужно нажать на кнопку «Продолжить».
11. Теперь открылась страница с выбором модулей, которые вы хотите использовать на своём сайте. Нужно поставить галочку напротив того модуля, который Вам нужен. Т.к. я делаю демонстрационный сайт, то я поставлю галочки напротив всех модулей, но Вам нужно решить, какие модули нужны именно Вам в первую очередь. Потом Вы можете отключить/подключить любой модуль системы uCoz. Всё, нажимайте кнопку «Продолжить».
12. Поздравляю! Вы зашли в Панель управления Вашим сайтом. Именно здесь можно настроить все используемые Модули и Дизайн. И у Вас уже создан сайт! Но его нужно сразу чуть-чуть настроить, для того чтобы можно было приступить к наполнению сайта оригинальным авторским содержанием.
13. Вы можете сразу же кликнуть по ссылке Адреса Вашего сайта, чтобы порадоваться тому, как просто и легко всё делается на uCoz! Сайт откроется в новой вкладке Вашего браузера.
14. Справа внизу постоянно будет появляться окошко подсказки, которое Вам обязательно нужно внимательно читать – так вы постепенно начнёте учиться пользоваться гениальной системой uCoz.
15. Теперь, находясь на уже созданном Вами сайте, в верхнем горизонтальном меню кликните по вкладке «Конструктор». В выпавшем подменю нажмите на «Включить конструктор»...
16. Не пугайтесь! Вы не поломали сайт, вы перешли в потрясающий и удобный вид редактирования сайта в системе uCoz без специальных знаний. И через несколько минут ваш сайт станет уже готов к тому, чтобы опубликовать на нём самый первый материал!
17. Начнём с верхней части Вашего сайта. Вы, возможно, слышали, как верхнюю часть сайта называют «шапкой». Вот в этой самой «шапке» мы сейчас внесём очень важное для нашего сайта изменение. Кликните по заголовку «Мой сайт», там появится курсор, само поле заголовка измениться для редактирования. Теперь стирайте надпись и пишите название Вашего сайта. В моём случае это «Добро творим».
18. После этого нужно сразу же опуститься в самый низ сайта. Здесь мы отредактируем копирайт, в котором нужно прописать обязательно того человека, или тот бренд, который обладает авторскими правами на оригинальный контент Вашего сайта. Точно так же, как мы это делали наверху сайта в «шапке», здесь мы отредактируем надпись «Copyright MyCorp © 2012», поменяв её на что-то своё.
19. Например, я написал здесь «Copyright dobrotvorim.ucoz.ru © 2012».
20. Вы уже заметили, что слева у нас очень много блоков, которых не было на сайте, а здесь в Конструкторе они появились. В системе uCoz Конструктор создан универсальным. Тут мы видим все блоки, даже не активированные на Вашем сайте. Давайте изменим один блок, который у Вас в данный момент активирован. Этот блок называется «Друзья сайта» и находится слева внизу. Вместо ссылок, поставленных разработчиками uCoz по умолчанию, я пропишу здесь ссылки на свои странички в социальных сетях.
21. Блок «Друзья сайта» я переименовал аналогичным образом, как это мы с вами делали наверху и внизу сайта, т.е. я кликнул на строчку с названием и изменил его на «Я в Интернете». Теперь нам нужно отредактировать содержимое этого блока. Для этого нажмите на голубую гаечку, как показано на рисунке, эта гаечка открывает окошко редактирования блока. Кстати говоря, рядом находится морковного цвета крестик, нажав на который можно удалить блок, если он вам совсем не нужен.
22. Открывается окошко, с помощью которого мы легко и просто можем управлять содержимым этого блока. Не пугайтесь, эти 10 иконок не так страшны и непонятны, какими кажутся при первом знакомстве с ними! Естественно, чтобы рассказать о них, нужно писать ещё один мануал, а сейчас нам надо просто поменять содержимое блока «Я в Интернете». 
23. У этого окошка, которое называется «Управление содержимым блока», есть три вкладки. Нам сейчас нужно перейти во вторую вкладку с таинственным наименованием «HTML». Здесь перед нами открывается этот самый HTML, который мы сейчас немного изменим под моим чутким руководством. Одновременно Вы узнаете о том, как выглядит HTML-код ссылок в Интернете. Красными линиями я подчеркнул, на что вы должны обратить внимание: ссылка в сети и текст ссылки, который мы видим на сайте в Интернете.

24. В этом коде я поменял ссылки, которые по умолчанию прописаны в системе uCoz на свои ссылки социальных сетей, где у меня есть страницы. Количество ссылок Вы можете уменьшить. Для этого просто удалите строчку, находящуюся в пределах парных тегов: 

Код

И жмём на кнопку «Сохранить»!

25. Окошко закрылось. Теперь поднимаемся наверх нашего сайта. Нажмите в горизонтальном меню на вкладку «Конструктор». В выпадающем подменю теперь обязательно нажмите на «Сохранить изменения». Немного подождём, изменения сохраняются. «Конструктор» сохранил изменения, которые мы с Вами внесли и мы снова вернулись на наш сайт. Полюбуйтесь на внесённые изменения! Сегодня Вы сами не только создали свой сайт, но уже умеете его редактировать. Я поздравляю Вас! Это замечательно!

26. И теперь Вы можете опубликовать свою первую страницу! Для этого нужно кликнуть по ссылке «Добавить новость». И вы перейдёте к странице добавления Новости на Вашем сайте!

27. Немного забегая вперёд, хочу сразу обрадовать Вас! В каждом активированном модуле системы uCoz «Страница добавления материала» сделана интуитивно понятной. Вам нужно просто заполнять все поля уникальным авторским контентом, что я и сделал...

28. Так выглядит творческий процесс создания Новости сайта в системе uCoz! Вот, смотрите. В строчке «Название материала» Вы пишете, как будет называться Ваша новость. В поле «Полный текст материала» Вы вставляете текст, который заранее написан Вами и хранится в текстовом файле Вашего компьютера. Но можно писать прямо здесь! Что я и сделал. Внизу, в строчке «Теги (через запятую)» обязательно нужно написать ключевые слова, по которым потом Новость можно будет найти через строчку Поиска на Вашем сайте. Ещё это очень важно для глобальных поисковых систем (Google, Яндекс и т.д.). Теперь нажмите на кнопку «Добавить», она находится в самом низу страницы. 

29. Всё, наша Новость опубликована, о чём сообщает маленькое окошко «Добавление материала». В этом окошке кликните по ссылке «Перейти на страницу материала», чтобы увидеть, что получилось...

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

Список использованной литературы

1. Леонов В.П. Простой и понятный самоучитель Интернета., М, 2012.
2. Патрик Макнейл  вебдизайн., М, 2012
3. Мэтью Макдональд Создание Web сайта., БХВ-Петербург, 2013