Постоянные разделы Shkaf knopka2.jpg Веб-квест.png Knopka setev2.jpg Bibliograf.jpg Masterklass.jpg ПОМОЩЬ.png Web202.jpg
Текущие активности МК АКЦИЯ 2024 ТК.PNG 2Geroy.jpg Liveknopka.jpg Family.jpg Azbukaknopka.jpg Read.jpg Uchetknopka.jpg

Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/ШАГ 1

Материал из Wiki-Сибириада
(Различия между версиями)
Перейти к: навигация, поиск
м (добавление примера сайта)
(Отмена правки 229015 участника Ольга Борисовна Чиркова (обсуждение))
Строка 1: Строка 1:
__NOTOC__
+
<p>__NOTOC__
{| cellpadding="8" cellspacing="8" style="width: 100%; background-color:#FF9933; margin-left: auto; margin-right: auto"
+
</p>
|[[Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна|'''ГЛАВНАЯ''']]
+
<table cellpadding="8" cellspacing="8" style="width: 100%; background-color:#FF9933; margin-left: auto; margin-right: auto">
|[[Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/ШАГ 1|'''ШАГ 1''']]
+
<tr>
|[[Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/ШАГ 2|'''ШАГ 2''']]
+
<td><a href="Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна"><b>ГЛАВНАЯ</b></a>
|[[Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/ШАГ 3|'''ШАГ 3''']]
+
</td>
|[[Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/Работы участников|'''Работы участников''']]
+
<td><a href="Google-сайты_как_площадки_коллективной_творческой_работы/Рыженко_Татьяна/ШАГ_1" class="selflink"><b>ШАГ 1</b></a>
| [[Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/Комментарии|'''Комментарии в Галактике''']]
+
</td>
|[[Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/Итоги|'''Итоги''']]
+
<td><a href="Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/ШАГ 2"><b>ШАГ 2</b></a>
|}
+
</td>
{| cellpadding="15" cellspacing="7" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto"
+
<td><a href="Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/ШАГ 3"><b>ШАГ 3</b></a>
| style="width: 50%; background-color: #EFF5FF; border: 1px solid #FF9933; vertical-align: bottom; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" rowspan="2" |
+
</td>
 
+
<td><a href="Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/Работы участников"><b>Работы участников</b></a>
 
+
</td>
= '''ШАГ 1. Создание структуры веб-сайта''' =
+
<td> <a href="Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/Комментарии"><b>Комментарии в Галактике</b></a>
=='''Задание 1. Познакомьтесь с сервисами для создания бесплатных веб-сайтов'''==
+
</td>
 
+
<td><a href="Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/Итоги"><b>Итоги</b></a>
'''Сервисы'''
+
</td></tr></table>
 
+
<table cellpadding="15" cellspacing="7" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto">
 
+
<tr>
[[Файл:Google 9.jpg|250px]]
+
<td style="width: 50%; background-color: #EFF5FF; border: 1px solid #FF9933; vertical-align: bottom; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" rowspan="2">
 
+
<p><br />
* [https://www.google.com/intl/ru/about/products/ Сервисы Google]
+
</p>
 
+
<h1> <b>ШАГ 1. Создание структуры веб-сайта</b> </h1>
 
+
<h2><b>Задание 1. Познакомьтесь с сервисами для создания бесплатных веб-сайтов</b></h2>
[[Файл:Weebly 9.jpg|250px]]
+
<p><b>Сервисы</b>
 
+
</p><p><br />
*[http://www.weebly.com/index.php?lang=ru& Сервис Weebly]
+
<img src="/images/thumb/f/f9/Google_9.jpg/250px-Google_9.jpg" _fck_mw_filename="Google 9.jpg" _fck_mw_width="250" alt="Google 9.jpg" />
 
+
</p>
[[Файл:Wix-9.jpg|250px]]
+
<ul><li> <a href="https://www.google.com/intl/ru/about/products/">Сервисы Google</a>
 
+
</li></ul>
*[http://ru.wix.com/rusites/-free-website Сервис Wix]
+
<p><br />
 
+
<img src="/images/thumb/1/1b/Weebly_9.jpg/250px-Weebly_9.jpg" _fck_mw_filename="Weebly 9.jpg" _fck_mw_width="250" alt="Weebly 9.jpg" />
 
+
</p>
 
+
<ul><li><a href="http://www.weebly.com/index.php?lang=ru&amp;">Сервис Weebly</a>
'''"Обучалки" '''
+
</li></ul>
*[http://www.youtube.com/watch?v=YohFPOR1Xvg Как создать сайт на Weebly]
+
<p><img src="/images/thumb/8/8d/Wix-9.jpg/250px-Wix-9.jpg" _fck_mw_filename="Wix-9.jpg" _fck_mw_width="250" alt="Wix-9.jpg" />
*[http://ru.wix.com/russianhtml/900-website-builder?utm_source=google&utm_medium=cpc&utm_campaign=bi_lang_russian_broad^ion-33&experiment_id=%D1%81%D0%B0%D0%B9%D1%82%20%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5^b^38805127075^1t1 Как создать сайт в Wix]
+
</p>
*[http://www.educatorstechnology.com/2014/04/10-ways-to-use-google-sites-with-your.html 10 способов использовать Google сайты (на англ. языке)]
+
<ul><li><a href="http://ru.wix.com/rusites/-free-website">Сервис Wix</a>
*[https://sites.google.com/site/onlinedelo/home Google Sites шаг за шагом]
+
</li></ul>
*[https://sites.google.com/site/moneymator/forum Сайты Google]
+
<p><br />
*[https://sites.google.com/site/poleznyesovety/Home/sajty-google Полезные советы]
+
</p><p><b>"Обучалки" </b>
*[http://blognauroke.blogspot.ru/2012/06/blog-post.html Образовательный веб-квест "Культура Ренессанса", авт.: М.Курвитс]
+
</p>
*[http://www.slideshare.net/kurvits/google-16753959 Вставка картинки в Google-форму (опросник), авт.: М.Курвитс]
+
<ul><li><a href="http://www.youtube.com/watch?v=YohFPOR1Xvg">Как создать сайт на Weebly</a>
*[https://sites.google.com/site/rabotyga777/ Cдeлать свой сайт на Google Видеоуроки, авт.: Виталий]
+
</li><li><a href="http://ru.wix.com/russianhtml/900-website-builder?utm_source=google&amp;utm_medium=cpc&amp;utm_campaign=bi_lang_russian_broad^ion-33&amp;experiment_id=%D1%81%D0%B0%D0%B9%D1%82%20%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5^b^38805127075^1t1">Как создать сайт в Wix</a>
*[[Мастер-класс Как создать библиотечный Google-сайт/Надежда Жесткова и Нина Панасенко]]
+
</li><li><a href="http://www.educatorstechnology.com/2014/04/10-ways-to-use-google-sites-with-your.html">10 способов использовать Google сайты (на англ. языке)</a>
 
+
</li><li><a href="https://sites.google.com/site/onlinedelo/home">Google Sites шаг за шагом</a>
 +
</li><li><a href="https://sites.google.com/site/moneymator/forum">Сайты Google</a>
 +
</li><li><a href="https://sites.google.com/site/poleznyesovety/Home/sajty-google">Полезные советы</a>
 +
</li><li><a href="http://blognauroke.blogspot.ru/2012/06/blog-post.html">Образовательный веб-квест "Культура Ренессанса", авт.: М.Курвитс</a>
 +
</li><li><a href="http://www.slideshare.net/kurvits/google-16753959">Вставка картинки в Google-форму (опросник), авт.: М.Курвитс</a>
 +
</li><li><a href="https://sites.google.com/site/rabotyga777/">Cдeлать свой сайт на Google Видеоуроки, авт.: Виталий</a>
 +
</li><li><a _fcknotitle="true" href="Мастер-класс Как создать библиотечный Google-сайт/Надежда Жесткова и Нина Панасенко">Мастер-класс Как создать библиотечный Google-сайт/Надежда Жесткова и Нина Панасенко</a>
 +
</li></ul>
 
<h2><b>Задание 2. Просмотрите примеры веб-сайтов библиотек, кружков, интернет-проектов</b> </h2>
 
<h2><b>Задание 2. Просмотрите примеры веб-сайтов библиотек, кружков, интернет-проектов</b> </h2>
 
<p>Прежде чем создавать собственный веб-сайт, ознакомьтесь с несколькими примерами сайтов схожей тематики в интернет. Обратите внимание на структуру и содержание найденных ресурсов. Впишите свой пример веб-сайта с краткой его аннотацией:
 
<p>Прежде чем создавать собственный веб-сайт, ознакомьтесь с несколькими примерами сайтов схожей тематики в интернет. Обратите внимание на структуру и содержание найденных ресурсов. Впишите свой пример веб-сайта с краткой его аннотацией:
Строка 196: Строка 203:
 
</td></tr>
 
</td></tr>
 
</table>
 
</table>
 
+
<h2><b>Задание 3. Разберитесь с конструктором Google-сайтов - создайте сайт</b></h2>
=='''Задание 3. Разберитесь с конструктором Google-сайтов - создайте сайт'''==
+
<ul><li><b>Войдите</b> в аккаунт на странице <a href="https://sites.google.com/">sites.google.com</a>.
 
+
</li><li><b>Нажмите</b> кнопку Создать.
*'''Войдите''' в аккаунт на странице [https://sites.google.com/ sites.google.com].
+
</li><li><b>Cоздайте веб-сайт</b> библиотеки (если его еще нет) или интернет-проекта для учащихся по теме, связанной с чтением, информационной культурой и др.
*'''Нажмите''' кнопку Создать.
+
</li><li><b>Выберите</b> шаблон сайта (см. рис)
*'''Cоздайте веб-сайт''' библиотеки (если его еще нет) или интернет-проекта для учащихся по теме, связанной с чтением, информационной культурой и др.
+
</li><li><b>Дайте название</b> сайту. При необходимости название сайта можно будет изменить в любое время. Примерные темы веб-сайтов кружков или интернет-проектов: Школьная библиотека в Сети, Библиотека №..., Детское чтение и др.
*'''Выберите''' шаблон сайта (см. рис)
+
</li><li><b>Задайте адрес</b>. Основной адрес всех сайтов Google совпадает. Отличается только окончание URL, которое можно изменить: https://sites.google.com/site/__________
*'''Дайте название''' сайту. При необходимости название сайта можно будет изменить в любое время. Примерные темы веб-сайтов кружков или интернет-проектов: Школьная библиотека в Сети, Библиотека №..., Детское чтение и др.
+
</li><li> Вы можете <b>выбрать тему</b> (цветовое оформление страниц сайта) или оставить шаблон без изменений. В любое время цвет и макет сайта можно изменить, дополнить логотипом и др.  
*'''Задайте адрес'''. Основной адрес всех сайтов Google совпадает. Отличается только окончание URL, которое можно изменить: https://sites.google.com/site/__________
+
</li><li> Заполните раздел "<b>Другие возможности</b>":  
* Вы можете '''выбрать тему''' (цветовое оформление страниц сайта) или оставить шаблон без изменений. В любое время цвет и макет сайта можно изменить, дополнить логотипом и др.  
+
<ul><li><b>Описание сайта</b> поможет другим пользователям находить ваш сайт в Интернете, например, можно написать: сайт библиотеки, детское чтение, литературный проект и т.д., в зависимости от тематики сайта  
* Заполните раздел "'''Другие возможности'''":  
+
</li><li>Этот сайт содержит <b>материалы только для взрослых</b> - этот раздел оставляете без изменений, если материалы адресованы детской аудитории.
**'''Описание сайта''' поможет другим пользователям находить ваш сайт в Интернете, например, можно написать: сайт библиотеки, детское чтение, литературный проект и т.д., в зависимости от тематики сайта  
+
</li></ul>
**Этот сайт содержит '''материалы только для взрослых''' - этот раздел оставляете без изменений, если материалы адресованы детской аудитории.
+
</li><li><b>Сохраните</b> информацию, нажав на кнопку Создать  
*'''Сохраните''' информацию, нажав на кнопку Создать  
+
</li><li>Теперь на сайте можно создавать новые страницы, менять дизайн сайта, добавлять текстовые файлы, изображения, видео и многое другое
*Теперь на сайте можно создавать новые страницы, менять дизайн сайта, добавлять текстовые файлы, изображения, видео и многое другое
+
</li></ul>
 
+
<h2><b>Задание 4. Создайте страницы/разделы на сайте</b></h2>
=='''Задание 4. Создайте страницы/разделы на сайте'''==
+
<ul><li><b>Разработайте</b> структуру своего сайта. Определите разделы (страницы)
*'''Разработайте''' структуру своего сайта. Определите разделы (страницы)
+
</li><li><b>Создайте</b> необходимое количество страниц. Для этого нажмите на значок "Создать страницу" .
*'''Создайте''' необходимое количество страниц. Для этого нажмите на значок "Создать страницу" .
+
</li><li><b>Впишите</b> название страницы, выберите <a href="https://support.google.com/sites/answer/98216">шаблон</a> (т. е. тип) страницы, Сохраните
*'''Впишите''' название страницы, выберите [https://support.google.com/sites/answer/98216 шаблон] (т. е. тип) страницы, Сохраните
+
</li><li>На главной странице сайта <b>разместите ленту новостей</b>. Для этого воспользуйтесь <a href="https://docs.google.com/viewer?a=v&amp;pid=sites&amp;srcid=ZGVmYXVsdGRvbWFpbnxta3NpdGVwcmVzc3xneDoxYjI1ZGU2NmZiODlkNmVj">инструкцией</a>
*На главной странице сайта '''разместите ленту новостей'''. Для этого воспользуйтесь [https://docs.google.com/viewer?a=v&pid=sites&srcid=ZGVmYXVsdGRvbWFpbnxta3NpdGVwcmVzc3xneDoxYjI1ZGU2NmZiODlkNmVj инструкцией]
+
</li></ul>
 
+
<p><b>Примерные разделы сайта</b> могут быть такими:  
'''Примерные разделы сайта''' могут быть такими:  
+
</p>
*''Главная'' Обязательный раздел!
+
<ul><li><i>Главная</i> Обязательный раздел!
*''О нас'' (о библиотеке, о проекте) Обязательный раздел!
+
</li><li><i>О нас</i> (о библиотеке, о проекте) Обязательный раздел!
*''Контакты'' Обязательный раздел!
+
</li><li><i>Контакты</i> Обязательный раздел!
*''Новости'' (объявления)  
+
</li><li><i>Новости</i> (объявления)  
*''Творчество наших читателей'' (заметки, плакаты, видеоролики ребят, размещенные ими на сайте самостоятельно) Обязательный раздел!
+
</li><li><i>Творчество наших читателей</i> (заметки, плакаты, видеоролики ребят, размещенные ими на сайте самостоятельно) Обязательный раздел!
*''Обучающие материалы, полезные ссылки'' и т.д.
+
</li><li><i>Обучающие материалы, полезные ссылки</i> и т.д.
*''Наша деятельность''
+
</li><li><i>Наша деятельность</i>
*''Другие'' (на Ваше усмотрение)
+
</li><li><i>Другие</i> (на Ваше усмотрение)
 
+
</li></ul>
Структура Вашего сайта готова. Теперь необходимо научиться размещать на его страницах нужную информацию.
+
<p>Структура Вашего сайта готова. Теперь необходимо научиться размещать на его страницах нужную информацию.
 
+
</p>
==='''Впишите ссылку на созданный сайт''' [[Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/Работы участников|в '''Общую Таблицу''']]===
+
<h3><b>Впишите ссылку на созданный сайт</b> <a href="Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/Работы участников">в <b>Общую Таблицу</b></a></h3>
 
+
<h2><b>Переходите к выполнению <a href="Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/ШАГ 2"> ШАГА 2</a></b></h2>
=='''Переходите к выполнению [[Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/ШАГ 2 | ШАГА 2]]'''==
+
</td>
 
+
</tr>
[[Категория:Мастер-класс]]
+
</table>
[[Категория:Новая школа]]
+
<a _fcknotitle="true" href="Category:Мастер-класс">Мастер-класс</a> <a _fcknotitle="true" href="Category:Новая_школа">Новая_школа</a>

Версия 19:12, 5 октября 2014

<a href="Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна">ГЛАВНАЯ</a> <a href="Google-сайты_как_площадки_коллективной_творческой_работы/Рыженко_Татьяна/ШАГ_1" class="selflink">ШАГ 1</a> <a href="Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/ШАГ 2">ШАГ 2</a> <a href="Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/ШАГ 3">ШАГ 3</a> <a href="Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/Работы участников">Работы участников</a> <a href="Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/Комментарии">Комментарии в Галактике</a> <a href="Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/Итоги">Итоги</a>


ШАГ 1. Создание структуры веб-сайта

Задание 1. Познакомьтесь с сервисами для создания бесплатных веб-сайтов

Сервисы


<img src="/images/thumb/f/f9/Google_9.jpg/250px-Google_9.jpg" _fck_mw_filename="Google 9.jpg" _fck_mw_width="250" alt="Google 9.jpg" />


<img src="/images/thumb/1/1b/Weebly_9.jpg/250px-Weebly_9.jpg" _fck_mw_filename="Weebly 9.jpg" _fck_mw_width="250" alt="Weebly 9.jpg" />

<img src="/images/thumb/8/8d/Wix-9.jpg/250px-Wix-9.jpg" _fck_mw_filename="Wix-9.jpg" _fck_mw_width="250" alt="Wix-9.jpg" />


"Обучалки"

Задание 2. Просмотрите примеры веб-сайтов библиотек, кружков, интернет-проектов

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

Ссылка на страницу Участника Ссылка на веб-сайт Аннотация (цель, задачи, аудитория, для которой создан сайт)
1 <a href="Участник:Надежда Жесткова">Надежда Жесткова</a> <a href="http://dia-creativ.moy.su">Детское информационное агентство «CREATIV»</a> Создан для подростков. ДИА "CREATIV" организует для детей и педагогов разнообразные международные дистанционные мероприятия: конкурсы, фестивали, олимпиады и викторины.
2 <a href="Участник:ElenaY">Елена Ястребцева</a> <a href="http://academy2014.weebly.com/">Цифровая Академия для школьников_2014</a> Создан для школьников в рамках проекта "Медиаобразование учащихся в информационном пространстве Москвы". Занятия были проведены в ВДЦ "Орлёнок" по темам цифрового гражданства. Ребята осваивали сервисы и приложения к мобильным гаджетам
3 <a href="Участник:Капшарь Наталья Павловна">Капшарь Наталья Павловна</a> <a href="https://sites.google.com/site/knizkindom3/">Виртуальная библиотека гимназии №3 г.Краснодара</a> Создан для учащихся гимназии. организует для детей и педагогов разнообразные дистанционные мероприятия: конкурсы, фестивали, олимпиады и викторины.
4 <a href="Участник:Гелена">Григоренко Елена Владимировна</a> <a href="http://spinkss.weebly.com/">Клуб для девушек "Классная девчонка" г.Колпашево</a> Создан для девушек - подростков с целью воспитания и формирования эстетического вкуса.
5 <a href="Участник:Денис Анатольевич"> Денис Анатольевич</a> <a href="https://sites.google.com/site/detskijotdelmkukurb/">Детская библиотека</a> Для юных читателей нашего района
.. .. .. ..
.. .. .. ..
. . . .
. . . .
. . . .
. . .

Задание 3. Разберитесь с конструктором Google-сайтов - создайте сайт

  • Войдите в аккаунт на странице <a href="https://sites.google.com/">sites.google.com</a>.
  • Нажмите кнопку Создать.
  • Cоздайте веб-сайт библиотеки (если его еще нет) или интернет-проекта для учащихся по теме, связанной с чтением, информационной культурой и др.
  • Выберите шаблон сайта (см. рис)
  • Дайте название сайту. При необходимости название сайта можно будет изменить в любое время. Примерные темы веб-сайтов кружков или интернет-проектов: Школьная библиотека в Сети, Библиотека №..., Детское чтение и др.
  • Задайте адрес. Основной адрес всех сайтов Google совпадает. Отличается только окончание URL, которое можно изменить: https://sites.google.com/site/__________
  • Вы можете выбрать тему (цветовое оформление страниц сайта) или оставить шаблон без изменений. В любое время цвет и макет сайта можно изменить, дополнить логотипом и др.
  • Заполните раздел "Другие возможности":
    • Описание сайта поможет другим пользователям находить ваш сайт в Интернете, например, можно написать: сайт библиотеки, детское чтение, литературный проект и т.д., в зависимости от тематики сайта
    • Этот сайт содержит материалы только для взрослых - этот раздел оставляете без изменений, если материалы адресованы детской аудитории.
  • Сохраните информацию, нажав на кнопку Создать
  • Теперь на сайте можно создавать новые страницы, менять дизайн сайта, добавлять текстовые файлы, изображения, видео и многое другое

Задание 4. Создайте страницы/разделы на сайте

Примерные разделы сайта могут быть такими:

  • Главная Обязательный раздел!
  • О нас (о библиотеке, о проекте) Обязательный раздел!
  • Контакты Обязательный раздел!
  • Новости (объявления)
  • Творчество наших читателей (заметки, плакаты, видеоролики ребят, размещенные ими на сайте самостоятельно) Обязательный раздел!
  • Обучающие материалы, полезные ссылки и т.д.
  • Наша деятельность
  • Другие (на Ваше усмотрение)

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

Впишите ссылку на созданный сайт <a href="Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/Работы участников">в Общую Таблицу</a>

Переходите к выполнению <a href="Google-сайты как площадки коллективной творческой работы/Рыженко Татьяна/ШАГ 2"> ШАГА 2</a>

<a _fcknotitle="true" href="Category:Мастер-класс">Мастер-класс</a> <a _fcknotitle="true" href="Category:Новая_школа">Новая_школа</a>

Личные инструменты
Пространства имён
Варианты
Действия
Навигация
Инструменты