tag:blogger.com,1999:blog-87932993001501403182024-03-06T05:18:38.507+06:00MOUSE ITБлог учителя информатики Кривенькой Марии ВладимировныМария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.comBlogger90125tag:blogger.com,1999:blog-8793299300150140318.post-91852264641850122542019-05-01T22:25:00.000+06:002019-06-25T22:46:27.353+06:00Заполним ЭЖ вместе<div dir="ltr" style="text-align: left;" trbidi="on">
Уже месяц пишу новый проект для учителей своей школы "З<a href="https://sites.google.com/view/eljour/%D0%BE-%D1%82%D1%80%D0%B5%D0%BD%D0%B8%D0%BD%D0%B3%D0%B5" target="_blank">аполним ЭЖ вместе!</a>".<br />
<div style="text-align: justify;">
В связи с переходом полностью на АИС "Электронная школа 2.0", столкнулась в проблемой отсутствия понятных инструкции в заполнении электронной журнала начиная от администратора кончая учителя-предметика.</div>
<div style="text-align: justify;">
Теперь пытаюсь описать все возможности ИОС этой системы.</div>
<div style="text-align: justify;">
Надеюсь, через пару недель получиться запустить этот проект к дело</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-25440104555383305092017-05-10T15:14:00.000+06:002019-06-25T22:47:30.748+06:00Укорачивание ссылок - просто<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-YB_uvmNiiAc/VaIgjevpXiI/AAAAAAAAHsI/6FFvOWuFubI/s1600/001.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="151" src="https://3.bp.blogspot.com/-YB_uvmNiiAc/VaIgjevpXiI/AAAAAAAAHsI/6FFvOWuFubI/s200/001.png" width="200" /></a></div>
<div style="text-align: justify;">
Довольно часто мы предоставляем доступ или отправляем ссылки по почте, либо вставляем адреса Документов Google, которые чаще всего имеют очень длинные адреса. Конечно, чтобы укоротить есть множество сервисов (об этом я уже писала - см. <a href="http://manualgoogledrive.blogspot.ru/2013/10/blog-post_16.html" target="_blank">Укорачивание ссылок</a>), но каждый раз открывать его, либо держать в прикрепленных вкладках не хочется. Поэтому проще установить расширение на ваш браузер (в моем случае - Google Chrome) - <span style="color: #303942;"><span style="font-family: inherit;"><b>goo.gl URL Shortener, </b>который автоматически будет укорачивать ссылку и записывать ее в вашу историю ссылок.</span></span></div>
<div style="text-align: justify;">
<span style="color: #303942;"><span style="font-family: inherit;">Рассмотрим это более подробно:</span></span></div>
<div style="text-align: justify;">
<span style="color: #303942; font-family: inherit;">1. Ищем необходимое нам расширение в </span><span style="color: #303942;"><a href="https://chrome.google.com/webstore/category/apps?hl=ru" target="_blank">Интернет</a></span><span style="color: #303942; font-family: inherit;"><a href="https://chrome.google.com/webstore/category/apps?hl=ru" target="_blank">-магазине Chrom</a>.</span></div>
<div style="text-align: justify;">
<span style="color: #303942; font-family: inherit;">2. В поисковой строке набираем </span><b style="color: #303942;">URL Shortener</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-NKffZdLndJA/VaIjZOgopdI/AAAAAAAAHsU/8uh_rgWfeU4/s1600/002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="183" src="https://3.bp.blogspot.com/-NKffZdLndJA/VaIjZOgopdI/AAAAAAAAHsU/8uh_rgWfeU4/s320/002.png" width="320" /></a></div>
<div style="text-align: justify;">
<span style="color: #303942;">3. Из предложенного списка выбираем нужно нам расширение, </span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-DdlmZLgVWl4/VaIlRazurpI/AAAAAAAAHso/v64tzsAtyPo/s1600/003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="111" src="https://4.bp.blogspot.com/-DdlmZLgVWl4/VaIlRazurpI/AAAAAAAAHso/v64tzsAtyPo/s320/003.png" width="320" /></a></div>
<div style="text-align: justify;">
<span style="color: #303942;">в моем случае это </span><b style="color: #303942;">goo.gl URL Shortener.</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-yr0jQRc3yy4/VaIlKJK0xFI/AAAAAAAAHsg/g-h4vMdT7uI/s1600/004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://4.bp.blogspot.com/-yr0jQRc3yy4/VaIlKJK0xFI/AAAAAAAAHsg/g-h4vMdT7uI/s320/004.png" width="320" /></a></div>
<div style="text-align: justify;">
<span style="color: #303942;">4. Выбираем кнопку <b>УСТАНОВИТЬ, </b>соглашаемся с условием и нажимаем кнопку <b>Добавить.</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-2WpWWp8W_f4/VaIsKo01CNI/AAAAAAAAHs4/PJ6zNOmD4ig/s1600/005.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="https://4.bp.blogspot.com/-2WpWWp8W_f4/VaIsKo01CNI/AAAAAAAAHs4/PJ6zNOmD4ig/s320/005.png" width="320" /></a></div>
<span style="color: #303942;">5. Активируем, кликнув на иконку расширения.</span></div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-pMXvJ92A06k/VaIsWWm5j4I/AAAAAAAAHtA/aFCdywEaHzU/s1600/006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="125" src="https://1.bp.blogspot.com/-pMXvJ92A06k/VaIsWWm5j4I/AAAAAAAAHtA/aFCdywEaHzU/s320/006.png" width="320" /></a></div>
<span style="color: #303942;">6. Если вы вошли под своим аккаунтом, то все ваши ссылки укороченные</span><br />
<span style="color: #303942;">8/</span></div>
</div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-6507071923202378262016-05-12T22:14:00.001+06:002016-05-12T22:27:04.475+06:00Выпадающий список в Таблицах Google<div dir="ltr" style="text-align: left;" trbidi="on">
Сегодня вспомним одну из функций в Таблицах Google - выпадающий список. С помощью проверки данных вы можете:<br />
<br />
<ul style="text-align: left;">
<li style="text-align: justify;">Ограничить диапазон значений для ячеек, содержащих числа, даты и текст. </li>
<li style="text-align: justify;">Запретить пользователям вводить неверные данные или включить соответствующие предупреждения. </li>
<li style="text-align: justify;">Добавить в ячейку список предустановленных значений, чтобы пользователь мог выбрать одно из них.</li>
</ul>
Рассмотрим, как его быстро организовать и настроить.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ePP0QxMb5D4c6iym_SnT7s_S5UdoSeWGZjfdVAHzgY2xFbvOMwxfJqE25WVRpusx1otTzbzNKDhk-FfaXQ7uta9_e9JR_MdYHyb-4nprkgFnx05LrZEuWuMQSvveywE8bSvnGOvUHS4/s1600/001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ePP0QxMb5D4c6iym_SnT7s_S5UdoSeWGZjfdVAHzgY2xFbvOMwxfJqE25WVRpusx1otTzbzNKDhk-FfaXQ7uta9_e9JR_MdYHyb-4nprkgFnx05LrZEuWuMQSvveywE8bSvnGOvUHS4/s320/001.png" width="320" /></a></div>
<a name='more'></a><br />
<div>
1. Выбираем диапазон, в котором будет отображаться список.</div>
<div>
2. В главном меню выбираем <b>Данные</b>, затем <b>Проверка данных.</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEYTzjCcTcVwbKU8yyfjaG_y_OZ1DEgeBBGe_mcuNWwt7T3HkndK6cUeNdVHesgeCJLQptYxYIq6QFmI6NkEeQOoNeLZddYuyjTUz3LflXR5NK4y8iZu9M44fkaLIH4FNj8eM2jVS3XIA/s1600/002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEYTzjCcTcVwbKU8yyfjaG_y_OZ1DEgeBBGe_mcuNWwt7T3HkndK6cUeNdVHesgeCJLQptYxYIq6QFmI6NkEeQOoNeLZddYuyjTUz3LflXR5NK4y8iZu9M44fkaLIH4FNj8eM2jVS3XIA/s320/002.png" width="320" /></a></div>
<div style="text-align: justify;">
3. В появившимся окне изменяем <b>Диапазон ячеек (1)</b>, если надо. Дальше рассматриваем <b>правила </b>проверки данных <b>(2) </b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiMXcq8IFztoKc5Q7vZDwewe6ToyuyTf9HjGd43upne7QiNLNv3a3PTJS4kb3dp7oRPlP-zVFrIyQHoERuMUzmwWa-d_wFm1b1rNBBhGuajIG2zvckFXDknTMk3SmO1Z38_df5F79imCk/s1600/003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiMXcq8IFztoKc5Q7vZDwewe6ToyuyTf9HjGd43upne7QiNLNv3a3PTJS4kb3dp7oRPlP-zVFrIyQHoERuMUzmwWa-d_wFm1b1rNBBhGuajIG2zvckFXDknTMk3SmO1Z38_df5F79imCk/s400/003.png" width="400" /></a></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul style="text-align: left;">
<li style="text-align: justify;"><i>значения из диапазона</i>. Это правило очень удобно, если эти значения будут изменяться или пополняться. Диапазон может содержать значения ни только текущего листа Таблицы Google, но ссылки на другие листы это таблицы.</li>
<li><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKCNatYaKLAoFVl1ECxiajdWujWagCCqtpyQHVCD2V66Tw2jY4CKurILunsSFTxdjNVf7L9Q_YFpJtu5OCCVaEtlozx-MGbjl7DFSC9AF3p_tA1-2GoAIvOWDer7S2Ui2fmKUDfWcXPcg/s1600/004.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKCNatYaKLAoFVl1ECxiajdWujWagCCqtpyQHVCD2V66Tw2jY4CKurILunsSFTxdjNVf7L9Q_YFpJtu5OCCVaEtlozx-MGbjl7DFSC9AF3p_tA1-2GoAIvOWDer7S2Ui2fmKUDfWcXPcg/s320/004.png" width="320" /></a></div>
<div style="text-align: justify;">
<i>список значений. </i>Через запятую указываем, значения, которые будут отображаться в выпадающем списке</div>
</li>
<li style="text-align: justify;"><i>число. </i>Указываем диапазон чисел в списке.</li>
<li style="text-align: justify;"><i>текст</i>. Очень удобен для проверки данных, которые вводит участник. Чаще всего использую для проверки ввода ссылок и электронных адресов. <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVQ7E7g1DNw4GMzPM9LIrQ6audECkziTbyp-nryDTV9rHMLI6QhHAr1EBZ4ipXqUn83XtXldeJEag6avtOez7oRLiYdil0gFnWaHQGcXNtQdfk8HKhvIqzruzlaa73yjJ8t8aMs5V-X2A/s1600/006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVQ7E7g1DNw4GMzPM9LIrQ6audECkziTbyp-nryDTV9rHMLI6QhHAr1EBZ4ipXqUn83XtXldeJEag6avtOez7oRLiYdil0gFnWaHQGcXNtQdfk8HKhvIqzruzlaa73yjJ8t8aMs5V-X2A/s320/006.png" width="320" /></a></div>
</li>
<li style="text-align: justify;"><div class="separator" style="clear: both; text-align: justify;">
<i>дата</i>. Аналогично тексту, только выбор правил больше.</div>
</li>
</ul>
Затем настраиваем уровень доступа к ответам:<br />
<ul style="text-align: left;">
</ul>
</div>
<div>
<ul style="text-align: left;">
<li><div style="text-align: justify;">
<i>Показывать предупреждение.</i> Если пользователь не выбирает из списка данные, то появляется предупреждение и правом верхнем углу появляется красный треугольник.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij73Ixi5DRLKJ91AgmLdO_oP_0cYS_of-WqY_kKYIFU7mHgSVlGMdSSysBrtYpffyOqhIvT8Ylyn_xwUw2VSLL0kKoEYCxY9NwXjulAD-9ZiiBKrNlBA7ILHdP56NTS7cRVJmV9ErC2qo/s1600/007.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij73Ixi5DRLKJ91AgmLdO_oP_0cYS_of-WqY_kKYIFU7mHgSVlGMdSSysBrtYpffyOqhIvT8Ylyn_xwUw2VSLL0kKoEYCxY9NwXjulAD-9ZiiBKrNlBA7ILHdP56NTS7cRVJmV9ErC2qo/s320/007.png" width="320" /></a></div>
</li>
<li><div style="text-align: justify;">
<i>Запретить ввод данных. </i>Если пользователь ввел свои данные, то появляется ошибка, и ему предлагают изменить свой ответ, выбрав варианты из списка.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD_mY-brE8MwzGRES252cQfr_YEsEwKoLaLBltCMFFEAp0Op-f-lxv1QWe4LPxKpgzcL5jk02R7tsQuvhL30RZeDLPlRSO6sEfaFlScecu7D2q7uMsAVeEirx6ZqUDUivepHwUdadR5ak/s1600/008.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD_mY-brE8MwzGRES252cQfr_YEsEwKoLaLBltCMFFEAp0Op-f-lxv1QWe4LPxKpgzcL5jk02R7tsQuvhL30RZeDLPlRSO6sEfaFlScecu7D2q7uMsAVeEirx6ZqUDUivepHwUdadR5ak/s320/008.png" width="320" /></a></div>
</li>
</ul>
<div style="text-align: justify;">
Хотите предупредить пользователя о настройках ячейки? Установите флажок "<b>Отображать подсказки</b>" <b>(3)</b>. При наведении курсора на ячейку автоматически появится справочный текст. Вы можете изменить содержание подсказки в окне рядом с флажком. Чтобы восстановить текст по умолчанию, нажмите "<b>Сбросить</b>" <b>(4)</b>.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ym86WH7_K6BIzQV8id6I18BKc3IPVBOlLnc-WHrXZF5bbL1q2Ig6mR57BYZ0whMcn-x1UpWo6QJ1f2EKGLYDLAc13JUAJdvyjy_HH-fTnA7Fv5YW1N9R-Qm7k6HrW6qIhnUaDXodgPo/s1600/009.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ym86WH7_K6BIzQV8id6I18BKc3IPVBOlLnc-WHrXZF5bbL1q2Ig6mR57BYZ0whMcn-x1UpWo6QJ1f2EKGLYDLAc13JUAJdvyjy_HH-fTnA7Fv5YW1N9R-Qm7k6HrW6qIhnUaDXodgPo/s320/009.png" width="320" /></a></div>
<br /></div>
</div>
<div style="text-align: justify;">
Чтобы отключить функцию, выделите нужный диапазон ячеек, выберите в меню Данные пункт Проверка данных и нажмите кнопку Удалить проверку. Чтобы изменить настройку для всего листа, сначала выделите его, нажав на левый верхний угол таблицы. Затем в меню Данные выберите <b>Удалить проверку (5)</b>.</div>
<div>
<div style="text-align: justify;">
Помните:</div>
<div style="text-align: justify;">
<ul>
<li>Если вы проверяете данные в уже заполненных ячейках, критерии проверки будут применены только после изменения имеющихся данных.</li>
<li>Другие редакторы таблицы могут изменять критерии проверки.</li>
<li>Ячейки, для которых включена проверка данных, не видны в режиме "Список", а также в таблицах, созданных из форм.</li>
</ul>
</div>
</div>
<div>
<i>Полезная информация</i></div>
<div>
<ul style="text-align: left;">
<li><a href="https://support.google.com/docs/answer/186103?hl=ru" target="_blank">Справка Таблицы Google</a>,</li>
<li>О. Петрова <a href="http://maingmail.blogspot.ru/2011/02/google_26.html" target="_blank">Как в таблице Google создать выпадающий список</a></li>
</ul>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-82088468793897717532016-04-02T22:43:00.000+06:002016-04-02T22:43:30.376+06:00Логотип - легко! (1 часть)<div dir="ltr" style="text-align: left;" trbidi="on">
<blockquote class="tr_bq" style="text-align: justify;">
Ваш логотип — это как люди воспринимают вас и то, что помогает отличить вас от конкурентов. Но в то же время, люди оценивают вас не по качеству и крутизны вашего логотипа, а по качества вашего продукта или услуги. Таким образом, эти вещи не менее важны.<br />— Роберт Джонс.</blockquote>
<div style="text-align: justify;">
Как театр начинается с вешалки, так и проект начинается с логотипа, который затем размещается на баннере и везде, везде на сайте. Здесь логотип не просто графический символ — это суть проекта, ее образ. Находила очень много интересной информации об этом, понятной мне, как учителю информатики, а как быть простому педагогу. Но так хочется и надо создать логотип для проекта. Поэтому начнем...</div>
<div style="text-align: justify;">
</div>
<a name='more'></a><br />
<div style="text-align: justify;">
Сначала определяем, что такое логотип, смотрим <a href="https://ru.wikipedia.org/wiki/%D0%9B%D0%BE%D0%B3%D0%BE%D1%82%D0%B8%D0%BF" target="_blank">Википедию</a>:</div>
<blockquote class="tr_bq" style="text-align: justify;">
Логоти́п (от др.-греч. λόγος — слово + τύπος — отпечаток) — графический знак, эмблема или символ, используемый территориальными образованиями, коммерческими предприятиями, организациями и частными лицами для повышения узнаваемости и распознаваемости в социуме. Логотип представляет собой название сущности, которую он идентифицирует, в виде стилизованных букв и/или идеограммы. Логотипы широко применяются в качестве товарных знаков.</blockquote>
<div style="text-align: justify;">
Хорошо, значит, мы должны создать рисунок или символ, который будет узнаем всеми. Процесс создания логотипа многие воспринимают как простое и быстрое задание: берешь и создаешь маленькую картинку с небольшим текстом и логотип готов. Но при этом не учитывают множества подводных камней.</div>
<div style="text-align: justify;">
Рассмотрим несколько правил, на основе создания логотипа для проекта "Экспедиция в страну Фразеология":</div>
<div style="text-align: justify;">
</div>
<ul><div class="separator" style="clear: both; text-align: center;">
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWr3UmZy-ebN-pC8Yi3aYt35U9mCrh4_pWBMMPBcllaLojClYnYmaOOq4a1bo8zJoIXztg4JQmgvekUpWw7nN6AB5LtsapBxraCXU4QbbZerlXS9u48zWXBGdtE2R8sSD7umgLIudX3cg/s1600/001.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWr3UmZy-ebN-pC8Yi3aYt35U9mCrh4_pWBMMPBcllaLojClYnYmaOOq4a1bo8zJoIXztg4JQmgvekUpWw7nN6AB5LtsapBxraCXU4QbbZerlXS9u48zWXBGdtE2R8sSD7umgLIudX3cg/s320/001.png" width="320" /></a>
<li><div style="text-align: justify;">
<i>Сбор информации о проекте</i>. У нас есть название проекта, которое уже у всех на слуху и оно вам нравится, определена предметная область и аудитория, на которую он рассчитан (т.к. начальные классы любят персонажей и объектов из мультфильмов, а старшие больше реальные предметы). В нашем пример используется проект, который реализуется, как веб-квест, реализуемый в 5-6 классах на уроке русского языка. Так как у нас среднее звено, поэтому все мультяшные персонажи сразу отпадают, нужны более реальные предметы. Из названия проекта выделяем ключевые слова - экспедиция, страна, фразеология. Затем составляем <a href="http://xn--%20-5cdamr0abl7bh9adat9d6evd/" target="_blank">ассоциативный ряд</a> для каждого слова, например, экспедиция - рюкзак, участник, поиск, исследование, поход, снаряжение, маршрут и т.д.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuiilJZFdDC7Q7RPueJwCKgMXj1mjsCwQhEIS9o_sUhEg1z8ud47bb-S_9zZbceAZxKAo4c4Y-3H_h0OBMlSo_LvaPWT58C8Mxjj9RiWmUXHe2_pymEvQ31h4ef_sEyjtDYukgxIDvzf4/s1600/20160402_224833.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuiilJZFdDC7Q7RPueJwCKgMXj1mjsCwQhEIS9o_sUhEg1z8ud47bb-S_9zZbceAZxKAo4c4Y-3H_h0OBMlSo_LvaPWT58C8Mxjj9RiWmUXHe2_pymEvQ31h4ef_sEyjtDYukgxIDvzf4/s320/20160402_224833.jpg" width="320" /></a></div>
<div style="text-align: justify;">
Не всегда можно с первого раза набросить этот ряд образов, поэтому можно воспользоваться <a href="http://slovesa.ru/assearch?q=%FD%EA%F1%EF%E5%E4%E8%F6%E8%FF" target="_blank">словарём ассоциаций</a>, и подобрать необходимые вам предметы, слова и слово сочетания.</div>
</li>
<li style="text-align: justify;"><i>Набросок логотипа</i>. Переносите идеи, которые витают в голове, на бумагу. Несомненно во время создания названия для проекта появились интересные идеи. Не упускайте шанс — сразу делайте наброски. Переносите на бумагу ключевые слова, схемы, зарисовки. Нет идеи, посмотрите подборку ссылок в разделе полезная информация.</li>
<li style="text-align: justify;"><i>Придумать идею логотипа</i>. Основная идея логотипа заключается в том, что символ проекта это своего рода графический знак. И только от вас будет зависит, каким будет этот символ — абстрактным или строгим. Логотип не всегда отражает сферу деятельности компании — он может быть символом, посланием со скрытым смыслом, может показывать главные преимущества компании, особенности, отличающие ее от конкурентов. В нашем примере, очень много символов - солнце на фоне "человечков" это знания, воздушный шар - путешествие, слово "экспедиция" вписано в дом, по форме, напоминающим гору (т.е. преодоление припятский, совершение походов, восхождений к вершинам), указатели с названием проекта служат ориентиром для путешественников.</li>
<li style="text-align: justify;"><i>Создание логотипа на компьютере. </i>После того, как вы выбрали концепт логотипа, сразу же нарисуйте его на компьютере. Одно из главных правил дизайна — логотип должен быть в векторе. С помощью вектора логотип можно масштабировать до необходимых размеров без потери качества. Если будете работать с растровыми изображениями, вам грозят неприятные сюрпризы с пиксельными шумами. Векторный логотип можно использовать в самых разных сферах, от крошечных квитанций до огромных баннеров размером со стену. Самой удобной программой для создания векторных изображений является Adobe Illustrator. Выбирайте форматы .ai, .eps и .pdf – они уже стали стандартами файлов с векторными изображениями. Затем только конвертировать файлы в .jpeg и .png формат для работы в интернете.</li>
</ul>
<div style="text-align: justify;">
Как быть нам простым педагогам, которые не умеют пользоваться эти программами, тогда можно воспользоваться онлайн сервисами <a href="http://lifevinet.ru/sozdat-sait/sozdat-logotip-onlain.html" target="_blank">здесь </a>или <a href="http://earn24.ru/kak-sozdat-logotip-kompanii-samomu-v-programmax-ili-onlajn-servisax/" target="_blank">здесь</a>. У этих сервисов один большой не достаток - ограниченный набор шаблонов.</div>
<div style="text-align: right;">
<b><br /></b></div>
<div style="text-align: right;">
<b>Продолжение следует...</b></div>
<div>
<b>Полезная информация</b></div>
<div>
<ul>
<li><a href="http://infogra.ru/design/6-trendov-v-dizajne-logotipov-v-2016-godu" target="_blank">6 трендов в дизайне логотипов в 2016 году</a></li>
<li><a href="http://say-hi.me/design/graphic-design/prognoz-na-2016-god-osnovnye-trendy-v-dizajne-logotipov.html" target="_blank">Прогноз на 2016 год: Основные тренды в дизайне логотипов</a> (Вика Зуйкова)</li>
<li><a href="https://freelance.today/trendy/trendy-v-dizayne-logotipov.html" target="_blank">Тренды в дизайне логотипов</a> (Диана Сиддикви) 2015 г.</li>
<li><a href="http://www.adme.ru/tvorchestvo-dizajn/trendy-v-dizajne-logotipov-2014-688205/" target="_blank">Тренды в дизайне логотипов 2014</a> (Источник: logolounge.com. Перевод AdMe.ru)</li>
<li><a href="https://spark.ru/startup/logo/blog/13519/trendi-v-dizajne-logotipov-na-2016-god" target="_blank">Тренды в дизайне логотипов на 2016 год</a></li>
</ul>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-67879913042266266862016-03-26T20:45:00.000+06:002016-03-26T20:45:12.067+06:00Как встроить на сайт Google PDF файл<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
В своей работе часто публикую официальную информацию на сайт, чаще всего - приказы, которые должны быть заверены печатью. Поэтому приходиться грузить их в формате PDF.</div>
<div style="text-align: justify;">
Чтобы вставить PDF файлы на Сайт Google, cначала загружаем его на Диск Google и открываем для просмотра, рассмотрим <b>два способа</b>:</div>
<a name='more'></a><br />
<h4 style="text-align: center;">
1 способ (самый простой)</h4>
<div style="text-align: left;">
<div style="text-align: justify;">
1. В окне <b>Совместный доступ </b> копируем ссылку на документ <b>(1)</b>, нажав кнопку <b>Копировать ссылку</b> или выделив текст Ctrl+C в соответствующем окне с ссылкой. Незабываем открывать доступ для документа!</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb5BX6f40qeBhRZ3V0UgfjRkm_I5W-YB-Mugk3O-XB3eZjRmcF3Zc8sIcZtldrSWVX_DMgu6-s_Gj2kZAwMytjkyuobGdJ2zFZgMguGf3e__cJYOzt2JOdu4shVX3WVssbUXl-nPRfx6Y/s1600/00001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb5BX6f40qeBhRZ3V0UgfjRkm_I5W-YB-Mugk3O-XB3eZjRmcF3Zc8sIcZtldrSWVX_DMgu6-s_Gj2kZAwMytjkyuobGdJ2zFZgMguGf3e__cJYOzt2JOdu4shVX3WVssbUXl-nPRfx6Y/s320/00001.png" width="320" /></a></div>
<div style="text-align: left;">
<div style="text-align: justify;">
2. Переходим на нужную нам страницу Сайта Google, включаем редактор страниц <b>Чёрный карандашик (2)</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5cKKFA3Y7YeNzdpZ8NON_HXnWG_UfkYiSiAKTj34_jY6MmSsyGbgpuJKT5sv2ECIFcm-jv4VSXeCe4dJKQkjmrKnN0lOQzCEAx7V0C_9ogFshoY5q_vz6AdkKw8Bq5BUnWQM721aOmOs/s1600/00002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="71" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5cKKFA3Y7YeNzdpZ8NON_HXnWG_UfkYiSiAKTj34_jY6MmSsyGbgpuJKT5sv2ECIFcm-jv4VSXeCe4dJKQkjmrKnN0lOQzCEAx7V0C_9ogFshoY5q_vz6AdkKw8Bq5BUnWQM721aOmOs/s400/00002.png" width="400" /></a></div>
<div style="text-align: justify;">
3. Главном меню редактора выбираем <b>Вставка - Google - Диск - Документ </b>(Любой тип документов).</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj580v6XD5i3m7MoOp_MbdznF8axW915rWi8Tw-fDhEZZmv_j82mj30tiqBp5ssXwDrOJ-Cq-DeIXJgFf-4RA-xcH_iyuPbifN5ZyU2zAOXhPug7-OABSZ3hoMFMYuhpIlMCFTPegtoHD0/s1600/00003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj580v6XD5i3m7MoOp_MbdznF8axW915rWi8Tw-fDhEZZmv_j82mj30tiqBp5ssXwDrOJ-Cq-DeIXJgFf-4RA-xcH_iyuPbifN5ZyU2zAOXhPug7-OABSZ3hoMFMYuhpIlMCFTPegtoHD0/s400/00003.png" width="400" /></a></div>
<br />
<div style="text-align: justify;">
4. В появившимся окне в поле <b>Или вставьте веб-адрес здесь</b> указываем адрес вашего PDF файла <b>(3)</b> и наживаем <b>Выбрать.</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-4E4z9xY0dQsD-bXuoipuAuQzqxVYf2LFxOGvdo6tEguMfTijjn5D8c2Toh2SnJuDBKWlqhMdHurUm6lwogK7rRLDGtgtYx11F-PocDLxkBB6F8LZkcNHvWCaRIDIpugzZWlICBRRSYM/s1600/00004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-4E4z9xY0dQsD-bXuoipuAuQzqxVYf2LFxOGvdo6tEguMfTijjn5D8c2Toh2SnJuDBKWlqhMdHurUm6lwogK7rRLDGtgtYx11F-PocDLxkBB6F8LZkcNHvWCaRIDIpugzZWlICBRRSYM/s320/00004.png" width="320" /></a></div>
<div style="text-align: justify;">
5. Затем настраиваем параметры отображения документа: высота, ширина, наличие заголовка и рамки.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPqWLyKPR9BYW590Hn5nmhe5-sS2qy6ii5kzoTjH5MRo5w_0cioD7rHbfPAAL6OAlIU3-vyfqdc5Fb3Y1yzpSb_pfl8nu-zrPcX2lroJ2ke_2KjoL0Wy1YP-TlUXZcHBMBx3116AnnbkY/s1600/00005.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPqWLyKPR9BYW590Hn5nmhe5-sS2qy6ii5kzoTjH5MRo5w_0cioD7rHbfPAAL6OAlIU3-vyfqdc5Fb3Y1yzpSb_pfl8nu-zrPcX2lroJ2ke_2KjoL0Wy1YP-TlUXZcHBMBx3116AnnbkY/s320/00005.png" width="320" /></a></div>
<div style="text-align: justify;">
6. После того, как нажали <b>Сохранить, </b>настраиваем расположение объекта на листе: выравнивание, обтеканием текстом и свойства (параметры отображения см. п. 5), или удаляем его.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirf4x6NUV4jgxn8UJgmaNeqMbko0uIkpUF3W2kx3iwx1t4h5IoBokwXBlBI3ga2XxmFZxrGAwkxeH8oVgqzjcGVpchieSJA7kJPgDBFPe-jzG2QqX5FsA5DTW0Uv_ezGzg5_c7AZ8bVGM/s1600/00007.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirf4x6NUV4jgxn8UJgmaNeqMbko0uIkpUF3W2kx3iwx1t4h5IoBokwXBlBI3ga2XxmFZxrGAwkxeH8oVgqzjcGVpchieSJA7kJPgDBFPe-jzG2QqX5FsA5DTW0Uv_ezGzg5_c7AZ8bVGM/s320/00007.png" width="320" /></a></div>
<div style="text-align: justify;">
7. Сразу документ отображаться не будет, только после того, как сохраните все изменения на странице сайта <b>(5)</b>.</div>
<h4 style="text-align: center;">
<b>2 способ (более сложный)</b></h4>
1. После того, как вы открыли документ в <b>Предварительном просмотре</b>, открываем его в <b>Новом окне (6)</b>.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpdTIaANiopYxzykORhM1wktC2IlitakLD9RO9mdZlJpNcOsEzDI8AYWlRrJwJ7DfZN_i7czgwMUAev4T64Jf3U33CKLh4-pfo7ttjV7iPdpZPbDCqwscNQ0gl8Doc_hJ5pfzJahAcSzk/s1600/00008.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpdTIaANiopYxzykORhM1wktC2IlitakLD9RO9mdZlJpNcOsEzDI8AYWlRrJwJ7DfZN_i7czgwMUAev4T64Jf3U33CKLh4-pfo7ttjV7iPdpZPbDCqwscNQ0gl8Doc_hJ5pfzJahAcSzk/s320/00008.png" width="320" /></a></div>
2. Затем нажимаем на кнопку <b>Другие действия (7)</b> и выбираем функцию <b>Встроить</b>.<br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimhGK-k-EOt4iWeAfIs2ABlxZpZzCVy11o1Y3ehc-dv_gjFdhllb72ZsgMw5Ed2j_Aa0nNbH_doZI7CO2PZpbt619mSeWSJ0XAtuohi6cr9O618chCEK4zFfd6bdtvw1ukEqopDwo6FdE/s1600/00009.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="74" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimhGK-k-EOt4iWeAfIs2ABlxZpZzCVy11o1Y3ehc-dv_gjFdhllb72ZsgMw5Ed2j_Aa0nNbH_doZI7CO2PZpbt619mSeWSJ0XAtuohi6cr9O618chCEK4zFfd6bdtvw1ukEqopDwo6FdE/s320/00009.png" width="320" /></a></div>
3. Выделяем и копируем приведенный HTML-код, используя <a href="https://ru.wikipedia.org/wiki/%D0%9A%D0%BE%D0%BD%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%BD%D0%BE%D0%B5_%D0%BC%D0%B5%D0%BD%D1%8E" target="_blank">контекстное меню</a> или Ctrl+C.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYVMqR2ndsVGeXBjtTLirnOswANGQwZyiHFBq0zEmbXCE8T7jvf2v20hzHdxSlH6PExYRPAIEpIc9KfDOwbnAJepWvJEOgzG-TMBOW4fCZOEOBjRhuwFRZLoZo6U_hxCBywF437P08CSw/s1600/00010.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYVMqR2ndsVGeXBjtTLirnOswANGQwZyiHFBq0zEmbXCE8T7jvf2v20hzHdxSlH6PExYRPAIEpIc9KfDOwbnAJepWvJEOgzG-TMBOW4fCZOEOBjRhuwFRZLoZo6U_hxCBywF437P08CSw/s320/00010.png" width="320" /></a></div>
<div style="text-align: justify;">
4. <span style="text-align: justify;">Переходим на нужную нам страницу Сайта Google, включаем редактор страниц</span><span style="text-align: justify;"> </span><b style="text-align: justify;">Чёрный карандашик (2)</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5cKKFA3Y7YeNzdpZ8NON_HXnWG_UfkYiSiAKTj34_jY6MmSsyGbgpuJKT5sv2ECIFcm-jv4VSXeCe4dJKQkjmrKnN0lOQzCEAx7V0C_9ogFshoY5q_vz6AdkKw8Bq5BUnWQM721aOmOs/s1600/00002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="71" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5cKKFA3Y7YeNzdpZ8NON_HXnWG_UfkYiSiAKTj34_jY6MmSsyGbgpuJKT5sv2ECIFcm-jv4VSXeCe4dJKQkjmrKnN0lOQzCEAx7V0C_9ogFshoY5q_vz6AdkKw8Bq5BUnWQM721aOmOs/s400/00002.png" width="400" /></a></div>
5. Переходим к изменению HTML-коду, нажав соответствующую кнопку<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc1n7foUuR_3Po0JY7WrlSLLLG2uS6Hwh_TPhfVFsR9L5vZzSAlxWuH1ciBR0rncTTQFSsLhnSJxThsw1BFmy6gnwdtBgliKxdHnUOZifECLysCloFQJ8sMfC-oqOTF8OETLTWaOB4IOk/s1600/00011.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="72" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc1n7foUuR_3Po0JY7WrlSLLLG2uS6Hwh_TPhfVFsR9L5vZzSAlxWuH1ciBR0rncTTQFSsLhnSJxThsw1BFmy6gnwdtBgliKxdHnUOZifECLysCloFQJ8sMfC-oqOTF8OETLTWaOB4IOk/s320/00011.png" width="320" /></a></div>
6. Находим нужно место для HTML-кода и вставляем скопированный текст Ctrl+V. После этого нажимаем кнопку <b>Обновить</b> в правом нижнем углу окна.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirBJwruXsuIhXLCKk1AhU7Hla7zfccW0Cj5P0LLDLPrsbxjUSf_rkh0NxKJHi01x3eP9xrR13oHEmqngeFvuPisMqSNrHii-SYGqcO3jV9GPTxN3KAnPQKbgqYbO9rQwvICRI7fom_Eik/s1600/00012.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirBJwruXsuIhXLCKk1AhU7Hla7zfccW0Cj5P0LLDLPrsbxjUSf_rkh0NxKJHi01x3eP9xrR13oHEmqngeFvuPisMqSNrHii-SYGqcO3jV9GPTxN3KAnPQKbgqYbO9rQwvICRI7fom_Eik/s320/00012.png" width="320" /></a></div>
<div style="text-align: justify;">
7. Настраиваем расположение объекта на листе: выравнивание, обтеканием текстом и свойства или удаляем его. В <b>свойствах (9)</b> мы можем настроить размер отображения файла, наличие или отсутствие полосы прокрутки, названия документа. Затем нажимаем <b>ОК</b> и сохраняем полившиеся изменения на странице сайта Google.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6iMPOUKBpvMIqF2kjiPFDTILPAg-DVsr03LRSgaEn0xmCJdbXEdeLP6GH9DtgyVHQiTP4G5o7bzcp4KTq1hBk-0TiIOlBY7ROCZ6WNLU8ZUb_twiieNkGDtc44LcvIsF0rxYE0Dfbh-Q/s1600/00013.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6iMPOUKBpvMIqF2kjiPFDTILPAg-DVsr03LRSgaEn0xmCJdbXEdeLP6GH9DtgyVHQiTP4G5o7bzcp4KTq1hBk-0TiIOlBY7ROCZ6WNLU8ZUb_twiieNkGDtc44LcvIsF0rxYE0Dfbh-Q/s320/00013.png" width="320" /></a></div>
<br />
У меня к вопрос к читателям: <i>Каким способом вы пользуетесь чаще? Какой лучше на ваш взгляд?</i><br />
ф</div>
<div id="spoon-plugin-kncgbdglledmjmpnikebkagnchfdehbm-2" style="display: none;">
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-11173899556376298092016-02-10T14:21:00.000+06:002016-02-10T14:41:11.831+06:00Как завернуть шаблон УСП<div dir="ltr" style="text-align: left;" trbidi="on">
Сегодня с вами будем разворачивать шаблон сайта.<br />
Что нам для этого необходимо:<br />
<br />
<ul style="text-align: left;">
<li>Аккаунт Google,</li>
<li>Терпение,</li>
<li>Время (без него никуда).</li>
</ul>
<h4 style="text-align: center;">
<a name='more'></a>Первый способ</h4>
<div style="text-align: justify;">
После того как вы вошли в аккаунт Google. мы попадаем на почту. Выбираем в правом верхнем углу <b>Приложение Google - Сайты (1)</b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUR0Lzj1rWWrNN4_zu1WqRas5whiAbPQTIesMnA2DZA3FrhNJM-co5emp24zGUeBhcpcbgVbzkPNiiftt1T_CeUCJ9kQQcFk1KekulK51cHdgH27qM-lMJfS2A7Ut3hcCJ_rsFD7pnnjA/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUR0Lzj1rWWrNN4_zu1WqRas5whiAbPQTIesMnA2DZA3FrhNJM-co5emp24zGUeBhcpcbgVbzkPNiiftt1T_CeUCJ9kQQcFk1KekulK51cHdgH27qM-lMJfS2A7Ut3hcCJ_rsFD7pnnjA/s400/1.png" width="400" /></a></div>
<br />
Начинаем создавать сайт <b>(2)</b>.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb4rpUyFdJflQIvOAgFU2EnuIXUrlSQlQZnKsstcMBGtHsAHs2JQmWgzPt8YNP6F113DJyQVK1V1G4qg_NqOMG08jjO1qlQLx_6EvbSsQ6j7eR8nALhQN3vYdx8OEFF8QzNGzk14dDuZo/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb4rpUyFdJflQIvOAgFU2EnuIXUrlSQlQZnKsstcMBGtHsAHs2JQmWgzPt8YNP6F113DJyQVK1V1G4qg_NqOMG08jjO1qlQLx_6EvbSsQ6j7eR8nALhQN3vYdx8OEFF8QzNGzk14dDuZo/s400/2.png" width="400" /></a></div>
1. Выбираем <b>Просмотреть дополнительные шаблоны в галерее (3)</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK_CifUfbbx8L6VvytHLa-pAXVMoYWIPY9d4TD8S7UsYll3MxQ7TkvZKmzK_5dW_3yi9PdOgsvwEe0RkGxmL_tExpf3ITa-v7gJiHC0wF3pdA4yLOp2wyQCz3OI_c0Np_DOATzpaOCwK0/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK_CifUfbbx8L6VvytHLa-pAXVMoYWIPY9d4TD8S7UsYll3MxQ7TkvZKmzK_5dW_3yi9PdOgsvwEe0RkGxmL_tExpf3ITa-v7gJiHC0wF3pdA4yLOp2wyQCz3OI_c0Np_DOATzpaOCwK0/s320/3.png" width="320" /></a></div>
<div style="text-align: justify;">
2. В появившемся окне, находим поле для поиска. Вносим в него <b>Шаблон УСП (4)</b>, нажимаем на кнопку <b>Лупа</b> или на <b>Enter</b>. Выделяем наш шаблон. затем <b>Enter</b> или кнопку в правом нижнем углу <b>Выбрать</b>. </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuGOKeK2Iw1YuAsD-McEhbk64YC2lPrtx4yW3QIKbvxlt6yHSfVCw_wGkwpIS-Yad8keI_05W-o0fAtSp_qtQayHDZqdDH6mesv3HO0LvmKxfJOEvMkevrwFzZEr3lNteLO6hGsX_pxbE/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuGOKeK2Iw1YuAsD-McEhbk64YC2lPrtx4yW3QIKbvxlt6yHSfVCw_wGkwpIS-Yad8keI_05W-o0fAtSp_qtQayHDZqdDH6mesv3HO0LvmKxfJOEvMkevrwFzZEr3lNteLO6hGsX_pxbE/s320/4.png" width="320" /></a></div>
3. Читаем информацию о шаблоне <b>(6). </b>Если это он, то нажимаем кнопку <b>Выбрать (7).</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF4nqCypazQKjScII4T8CiIXrk7D_ddB4ShCEa1wBRp4rDOJBXVfsNqoRicK9CQWFMsNg2xqZajQowPdzb4dLm7xGMG9RefxhK1D-3PBYR6F8ERGOHu-8jLosb4YhOKlY8Luh10sDKZrA/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF4nqCypazQKjScII4T8CiIXrk7D_ddB4ShCEa1wBRp4rDOJBXVfsNqoRicK9CQWFMsNg2xqZajQowPdzb4dLm7xGMG9RefxhK1D-3PBYR6F8ERGOHu-8jLosb4YhOKlY8Luh10sDKZrA/s320/5.png" width="320" /></a></div>
<div style="text-align: justify;">
4. Если вы правильно выбрали шаблон, то в разделе <b>Выберите нужный шаблон (8)</b>, вы его увидите, он будет заключён в красную рамочку. Затем дальше заполняем все поля <b>(9)</b>: Название проекта, выбираем тему оформления (не советую на этом этапе менять стиль, лучше позже. когда увидите содержание и структуру сайта), указываем, что вы не робот. Только затем нажимаем на кнопку <b>Создать (10)</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHOesGAgkIQV2TjzoetCR8ARDy9svUrE3ZI_8gkxmfhU8bnSoFNfkCKpoBITM7WnTAA-iBhL46kSyLGx2cVHXuPxcD1OoWpznOvkg9t3zGholTueFuQqxQbHegrz941MpghYQ3ol2wrdM/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHOesGAgkIQV2TjzoetCR8ARDy9svUrE3ZI_8gkxmfhU8bnSoFNfkCKpoBITM7WnTAA-iBhL46kSyLGx2cVHXuPxcD1OoWpznOvkg9t3zGholTueFuQqxQbHegrz941MpghYQ3ol2wrdM/s320/6.png" width="320" /></a></div>
Ждем, когда шаблон сайта развернётся и можем приступать к его редактированию.<br />
<h4 style="text-align: center;">
Второй способ.</h4>
<div style="text-align: justify;">
Вставить ссылку Шаблона (<span style="font-size: large;">https://sites.google.com/site/sablonusp/</span>) в адресную строку браузера, затем нажать на кнопку <b>Использовать шаблон (12).</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAKLE54MDALMzJQqxFgsV1WmZJTK86qBhaNHgpOOpVoeFtzuBGnjGUQdZWxTEMVm8sFdPOocvmiN9PJ7IyJGBGETnDTfGKS8vFhAuZ1EFDUXigps-9dcsCndAaSWnx-8cm_EDHXrHQkOU/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAKLE54MDALMzJQqxFgsV1WmZJTK86qBhaNHgpOOpVoeFtzuBGnjGUQdZWxTEMVm8sFdPOocvmiN9PJ7IyJGBGETnDTfGKS8vFhAuZ1EFDUXigps-9dcsCndAaSWnx-8cm_EDHXrHQkOU/s320/7.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: justify;">
Продолжаем заполнять поля. начиная с 4 шага, описанного в первом способе.</div>
<div style="text-align: justify;">
<b><br /></b></div>
<div style="text-align: justify;">
<b>Полезная информация для работы с сайтами:</b></div>
<div style="text-align: justify;">
</div>
<ul>
<li><a href="https://support.google.com/sites/answer/153197?hl=ru" target="_blank">Справка Google по сайтам</a></li>
<li><a href="https://sites.google.com/site/sozdaniesajtasispolzova/">Знакомтесь, Google Sites</a>,</li>
<li><a href="http://krivenkaya.blogspot.ru/2015/05/google.html" target="_blank">Создание шаблона страницы на сайтах Google</a></li>
<li><a href="http://krivenkaya.blogspot.ru/2015/03/google.html" target="_blank">Создание форума с помощь группы Google</a></li>
</ul>
<br />
<div id="spoon-plugin-kncgbdglledmjmpnikebkagnchfdehbm-2" style="display: none;">
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-58073334218642300652015-11-30T23:58:00.003+06:002015-11-30T23:58:37.743+06:00Написание сообщения в сообществе Google<div dir="ltr" style="text-align: left;" trbidi="on">
Продолжаем изучать сообщество Google. Сегодня разберём, как писать сообщения.<br />
<div style="text-align: justify;">
Нажимаем на значок <i>белого карандашика</i> в зелёном круге <b>(1).</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-2a7Dx6wNjuM/VlxxiBF6VLI/AAAAAAAAIAY/VB18Vrhk3mo/s1600/001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="186" src="http://3.bp.blogspot.com/-2a7Dx6wNjuM/VlxxiBF6VLI/AAAAAAAAIAY/VB18Vrhk3mo/s400/001.png" width="400" /></a></div>
<b><br /></b></div>
<div style="text-align: justify;">
Рассмотрим поближе, появившиеся окно.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-1RdjoKdqoc8/VlxyJnCZoNI/AAAAAAAAIAg/Hqv2yAbhNmg/s1600/002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="285" src="http://3.bp.blogspot.com/-1RdjoKdqoc8/VlxyJnCZoNI/AAAAAAAAIAg/Hqv2yAbhNmg/s400/002.png" width="400" /></a></div>
В центре мы видим поле для записи "Что у вас нового?" <b>(2)</b>, в которое мы вносим свой текст.<br />
<b>Помните! </b>Текст в сообщениях тоже можно <a href="https://plus.google.com/+googleplus/posts/DjpxspkBLtJ" target="_blank">форматировать</a>:<br />
<br />
<ul>
<li><i>полужирным</i>. Для этого на концах необходимых слов (фразы) поставить *. Например, *Что у вас нового*.</li>
<li><i>наклонным</i>, поставив нижние подчеркивание. Например, _Что у вас нового_.</li>
<li><i>вычеркнутым</i>, поставив тире. Например, -Что у вас нового-.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-sLWCFNFbfHM/Vlx1wmc0znI/AAAAAAAAIAs/pHCM_I0bJiw/s1600/003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="127" src="http://2.bp.blogspot.com/-sLWCFNFbfHM/Vlx1wmc0znI/AAAAAAAAIAs/pHCM_I0bJiw/s400/003.png" width="400" /></a></div>
Если вы в сообществе, хотите, обратиться лично, к его участнику, тогда нажимаем <b><span style="font-size: large;">+</span></b> и начинаем набирать имя человека (используя <a href="https://support.google.com/websearch/answer/186645?hl=ru" target="_blank">живой поиск</a>). В появившимся списке выбираем его (иногда различить людей можно только по аварке!). <span style="background-color: white;"><span style="font-family: inherit;"><span style="line-height: 20.79px;">Таким образом, к нему придет уведомление на почту или в оповещениях Google о вашем </span></span><span style="line-height: 20.79px;">сообщении</span><span style="font-family: inherit;"><span style="line-height: 20.79px;"> (комментарии к сообщению).</span></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="font-family: inherit;"><span style="line-height: 20.79px;"><b>Помните! </b>Для <i>закрытого сообщества</i>, в сообщении (комментариях к нему) можно упоминать только его участников. Для <i>открытых </i>- важно, чтобы участник находился у вас в кругах (подписках). </span></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="font-family: inherit;"><span style="line-height: 20.79px;">После форматирования текста в </span></span><span style="line-height: 20.79px;">сообщении, добавляем <b>изображение </b>к нему.</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white;"><span style="line-height: 20.79px;"><a href="http://3.bp.blogspot.com/-vPbbGxlj9QY/Vlx_FEFmLuI/AAAAAAAAIBI/Kw-nn_91Ifc/s1600/005.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="212" src="http://3.bp.blogspot.com/-vPbbGxlj9QY/Vlx_FEFmLuI/AAAAAAAAIBI/Kw-nn_91Ifc/s400/005.png" width="400" /></a></span></span></div>
<span style="background-color: white;"><span style="line-height: 20.79px;">
</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<ul>
<li><span style="line-height: 20.79px;">с <i>компьютера, </i>нажав <i>Загрузить фото </i>(6) и выбрав на компьютере нужные файлы.</span></li>
<li><span style="line-height: 20.79px;">через <i>Фотографии Google, </i>отметив из списка эти файлы (предварительно их загрузив в альбомы с фотографиями)</span></li>
</ul>
<span style="line-height: 20.79px;">Пока сообщение не опубликовано, к нему можно добавить еще несколько изображений <b>(8) </b> и указать местоположение (см. значок рядом, более подробно читаем ниже).</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-UqKwUnR3uVI/VlyDPZ6J6VI/AAAAAAAAIBU/Rh7pruYy7WM/s1600/006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="261" src="http://2.bp.blogspot.com/-UqKwUnR3uVI/VlyDPZ6J6VI/AAAAAAAAIBU/Rh7pruYy7WM/s400/006.png" width="400" /></a></div>
<br />
<div style="text-align: justify;">
<span style="line-height: 20.79px;"><br /></span></div>
<div style="text-align: justify;">
<span style="line-height: 20.79px;">Или можем добавить <b>ссылку </b>на документ (изображение, сайт и т.д.), добавив на значок ссылки <b>(9)</b>, в появившемся окне вставляем ссылку (<b>11)</b> и жмём <i>ОК.</i></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-3QH0_NaqWdk/VlyDQpGN1RI/AAAAAAAAIBc/CZTzwAsmsF8/s1600/007.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="167" src="http://4.bp.blogspot.com/-3QH0_NaqWdk/VlyDQpGN1RI/AAAAAAAAIBc/CZTzwAsmsF8/s400/007.png" width="400" /></a></div>
<div style="text-align: justify;">
<span style="line-height: 20.79px;">В зависимости от типы файлов, на которые ссылается ссылка, их отображение будет разным. Ссылка на :</span></div>
<div style="text-align: justify;">
<ul>
<li><span style="line-height: 20.79px;"><i>страницы сайта (блога) </i><b>(11)</b>. Видим название страницы, его адрес.</span></li>
<li><span style="line-height: 20.79px;"><i>изображение </i><b>(12)</b>. Загружается фотография и указана ссылка на нее внизу.</span></li>
<li><i style="line-height: 20.79px;">документ онлайн </i><b style="line-height: 20.79px;">(13)</b><span style="line-height: 20.79px;">. Указано название документа, его адрес и миниатюра первой станицы. Если предоставляете ссылку на документ, не забываете (!), открывать к нему доступ.</span></li>
</ul>
<span style="line-height: 20.79px;"><b>Помните! </b>Если вы добавляете ссылки, то другие элементы добавления вам уже недоступны.</span></div>
<div style="text-align: justify;">
<span style="line-height: 20.79px;">Или добавить <b>местоположение (14).</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="line-height: 20.79px;"><b><a href="http://3.bp.blogspot.com/-hg3XOK5sbRU/VlyIzB5l5JI/AAAAAAAAIBw/pYTDlsFqm3o/s1600/008.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="http://3.bp.blogspot.com/-hg3XOK5sbRU/VlyIzB5l5JI/AAAAAAAAIBw/pYTDlsFqm3o/s640/008.png" width="640" /></a></b></span></div>
<span style="line-height: 20.79px;"><b>
</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<span style="line-height: 20.79px;">Программа предлагает ранее использованное вами местоположение <b>(15)</b> либо нажать на лупу <b>(16) </b>в правом верхнем углу и указать свой адрес. В итоге у вас появится ссылка на точное местоположение на карте Google.</span></div>
<div style="text-align: justify;">
<span style="line-height: 20.79px;"><b>Помните! </b>Если вы добавили местоположение, то еще можно указать ссылку на электронный ресурс (сайт, блог, документ, рисунок и т.д.) или добавить изображение.</span></div>
<div style="text-align: justify;">
<span style="line-height: 20.79px;">После того, как написали сообщение, указали все электронные ресурсы может сообщение <b>Опубликовать </b>(нажав на кнопку в правом нижнем углу) <b>(18).</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="line-height: 20.79px;"><a href="http://3.bp.blogspot.com/-KhKR2Zz7_bs/VlyLpHG88DI/AAAAAAAAIB4/_oZl5ZUu5r4/s1600/009.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="336" src="http://3.bp.blogspot.com/-KhKR2Zz7_bs/VlyLpHG88DI/AAAAAAAAIB4/_oZl5ZUu5r4/s400/009.png" width="400" /></a></span></div>
<span style="line-height: 20.79px;">
</span></div>
<div style="text-align: justify;">
<span style="line-height: 20.79px;">Если в сообществе существуют темы, то программа предлагает указать, в нужный раздел.</span></div>
<div style="text-align: justify;">
<span style="line-height: 20.79px;"><br /></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-size: 14.85px; line-height: 20.79px;"><span style="font-family: inherit;">Продолжение следует...</span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-size: 14.85px; line-height: 20.79px;"><span style="font-family: inherit;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-size: 14.85px; line-height: 20.79px;"><span style="font-family: inherit;">Полезная информация:</span></span></div>
<div style="text-align: justify;">
<ul>
<li><span style="font-size: 14.85px; line-height: 20.79px;"><a href="https://support.google.com/plus/topic/2888488?hl=ru&ref_topic=3049731" target="_blank">Справка Google</a>,</span></li>
<li><a href="http://krivenkaya.blogspot.ru/2015/11/google.html#more" target="_blank">Новый интерфейс сообщества Google</a></li>
</ul>
</div>
</div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-72536384618008480932015-11-29T14:33:00.001+06:002015-11-30T23:54:11.768+06:00Новый интерфейс сообщества Google <div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Интерфейс Сообщества Google+ сильно изменился за месяц, придётся в корне изменить предыдущую <a href="http://krivenkaya.blogspot.ru/2013/05/google.html" target="_blank">инструкцию</a>.</div>
Начнем для начала с изучения интерфейса:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8GXSz4APfD2oVsYLpOhqnyoKtxnmGjIMoATfelxYpA9kxKVOSlcQC54DzRxbFs-7WklIAO-nodGu9cCzR1LL5IZcjFIt9XDO77JcYzblMvVpMqeeuA46wmjlYjkxtULuiZm_YVM9dHho/s1600/001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8GXSz4APfD2oVsYLpOhqnyoKtxnmGjIMoATfelxYpA9kxKVOSlcQC54DzRxbFs-7WklIAO-nodGu9cCzR1LL5IZcjFIt9XDO77JcYzblMvVpMqeeuA46wmjlYjkxtULuiZm_YVM9dHho/s400/001.png" width="400" /></a></div>
У нас сразу выделяется две области: <br />
<div style="text-align: justify;">
1. Сведения о сообщества. На ней изображен его флаг (рисунок), название, указано количество участников и его тип (закрытое / открытое), а также разделы (3). По умолчанию программа отображает все сообщения в сообществе. Как только мы выбираем тему, то видим сообщения, которые размещены в только по этой теме.</div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><span style="background-color: white; border: 0px; color: #212121; font-weight: 700; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;">Помните!</span><span style="background-color: white; color: #212121; line-height: 20px; text-align: start;"> Если в сообществе более 500 участников, изменять его название нельзя</span></span><br />
<a name='more'></a></div>
<div style="text-align: justify;">
2. Сообщения в сообществе.</div>
<div style="text-align: justify;">
Раньше мы видели область <b>информации о сообществе</b> (в правом верхнем углу). Она есть, но теперь отображается только после нажатия на кнопку <b>i</b> (4)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfEzTNvJvsZO5jBMrVyc6_qaeqm1tDmEq1mlT7F7ePGqwS7HAp6uMTbCF7GIQMvlwmvzK_ux31WLKpR4haxVzKEMIOpUzxeX7I5aa6DutKQu4IcB8neNur1VfUtA0lhjrVQyD4o9cVVSw/s1600/002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="343" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfEzTNvJvsZO5jBMrVyc6_qaeqm1tDmEq1mlT7F7ePGqwS7HAp6uMTbCF7GIQMvlwmvzK_ux31WLKpR4haxVzKEMIOpUzxeX7I5aa6DutKQu4IcB8neNur1VfUtA0lhjrVQyD4o9cVVSw/s400/002.png" width="400" /></a></div>
<div style="text-align: justify;">
В появившемся окне видим <i>Название сообщества, описание, местоположение, дополнительные ссылки.</i></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><i>Название сообщества </i><b>(5)</b> <span style="background-color: white; color: #212121; line-height: 20px; text-align: left;">описывают цель существования сообщества, рассказать о его правилах или предпочтительных типах записей.</span></span></div>
<div style="text-align: justify;">
<i>Местоположение </i><b>(6)</b> тоже не менее важно. Иногда мы пишем сообщение в сообществе и хотим получить немедленный ответ, которого все нет. Открыв этот раздел мы видим, где живёт модератор и понимаем, что он сейчас просто спит.</div>
<div style="text-align: justify;">
<i>Дополнительные ссылки</i> <b>(7)</b> очень нужны, если сообщество является формой общения в проекте или другой активности.</div>
<div style="text-align: justify;">
Чтобы закрыть поле "Информация о сообществе" нажимаем на крестик в левом верхнем углу или на серой поле рядом.</div>
<div style="text-align: justify;">
<br />
Вам очень понравилось сообщество и вы решили поделиться ссылкой на него (пригласить участника), то для этого:<br />
- <b><i>для открытого сообщества:</i></b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuFA3KZCyAteUwc9R4bO-HOObfw9gXpPtfgkfr47BUKrdQ1YLoLQJTyieULtGIV7KlAn-O84ueCp1eGEGSje-hfp3IKSQe2izI_vIPmcEUbapHYujIPzSodsbjteeEyFs26sNdwnf6p2Y/s1600/003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuFA3KZCyAteUwc9R4bO-HOObfw9gXpPtfgkfr47BUKrdQ1YLoLQJTyieULtGIV7KlAn-O84ueCp1eGEGSje-hfp3IKSQe2izI_vIPmcEUbapHYujIPzSodsbjteeEyFs26sNdwnf6p2Y/s400/003.png" width="400" /></a></div>
Нажимаем <i>Рассказать о сообществе</i><b> (8)</b>, программа предлагает определить способ, которым вы ходите поделиться:<br />
<ul>
<li><i>через Google </i><complete id="goog_1182658106"><i>+</i>. По умолчанию программа указывает последнее сообщество (подборку) <b>(10)</b> с которым вы делились ссылками или сообщениями. Если оно вам подходит, то нажимаем по его названию и выбираем куда будем размещать: в сообщество или подборку (последние), либо Public (ВСЕМ), либо Ещё <b>(11)</b>, в котором указываем сообщество (подборку) и тему. В поле "Что у вас нового" <b>(14)</b> указываем с какой целью мы делимся этим сообществом. Затем нажимаем кнопку <i>Опубликовать </i><b>(15)</b>.<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcwaZg_UkwYt3Q2JXMzYH6HUJghFWV-P3SGuVJ-AqQJ4P0YP7N65WMBlcohUDQeD09xoUZYUYd6NfjnViJIA7Yhs_wtz-o0yh5Z9JKn2k2ioBN3wRQU_8swSBn7V4-JIp5aU96xo9-JT8/s1600/004.png" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcwaZg_UkwYt3Q2JXMzYH6HUJghFWV-P3SGuVJ-AqQJ4P0YP7N65WMBlcohUDQeD09xoUZYUYd6NfjnViJIA7Yhs_wtz-o0yh5Z9JKn2k2ioBN3wRQU_8swSBn7V4-JIp5aU96xo9-JT8/s400/004.png" width="400" /></a></complete></li>
</ul>
<ul>
<li><i>через Ссылку. </i>Вам будет предоставленная ссылка на данное сообщество.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis5AhQ3ZcSfxJ5jK7Fnjceou57_0IMIhBF2MsrR91EJpX5kGouIfT5UHm8brMBviQs3cBVkLKbyvFCZM7qeyIi6UXLBR7tLDTvt93NIIlTp9mpJKeagKa7revjj5y8uih14vjzTWXgiJM/s1600/005.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis5AhQ3ZcSfxJ5jK7Fnjceou57_0IMIhBF2MsrR91EJpX5kGouIfT5UHm8brMBviQs3cBVkLKbyvFCZM7qeyIi6UXLBR7tLDTvt93NIIlTp9mpJKeagKa7revjj5y8uih14vjzTWXgiJM/s400/005.png" width="400" /></a></div>
<ul>
<li><i>через Facebook</i>. Выбираем в каком месте происходит публикация (В ваше Хронике, Хронике друга и т.д.) <b>(16)</b>, указываем уровень доступа<b> (17).</b></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinAOzWjFXPRz6acgNrmyZ2Der3gcxlcD3kptI5fkA-L2JyF-IYNcfA0nMfh3Bhtjj-7soo5ybKar7F0HG1N7LiezWco-WkP1Dxu5yUxuPH8hL50ImocvX0EgAyXBuzCov8yY9m4zPjom0/s1600/006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinAOzWjFXPRz6acgNrmyZ2Der3gcxlcD3kptI5fkA-L2JyF-IYNcfA0nMfh3Bhtjj-7soo5ybKar7F0HG1N7LiezWco-WkP1Dxu5yUxuPH8hL50ImocvX0EgAyXBuzCov8yY9m4zPjom0/s400/006.png" width="400" /></a></div>
<div>
<br /></div>
<ul>
<li>через Twitter. Просто нажать кнопку <i>Твитнуть.</i></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeoIZpO-59YgrDz-yBUSfcJoua0qUCszFmwsJWRkhL1CN7XBQBN37SSMZDhjYBlSb-tfrS62VCEBFpVOtuEJppZDcwsgibcjtMUcTneyH5pgxLdqcMm1P2zsIMW1hU_dzA3QhxkK-k6jk/s1600/007.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeoIZpO-59YgrDz-yBUSfcJoua0qUCszFmwsJWRkhL1CN7XBQBN37SSMZDhjYBlSb-tfrS62VCEBFpVOtuEJppZDcwsgibcjtMUcTneyH5pgxLdqcMm1P2zsIMW1hU_dzA3QhxkK-k6jk/s400/007.png" width="400" /></a></div>
<div>
<br /></div>
<div style="text-align: justify;">
При нажатии <i>Пригласить участников, п</i>рограмма просит "<span style="text-align: left;">Выберите пользователей, с которыми хотите поделиться записью" <b>(18)</b>. Нажав на эту запись, выбираем <i>Ещё </i><b>(19)</b>, в появившемся окне (используя <a href="https://support.google.com/websearch/answer/186645?hl=ru" target="_blank">живой поиск</a>) <b>(20)</b> выбираем участников по именно или отметив весь круг (возможно, оба варианта). Не забываем в поле </span>"<i>Что у вас нового</i>" <b>(21)</b> указать причину приглашения в это сообщество. И, конечно, <i>Опубликовать </i><b>(22)</b>.</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRWXSBJP3xguJhHCHDJbJY0_mHD-uD9tYVWmdMWOH8OmLGtMthcpTydcWEjS6crkdE-QqLTtEe7QnGSzt3bwtYZ0deVCcma4R4LNF4L8zaiTKZWWSd0hkJ5wCfCM0eHzRXzJhyphenhyphenN1EwFw/s1600/008.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="277" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRWXSBJP3xguJhHCHDJbJY0_mHD-uD9tYVWmdMWOH8OmLGtMthcpTydcWEjS6crkdE-QqLTtEe7QnGSzt3bwtYZ0deVCcma4R4LNF4L8zaiTKZWWSd0hkJ5wCfCM0eHzRXzJhyphenhyphenN1EwFw/s400/008.png" width="400" /></a></div>
<div style="text-align: justify;">
Перейдя по вашей ссылке, участник принимает приглашение или нет.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNFAVdcqZksNd59iCmFkgKodUAfKJvHB4ZoMzPvn-9UoT7iXfZXdFfEjB6X-LdHXwUk_G9LeD9XVD_N6ubVTrsaJQ8Mw9AJZlNh6QLD-OEpRd7Nh1YjFzet4WsjvVb3PgNvndRhIkOfrU/s1600/009.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="486" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNFAVdcqZksNd59iCmFkgKodUAfKJvHB4ZoMzPvn-9UoT7iXfZXdFfEjB6X-LdHXwUk_G9LeD9XVD_N6ubVTrsaJQ8Mw9AJZlNh6QLD-OEpRd7Nh1YjFzet4WsjvVb3PgNvndRhIkOfrU/s640/009.png" width="640" /></a></div>
<div style="text-align: justify;">
<b>Помните!</b> Владелец или модератор может отменить приглашение – как собственное, так и отправленное другим участником. Если сообщество открытое, вы не увидите и не сможете отменить приглашение, отправленное на адрес электронной почты, который несвязан с аккаунтом Google+.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Помните!</b> Любой желающий может воспользоваться кнопкой "Расскажите о сообществе". При этом в Google+ будет опубликована запись со ссылкой на страницу сообщества, а не приглашение, которое можно принять или отклонить.<br />
<br />
Очень много полезных функций находятся в настройках сообщества <b>(23)</b>: <i>Записи в вашей ленте </i>(Ещё/некоторые/многие/нет) и <i>Настройка уведомлений</i> (отключение/ включение. Данную функцию лучше отключить, чтобы она не заполняла ваш почтовый ящик, письмами о том, что разместили новое сообщение в сообществе).<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQuBCXB4s33B2W5QXeb0x2U16XBh4cOtt8VZfAi-FSw4sbAJNlhMXJXL5u3m4LsqRvgGsJ91gy69gaMrTSAaJW0ZIor3kJ7m4h47wyeeO5TLVHdfcSCSoZoG_G7yxx9-TCBklCi5kKgfY/s1600/011.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQuBCXB4s33B2W5QXeb0x2U16XBh4cOtt8VZfAi-FSw4sbAJNlhMXJXL5u3m4LsqRvgGsJ91gy69gaMrTSAaJW0ZIor3kJ7m4h47wyeeO5TLVHdfcSCSoZoG_G7yxx9-TCBklCi5kKgfY/s320/011.png" width="320" /></a></div>
Если захотите выйти из сообщества и больше не получать сообщений, выбираем <i>Покинуть сообщество. </i>При этом внимательно читаем сообщение.<br />
- <b><i>для закрытого сообщества:</i></b><br />
Доступны только некоторые функции - <i>Рассказать о сообществе, </i>все <i>настройки сообщества </i>(см. выше).<br />
<br /></div>
<div style="text-align: justify;">
Продолжение следует...</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://support.google.com/plus/topic/2888488?hl=ru&ref_topic=3049731" target="_blank">По материалам справки</a>. </div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-62484247304236241332015-05-02T11:37:00.001+06:002015-05-02T11:37:24.102+06:00Создание шаблона страницы на сайтах Google<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Разрабатывая учебно-сетевой проект (УСП), мы хотим, чтобы участники оформляли свои работы определенным образом. Как мы делаем эти <b><i>шаблоны</i></b>: создаем страницу, указываем при этом участникам, что необходимо, скопировать (CTRL+C) ВЕСЬ ТЕКСТ себе на станицу и приступаем к его заполнению.</div>
<div style="text-align: justify;">
Сайты Google позволяют создавать полноценные шаблоны, при развертывании которых участникам остается только заполнить поля и вставить (интегрировать) свои работы.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-gQIELVFPKYI/VURaM0pMfbI/AAAAAAAAHe8/GSngXUdxA4k/s1600/012.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-gQIELVFPKYI/VURaM0pMfbI/AAAAAAAAHe8/GSngXUdxA4k/s1600/012.png" height="272" width="400" /></a></div>
<div style="text-align: justify;">
<b><br /></b></div>
<div style="text-align: justify;">
<b>Помните, </b><span style="text-align: left;">сохранение страницы в качестве шаблона приведет к созданию копии этой страницы, которую вы и другие пользователи сможете использовать для создания новых персонализированных страниц. Все содержание вашей страницы будет включено в новый шаблон. </span><i style="text-align: left;">Шаблоны страниц не видны посетителям сайта</i><b style="text-align: left;">.</b></div>
<a name='more'></a><br />
<div style="text-align: justify;">
Рассмотрим создание шаблонов странице более подробно.</div>
<div style="text-align: center;">
<span style="font-size: large;"> <b>I способ</b></span></div>
<div style="text-align: justify;">
1. Открываем сайт.</div>
<div style="text-align: justify;">
2. Создаем <b>страницу сайта (1)</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Fr26n8AfkxA/VUQ-xqxlt1I/AAAAAAAAHcw/JAMHmcr7tUU/s1600/001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-Fr26n8AfkxA/VUQ-xqxlt1I/AAAAAAAAHcw/JAMHmcr7tUU/s1600/001.png" height="103" width="400" /></a></div>
<div style="text-align: justify;">
3. В появившемся окне указываем название страницы, ее расположение и <b>Создать. </b>Настраиваем страницу на ваше усмотрение и <b>Сохраняем.</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-2otMysEH87U/VURCbMjh7jI/AAAAAAAAHdA/kDyy70Zr9Lc/s1600/002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-2otMysEH87U/VURCbMjh7jI/AAAAAAAAHdA/kDyy70Zr9Lc/s1600/002.png" height="346" width="400" /></a></div>
<div style="text-align: justify;">
4. В правом верхнем углу нажимаем кнопку <b>Дополнительных действия</b> и выбираем функцию <b>Сохранить как шаблон страницы.</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-t8z27r7cPNs/VURDiMInKfI/AAAAAAAAHdM/e75fDD4NlzY/s1600/003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-t8z27r7cPNs/VURDiMInKfI/AAAAAAAAHdM/e75fDD4NlzY/s1600/003.png" height="248" width="400" /></a></div>
<div style="text-align: justify;">
5. Заполняем необходимые поля:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-sYLyfBruCsw/VURE0KnVbAI/AAAAAAAAHdY/27_Nx5hDADo/s1600/004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-sYLyfBruCsw/VURE0KnVbAI/AAAAAAAAHdY/27_Nx5hDADo/s1600/004.png" height="235" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<ul>
<li><b>Название шаблона (2)</b>. Обычно автоматически считывает из названия страницы.</li>
<li style="text-align: justify;"><b>Описание (3). </b>Если вы используете несколько шаблонов на сайте, то лучше в описании указывать все имеющиеся поля на страницы и цель ее создания.</li>
<li style="text-align: justify;"><b>Местоположение по умолчанию (4)</b>. При создании страниц на основе этого шаблона они будут добавляться в указанное местоположение на сайте. Это очень удобно, если доступ сайту (или его некоторым страницам) есть у многих авторов.</li>
</ul>
Как только закончили настраивать все поля. Нажимаем кнопку <b>Сохранить</b>.<br />
<div>
6. Вас автоматически программа перенаправляет в <i>Редактор шаблонов</i>, здесь вы можете подправить шаблон и нажать <b>сохранить</b> в правом верхнем углу.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Ti4FvtVFEHo/VURJ2Oz3srI/AAAAAAAAHdo/pz8ooHvs2Ns/s1600/005.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-Ti4FvtVFEHo/VURJ2Oz3srI/AAAAAAAAHdo/pz8ooHvs2Ns/s1600/005.png" height="62" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
7. Если вы внесли новое поле в шаблон, или удалили его, то в описании лучше указать эти параметры. Для этого нажимаем кнопку <b>Дополнительные действия </b>и выбираем <b>Настройка шаблона. </b>Здесь мы изменяем <i>Описание</i>, <i>Местоположение по умолчанию</i>, а также настраиваем <b>Настройки этого шаблона страницы по умолчанию (5)</b>. Создатель страницы сможет переопределять их. Не забываем сохранять ваши изменения.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-5PwCxpb1aSs/VURLuCj8ZdI/AAAAAAAAHd0/WEcx8xe3SG8/s1600/007.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-5PwCxpb1aSs/VURLuCj8ZdI/AAAAAAAAHd0/WEcx8xe3SG8/s1600/007.png" height="242" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
8. Для выхода из <i>Редактора шаблонов</i> нажимаем на стрелочку в левом верхнем углу.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-tGkWyog9fzA/VURRbUhWScI/AAAAAAAAHeE/O3JWabRW-Ew/s1600/008.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-tGkWyog9fzA/VURRbUhWScI/AAAAAAAAHeE/O3JWabRW-Ew/s1600/008.png" height="181" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
9. И мы попадаем в раздел<b> Шаблоны страниц (7)</b> <b>Управления сайтом</b>, где расположены стандартные шаблоны страниц Google и ваши (созданные пользователями шаблоны). <div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-rW1X8ltwPB4/VURUZ2KaYEI/AAAAAAAAHeY/iMoTy8C7r4U/s1600/009.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-rW1X8ltwPB4/VURUZ2KaYEI/AAAAAAAAHeY/iMoTy8C7r4U/s1600/009.png" height="161" width="400" /></a></div>
<div>
Поставив галочку около необходимого нам шаблона появляются<b> Дополнительные функции (9):</b></div>
<div>
<ul style="text-align: left;">
<li style="text-align: justify;"><b>Показать / скрыть.</b> Если нажать кнопку <b>Скрыть</b>, то ваш шаблон будет доступен только в разделе <b style="text-align: justify;">Шаблоны страниц (7)</b><span style="text-align: justify;">, таким образом, при создании страниц сайта этот шаблон отображаться не будет</span><b style="text-align: justify;">. </b><span style="text-align: justify;">Это удобно если вы шаблон делаете не один день, или вместе с кем-то, а сайт при этом полноценно работает и в нем создаются новые страницы.</span></li>
<li style="text-align: justify;"><span style="text-align: justify;"><b>Сделать шаблоном по умолчанию, </b> то есть при создании страницы ваш шаблон будет находиться в самой первой строке списка шаблонов (обычно по умолчанию считается стандартный шаблон </span><i>Веб-страница</i>).</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-WzIjHOHxvL0/VURXHQWzw-I/AAAAAAAAHek/kYAVQnmaLeA/s1600/010.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-WzIjHOHxvL0/VURXHQWzw-I/AAAAAAAAHek/kYAVQnmaLeA/s1600/010.png" height="251" width="320" /></a></div>
<div style="text-align: justify;">
Все ваши версии изменения <i>Шаблона</i> <b>сохраняются (10)</b>, в любой момент вы можете вернуться к старой версии.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Xi5Lcpe9tGQ/VURYvP9Xe4I/AAAAAAAAHew/8C29-NYwPOY/s1600/011.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-Xi5Lcpe9tGQ/VURYvP9Xe4I/AAAAAAAAHew/8C29-NYwPOY/s1600/011.png" height="148" width="400" /></a></div>
<div style="text-align: justify;">
Попав на Историю изменений страницы мы видим<b> все версии (12)</b> этого шаблона (которые можно открыть и посмотреть), а<b>втора изменений (13)</b>, и возможность <b>возвращения </b>в нужной нам <b>версии (14)</b>.</div>
</div>
<div style="text-align: center;">
<b><span style="font-size: large;">II способ</span></b></div>
<div style="text-align: justify;">
1. Открываем сайт и переходим в <b>Управление сайтом</b>.</div>
<div style="text-align: justify;">
2. В разделе <b>Шаблоны страниц (15)</b> нажимаем на кнопку <b>Создать шаблон страницы (16).</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-cUSkMg-qGb4/VURbYhvQWqI/AAAAAAAAHfM/WFSUP3M4zYA/s1600/013.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-cUSkMg-qGb4/VURbYhvQWqI/AAAAAAAAHfM/WFSUP3M4zYA/s1600/013.png" height="146" width="400" /></a></div>
<div style="text-align: justify;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
3. При создание нового шаблона страницы указываем его название и на основе какого шаблона он создается (чаще всего это <i>Веб-страница</i>). Только потом мы попадаем в <i>Редактор шаблонов</i>, где настраиваем страницу по своему усмотрению.</div>
<div style="text-align: justify;">
<i><span style="font-size: large;">Основные принципы работы с шаблонами описаны в I способе п. 7-9.</span></i></div>
<div style="text-align: justify;">
<i><span style="font-size: large;"><br /></span></i></div>
<div style="text-align: justify;">
<b>Полезные ссылки:</b></div>
<div style="text-align: justify;">
<ul>
<li><a href="https://support.google.com/sites/topic/4566218?hl=ru&ref_topic=4564359" target="_blank">Справочный центр -"Управление сайтом" (шаблоны страниц)</a>,</li>
<li><a href="https://support.google.com/sites/answer/156481?hl=ru" target="_blank">Справочный центр - Описание различных типов страниц.</a></li>
<li><a href="https://sites.google.com/site/spionskiestrasti/missia-1/podderzka-spionov/sozdanie-vizitki-agenta" target="_blank">Разворачивание шаблона</a> (на основе создания Визитки агента в УСП "Шпионские страсти")</li>
</ul>
</div>
</div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-64800974716144757062015-03-29T19:11:00.000+06:002015-05-02T11:38:00.919+06:00Создание форума с помощь группы Google<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Участвуя в учебно-сетевых проектах (УСП) необходимо общаться между собой, для этого создаются форумы, чаты и так далее на сторонних сервисах, хотя сам сайт (блог) создан на платформе Google. </div>
<div style="text-align: justify;">
Сегодня рассмотрим создание форума на основе групп Google и интеграция его на сайт. <b>Помните</b>, что писать сообщения могут люди имеющие Google аккаунт.<br />
<a name='more'></a></div>
<div style="text-align: justify;">
1. Переходим в сервис<i> </i><b>группы Google</b><i> </i><b>(1)</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCNwFZiMmnlZiNK4Si36NwrcUar58O_RZI8vHgmrqBkkmJ7leFfZ_1rW4rfIlZVdjpe5QhlZxZxDVL_2pmQ0aZWTm77u0arOKXAk9_-cRew-IGwK2_oS1hJEl2uejzzzCAoEf7I3X87ks/s1600/001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCNwFZiMmnlZiNK4Si36NwrcUar58O_RZI8vHgmrqBkkmJ7leFfZ_1rW4rfIlZVdjpe5QhlZxZxDVL_2pmQ0aZWTm77u0arOKXAk9_-cRew-IGwK2_oS1hJEl2uejzzzCAoEf7I3X87ks/s1600/001.png" height="286" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
2. Переходим в <b>Мои группы (2). </b></div>
<div class="separator" style="clear: both; text-align: center;">
<b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi84MWl0njSkl9rKDwaBSiXloPMljC2n1jSPJXhGFlZml6ppo2RCv_L0kq60D682xjgLDgPbb2VVAFAHJkfxJydvyY6cam1w4z2iV6N_wGzlJUsdUDHyXaTZKRuTRNFjBLZDwB4HSRpC3s/s1600/002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi84MWl0njSkl9rKDwaBSiXloPMljC2n1jSPJXhGFlZml6ppo2RCv_L0kq60D682xjgLDgPbb2VVAFAHJkfxJydvyY6cam1w4z2iV6N_wGzlJUsdUDHyXaTZKRuTRNFjBLZDwB4HSRpC3s/s1600/002.png" height="238" width="320" /></a></b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
У вас уже могут быть созданы <i>группы и их список вы видите ниже</i> <i>(3)</i>, или можем их <b>создать (4)</b>. Рассмотрим создание группы более подробно.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZVu1tYR8R9oBDxETnMJETYV9a2e1hPv1BsWxsxsct2Sf5ldHQi3u1kxWt9duZ7ccL8IiF3wjfgcZ-XXPph21gBUYe2gAIp5DyzcpgRnydgYhaEQppCUNdFnUVzNu5qi3ZEBeZOZ35YYQ/s1600/003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZVu1tYR8R9oBDxETnMJETYV9a2e1hPv1BsWxsxsct2Sf5ldHQi3u1kxWt9duZ7ccL8IiF3wjfgcZ-XXPph21gBUYe2gAIp5DyzcpgRnydgYhaEQppCUNdFnUVzNu5qi3ZEBeZOZ35YYQ/s1600/003.png" height="343" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
В поле <b>название группы (5) </b>указываем ее название. Просмотрите существующие группы, чтобы получить идеи относительно выбора названия для группы. Название следует подобрать таким образом, чтобы оно способствовало выделению группы на фоне других. </div>
<div class="separator" style="clear: both; text-align: justify;">
Указываем <b>адрес электронной почты группы (6). </b><span style="text-align: left;">Этот адрес будет использоваться для отправки сообщений участниками. По умолчанию адрес электронной почты генерируется в соответствии с названием группы. Вы можете изменить его, если вариант по умолчанию вас не устраивает. <i>Помните, </i>адрес электронной почты должен быть на английском языке и без пробелов.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-align: left;">В поле <b>описание группы (7) </b></span><span style="text-align: left;">необходимо четко указать назначение группы для потенциальных участников.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-align: left;">Выбираем <b>тип группы (8)</b>. </span><span style="text-align: left;">Тип группы определяет, каким образом вы будете использовать Google Группы, так как при создании группы автоматически устанавливаются настройки, соответствующие типовым рабочим процессам. К примеру, для групп типа "Список рассылки" отключается параметр "Разрешить пользователям отправлять сообщения в группу через веб-интерфейс", и их участники не имеют доступа к веб-интерфейсу Групп Google. В данном случае выбираем <b>Веб-форум</b>, </span><span style="text-align: left;">который поддерживает модерацию через веб-интерфейс и другие полезные функции, пользователи общаются и проводят обсуждения. Публиковать темы и ответы участники групп могут только с помощью веб-браузера, однако уведомления отправляются и по электронной почте. (Более подробно о типах групп можно почитать <a href="https://support.google.com/groups/answer/2464983?hl=ru&ref_topic=2458761">в справке</a>).</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-align: left;">Затем начинаем настраивать основные разрешения:</span></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<ul>
<li><b>Просмотр тем (9). </b>Поскольку форум нужен для общения, поэтому галочки должны стоять на всех позициях.</li>
<li><b>Публикация (10)</b>. Выбираем пользователей, которым разрешено отправлять сообщения в группу. В нашем случае мы хотим получать сообщения от всех участников, поэтому галочки оставляем на всех позициях.</li>
<li><b>Присоединение к группе (11)</b>. Настройка порядка вступления в группу Можно сделать группу доступной для всех автоматически, для всех по запросу (который вы отклоняете или одобряете) или только по приглашениям. В нашем случае лучше выбрать <b>общие. </b>(Более подробно об разрешения можно ознакомиться в <a href="https://support.google.com/groups/answer/2464975?hl=ru&ref_topic=2458761">справке</a>) </li>
</ul>
Как только закончили настраивать свою группу нажимаем кнопку <b>Создать (12) </b>и вводим капчу<b>, </b>настраиваем ваш профиль, для отображения в группе.<br />
3. <i>Интегрируем группу на сайт Google</i>. Для этого переходим в режим редактора страницы, в главном меню находим <b>Вставка</b>, выбираем <b>Группы (13)</b> (в разделе Google).<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzbE-zmWm4VHmYSMy8z2Cwh6O4VH8IF507z0hkuyci5h10f_005N-ht1rGBeAL_qy1XDqq-JwHo4Dq0kzZVMF_VOEMjLCqTK66cBhFVtqZca33o5A2ZH5emE8VmkFm_eSprS-Rmmz2ahI/s1600/004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzbE-zmWm4VHmYSMy8z2Cwh6O4VH8IF507z0hkuyci5h10f_005N-ht1rGBeAL_qy1XDqq-JwHo4Dq0kzZVMF_VOEMjLCqTK66cBhFVtqZca33o5A2ZH5emE8VmkFm_eSprS-Rmmz2ahI/s1600/004.png" height="115" width="400" /></a></div>
В появившимся окне указываем необходимые параметры:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkxs4uY99voMUVgTrO1vwRoSDRBRFn_Xrh98tlbNdnSXtVgDvlPLLsfdndM_7bgXKplP0Aqh_IrJwdFpp1CJmGOP1uaHmuYlYaMwfIP_XfE83wLwl6hOFQbUyJ4B09yxhB2O-LhNxACVA/s1600/005.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkxs4uY99voMUVgTrO1vwRoSDRBRFn_Xrh98tlbNdnSXtVgDvlPLLsfdndM_7bgXKplP0Aqh_IrJwdFpp1CJmGOP1uaHmuYlYaMwfIP_XfE83wLwl6hOFQbUyJ4B09yxhB2O-LhNxACVA/s1600/005.png" height="236" width="400" /></a></div>
<br />
<ul style="text-align: left;">
<li style="text-align: justify;">Указываем <b>url адрес группы Google (14)</b>, вставив из буфера обмена (CTRL+V). Но сначала переходим во вкладку с группой и копируем url в <i>адресной строке (15) </i>(CTRL+C).</li>
<li style="text-align: justify;">Лучше <b>включить в гаджете полосу прокрутки (16)</b> (поставить галочку), так как мы надеемся, что сообщений будет много.</li>
</ul>
<div style="text-align: justify;">
Дальше гаджет настаиваем по вашему усмотрению и нажимаем <b>ОК</b>. Группы Google отобразится как Веб-форум, только после сохранения страницы.<br />
Например, сайт УСП <a href="http://goo.gl/LrOP7x">"Шпионские страсти"</a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSNx8AYq4P0SMMAewpfo72wS9nswb0qBhuBzvFRfoK64X3dsLIXx-VZB0bBskCn9rzPyxxgZsgvBM8Vkaf4mlsWPUCCt2VV0E8ODD6PaNb5QeIIpx3s7C4jn_LfxlAeiXjVPV0bfiTCZg/s1600/0001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSNx8AYq4P0SMMAewpfo72wS9nswb0qBhuBzvFRfoK64X3dsLIXx-VZB0bBskCn9rzPyxxgZsgvBM8Vkaf4mlsWPUCCt2VV0E8ODD6PaNb5QeIIpx3s7C4jn_LfxlAeiXjVPV0bfiTCZg/s1600/0001.png" height="310" width="400" /></a></div>
<br />
МООК "<a href="https://basicsforteaching.withgoogle.com/unit?unit=1&lesson=10" target="_blank">Базовые сервисы Google для образования</a>"<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjosuDMFMjsjuufjRL8WN8nv8TgYOUAsqzsY29Hxm8LuemjK5lmy5m4ISUw1j4mPwVn9kRfgDqSIcy_rPz9nIGbI5Pj6zzmmmz27YtB7lvmFO8mwsbNCGB2jfra7jiUY63EU48lCpCuhRA/s1600/0003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjosuDMFMjsjuufjRL8WN8nv8TgYOUAsqzsY29Hxm8LuemjK5lmy5m4ISUw1j4mPwVn9kRfgDqSIcy_rPz9nIGbI5Pj6zzmmmz27YtB7lvmFO8mwsbNCGB2jfra7jiUY63EU48lCpCuhRA/s1600/0003.png" height="367" width="400" /></a></div>
</div>
<div style="text-align: justify;">
4. Интегрируем на<i> блог Blogger</i>. Переходим в <b>Управление </b>группы<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-TH09N-Lokac/VRf8DN4W1DI/AAAAAAAAHRQ/Y8Fih_TzC60/s1600/006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-TH09N-Lokac/VRf8DN4W1DI/AAAAAAAAHRQ/Y8Fih_TzC60/s1600/006.png" height="67" width="400" /></a></div>
и находим раздел <b>Общая информация (18), </b>где из пункта <b>Встраивание группы</b>, копируем следующий код HTML <b>(19)</b>(CTRL+C).<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-oRKojbReoa4/VRf9sxWqHaI/AAAAAAAAHRc/HQKiaswVQ9U/s1600/007.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-oRKojbReoa4/VRf9sxWqHaI/AAAAAAAAHRc/HQKiaswVQ9U/s1600/007.png" height="272" width="400" /></a></div>
Затем переходи на блог и выбираем место для размещения <i>Веб-форума</i> - сообщение или страница. В режим редактора страницы или сообщения нажимаем кнопку<b> HTML (20)</b>, находим место в данном html-коде, куда будем вставлять наш форум. Встаем курсором и нажимаем CTRL+V (Вставка из буфера обмена)<b>(21)</b>.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-O6--KJP58kE/VRgAY88XROI/AAAAAAAAHRo/zKgKirpAf60/s1600/008.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-O6--KJP58kE/VRgAY88XROI/AAAAAAAAHRo/zKgKirpAf60/s1600/008.png" height="240" width="400" /></a></div>
Форум появится только после нажатия кнопки <b>Обновить (22)</b>.</div>
<div style="text-align: justify;">
<b><br /></b>
<b>Полезная информация</b>:</div>
<div style="text-align: justify;">
<ul>
<li><a href="https://support.google.com/groups/?hl=ru#topic=2383651">Справка по группам Google</a>,</li>
<li><a href="http://krivenkaya.blogspot.ru/2014/01/blog-post_30.html">Написание сообщений на форуме</a>.</li>
</ul>
</div>
<div style="text-align: justify;">
<br />
<br /></div>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-58919454943212287782015-01-26T08:19:00.004+06:002015-01-26T08:19:54.160+06:00Ссылка на изображение<div dir="ltr" style="text-align: left;" trbidi="on">
Довольно часто во многих сервисах требую указать ссылку на изображение. Мы вроде уже загрузили его на <i>Google+</i>. Смотрим на него. А где же ссылка?<br />
<a name='more'></a><br />
<div style="text-align: justify;">
Наводим мышку на изображение и нажимаем правую клавиши. В контекстном меню выбираем <b>Копировать URL картинки</b>. Теперь готово, ваша ссылка находится в буфере обмена.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-jdoXMqKYQrc/VMWfMmxTL_I/AAAAAAAAGuY/th-7apMnZ50/s1600/001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-jdoXMqKYQrc/VMWfMmxTL_I/AAAAAAAAGuY/th-7apMnZ50/s1600/001.png" height="220" width="400" /></a></div>
Как быть, если изображение загружено на<i> Google Диск</i>?<br />
Из режима предварительного просмотра открываем изображение в новом окне<b> (1)</b>.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-wbb8C5izSig/VMWhdsnJmDI/AAAAAAAAGus/dcoB6LDTzvw/s1600/002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-wbb8C5izSig/VMWhdsnJmDI/AAAAAAAAGus/dcoB6LDTzvw/s1600/002.png" height="201" width="400" /></a></div>
Только теперь <span style="text-align: justify;">нажимаем правую клавиши. В контекстном меню выбираем </span><b style="text-align: justify;">Копировать URL картинки</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-O085q9JvR58/VMWi0xTbMlI/AAAAAAAAGu8/QcJxUEM-Twc/s1600/003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-O085q9JvR58/VMWi0xTbMlI/AAAAAAAAGu8/QcJxUEM-Twc/s1600/003.png" height="186" width="400" /></a></div>
<br />
<b>Помните</b>, что любой сервис поддерживает стандартные расширения картинок jpg, jpeg, png, gif и т.д. Изображения тоже имеет доступ, если вы не сделали его (или альбом, паку) <i>Доступным всем в Интернете</i>, его никто не увидит. (см. <a href="http://manualgoogledrive.blogspot.ru/2014/05/blog-post.html" target="_blank">Настройка доступа папок и фалов</a>)</div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-11462398232850605782015-01-25T09:46:00.001+06:002016-01-21T11:04:29.131+06:00Метка на карте Google в проекте "Шпионские страсти"<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Сегодня рассмотрим, как поставить метку на карте Google, которая вам данна для редактирования по ссылке.</div>
<div style="text-align: justify;">
1. Переходим на страницу <b>Штаб-квартиры наших внештатных агентов, </b>где отображена карта Google. Для того чтобы поставить метку, изучаем основные критерии к ней, нажав на значок с информацией <b>(1):</b></div>
<div style="text-align: justify;">
<blockquote class="tr_bq">
<span style="font-family: "verdana" , sans-serif;">Уважаемые агенты!<br />Вам необходимо поставить метку на карте нашего проекта.<br />Для этого<br />- воспользуйтесь кнопкой "Добавить метку" на поле карты,<br />- в заголовке метки необходимо указать название команды (Кодовое прозвище агента),<br />- в содержании метки напишите ваше образовательное учреждение (ОУ), дайте активную гиперссылку на ваше ОУ и визитку агента.<br />- метку меняем на логотип команды.</span></blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-LTjVeD81qtc/VMRYi5quYAI/AAAAAAAAGrs/jTxhQkTvsmI/s1600/001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="382" src="http://3.bp.blogspot.com/-LTjVeD81qtc/VMRYi5quYAI/AAAAAAAAGrs/jTxhQkTvsmI/s1600/001.png" width="400" /></a></div>
<div>
Только потом переходи по ссылке <b>(2) </b>на саму карту.<br />
<a name='more'></a></div>
<div>
2. Справа отображается основная информация о ней: название, описание, метки и названия слоев. Нажимаем на нужный нам слой, в этом случае - <i>Внештатные агенты </i><b>(3)</b>, если вы все правильно сделали, то с левого края вы увидите синюю полоску <b>(4)</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-95urHba08tw/VMRa1geEg-I/AAAAAAAAGr8/afM_7-GL7vk/s1600/002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="http://2.bp.blogspot.com/-95urHba08tw/VMRa1geEg-I/AAAAAAAAGr8/afM_7-GL7vk/s1600/002.png" width="400" /></a></div>
<div>
<br /></div>
<div>
3. Затем в поисковой строке Google Карты начинаем вводить название <i>Города, улицы, номер дома</i> <b>(5)</b> и нажимаем <i>Enter </i>(либо на кнопку с лупой) или выбираем предложенный адрес<b> (6)</b>. Google карта поддерживает <i>живой поиск</i> (если мы будем вводить адрес, то система будет предлагать адрес, соответствующие условиям поиска)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-iFaEfjSpee8/VMRc0B3mDHI/AAAAAAAAGsc/5Rpfo3WngLQ/s1600/003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="363" src="http://4.bp.blogspot.com/-iFaEfjSpee8/VMRc0B3mDHI/AAAAAAAAGsc/5Rpfo3WngLQ/s1600/003.png" width="400" /></a></div>
<div>
<br /></div>
<div>
4. На карте появилась <i>зеленая метка</i> <b>(7)</b>. Нажимаем на кнопку <i>Добавить маркер</i> <b>(8)</b> и кликаем по зеленой метке (8).</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-WOm9mIFIEFg/VMReie61RII/AAAAAAAAGss/4qSi-W3lOmc/s1600/004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="361" src="http://3.bp.blogspot.com/-WOm9mIFIEFg/VMReie61RII/AAAAAAAAGss/4qSi-W3lOmc/s1600/004.png" width="400" /></a></div>
<div>
5. На этом месте у вас появляется новая метка <b>(9)</b> (в данный момент она красная - по умолчанию). Начинаем заполнять <i>необходимые поля</i> <b>(10):</b></div>
<div>
<div>
<ul>
<li>в заголовке метки необходимо указать название команды (Кодовое прозвище агента),</li>
<li>в содержании метки напишите ваше образовательное учреждение (ОУ), дайте активную гиперссылку на ваше ОУ и визитку агента (с активной ссылкой на неё). Для создания абзаца (новой строки) нажимаем <b>Ctrl+Enter</b>.</li>
</ul>
</div>
</div>
<div>
Если есть желание, то можно разместить еще и <i>фотографию команды </i>(11). Затем нажимаем <i>Сохранить </i>(12).</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-8sQ8QdaznbA/VMRgoDY0cSI/AAAAAAAAGs8/BqraYk_HkdY/s1600/005.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="http://3.bp.blogspot.com/-8sQ8QdaznbA/VMRgoDY0cSI/AAAAAAAAGs8/BqraYk_HkdY/s1600/005.png" width="400" /></a></div>
<div>
6. На карте появилась метка и ее описание. Если мы хотим изменить <i>маркер метки</i>, то в списке меток нашего слоя находим метку и нажимаем на <i>ведёрко (заливку)</i> (13).</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-zMqranfflrU/VMRiTzr3KDI/AAAAAAAAGtM/KnptYMKUip4/s1600/006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="http://4.bp.blogspot.com/-zMqranfflrU/VMRiTzr3KDI/AAAAAAAAGtM/KnptYMKUip4/s1600/006.png" width="400" /></a></div>
<div>
7. Попадаем в меню настройки маркера, где мы выбираем цвет и форму Нажимаем <i>Ещё </i>(<b>14</b>)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-2QAmkhy_dPk/VMRkSt5kyDI/AAAAAAAAGtc/LWezvPAIykw/s1600/007.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="335" src="http://1.bp.blogspot.com/-2QAmkhy_dPk/VMRkSt5kyDI/AAAAAAAAGtc/LWezvPAIykw/s1600/007.png" width="400" /></a></div>
<div>
В появившемся окне указываем ссылку на <i>эмблему команды </i><b>(15)</b> и нажимаем <i>Добавить значок </i><b>(16). </b><b>Помните</b>, что сначала необходимо загрузить ваше изображение на Google+ (Google Диск) или на другой сервис (См. <a href="http://goo.gl/vt76pq">http://goo.gl/vt76pq</a>). Логотип команды туже изменяется на ваше изображение. Как только закончили вносить изменения нажимаем <i>ОК </i><b>(17)</b><i style="font-weight: bold;">,</i> закрываем ненужные окна и любуемся своей меткой.</div>
</div>
</div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-4187230441752474702015-01-03T18:05:00.000+06:002015-01-03T18:05:02.568+06:00Метка на Google карте<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
В новых Google картах изменилось оформление <b>Метки</b>, т.к иногда используется не один слой.</div>
<div style="text-align: justify;">
Рассмотрим поближе постановки метки.</div>
<div style="text-align: justify;">
Как только вы получили письмо, то переходим по ссылке и попадаем на Google карту. Справа отображается основная информация о ней: название, описание, метки и названия слоев. Нажимаем на нужный нам слой, в этом случае - <b>Участники ПИ - 15 (1)</b>, если вы все правильно сделали, то с левого края вы увидите <i>синюю полоску </i><b>(2)</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-zItAxpm9zzg/VKfJhzPyfiI/AAAAAAAAGeE/bYPWxqRRE6I/s1600/001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-zItAxpm9zzg/VKfJhzPyfiI/AAAAAAAAGeE/bYPWxqRRE6I/s1600/001.png" height="373" width="400" /></a></div>
<div style="text-align: justify;">
</div>
<a name='more'></a>Затем в поисковой строке Google Карты начинаем вводить название <i>Города, улицы, номер дома</i> (<b>3) </b> и нажимаем <b>Enter</b> (либо на кнопку с <i>лупой</i>)<i> </i>или выбираем предложенный адрес<i>. </i>Google карта поддерживает <i>живой поиск </i><span style="background-color: white; color: #393939; font-size: 16px; line-height: 22.3999996185303px;"><span style="font-family: inherit;">(если мы будем вводить адрес, то система будет предлагать адрес, соответствующие условиям поиска)</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-zMNMURjhPGM/VKfJjMM6qMI/AAAAAAAAGeM/adBI0RfTB-k/s1600/002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-zMNMURjhPGM/VKfJjMM6qMI/AAAAAAAAGeM/adBI0RfTB-k/s1600/002.png" height="196" width="400" /></a></div>
<div style="text-align: justify;">
На карте появилась зеленая метка<b> (6)</b> (ее цвет каждый раз меняется). Нажимаем на кнопку <i>Добавить маркер </i><b>(5)</b> и кликаем по зеленой метке <b>(6)</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-RLGddmDBheM/VKfJgBTWpsI/AAAAAAAAGdc/erdrxvcI0J8/s1600/003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-RLGddmDBheM/VKfJgBTWpsI/AAAAAAAAGdc/erdrxvcI0J8/s1600/003.png" height="186" width="400" /></a></div>
<div style="text-align: justify;">
На этом месте у вас появляется новая метка <b>(7) </b>(в данный момент она красная - по умолчанию). Начинаем заполнять необходимые поля <b>(8)</b>, если есть желание, то можно разместить еще и фотографию <b>(9). </b>Затем нажимаем <i>Сохранить </i><b>(10)</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-tfZH0DpAKUU/VKfJipEDvdI/AAAAAAAAGds/GNiODyy8j0E/s1600/004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-tfZH0DpAKUU/VKfJipEDvdI/AAAAAAAAGds/GNiODyy8j0E/s1600/004.png" height="268" width="400" /></a></div>
<div style="text-align: justify;">
На карте появилась метка и ее описание. Если мы хотим изменить <i>маркер метки</i>, то права в списке меток нашего слоя находим метку и нажимаем на <i>ведёрко (заливку) </i><b>(11).</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-FOGwncqdSYk/VKfJjVq3qsI/AAAAAAAAGd8/PlCVpTihTgI/s1600/005.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-FOGwncqdSYk/VKfJjVq3qsI/AAAAAAAAGd8/PlCVpTihTgI/s1600/005.png" height="400" width="396" /></a></div>
<div style="text-align: justify;">
Попадаем в меню настройки маркера, где мы выбираем цвет и форму (или ставим свой рисунок). Выбираем из ранее открытых меток, метку нашего сообщества - руки согревающие сердце и нажимаем на крестик (метка автоматически сохраняет изменения).</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-9hxFEVuvtDI/VKfJkVi9CII/AAAAAAAAGeI/bdVKgcEErhA/s1600/007.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-9hxFEVuvtDI/VKfJkVi9CII/AAAAAAAAGeI/bdVKgcEErhA/s1600/007.png" height="400" width="241" /></a></div>
<div style="text-align: justify;">
Если вы не нашли данную метку, то нажимаем <i>Ещё </i><b>(13) </b>и в разделе <i>Объекты инфраструктуры </i><b>(14) </b>находим нашу метку. И <b>ОК (15).</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-JaoHGtLuJ4E/VKfJjk9DaII/AAAAAAAAGeA/uDSCasBUz1I/s1600/006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-JaoHGtLuJ4E/VKfJjk9DaII/AAAAAAAAGeA/uDSCasBUz1I/s1600/006.png" height="251" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
</div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-9190580403201602202014-12-31T20:23:00.001+06:002014-12-31T20:24:34.045+06:00Настройка профиля в Google+<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="font-family: inherit;"><b>Профиль в Google+</b> - это <span style="background-color: white; color: #444444; line-height: 20.0200004577637px;"> ваша визитная карточка в Интернете. Загрузите фотографию и добавьте пару слов о себе, чтобы друзья могли сразу вас узнать. А </span><a href="http://www.google.com/intl/ru/+/learnmore/circles/" style="background-color: white; color: #1155cc; font-weight: 600; line-height: 20.0200004577637px; text-decoration: none;">Круги</a><span style="background-color: white; color: #444444; line-height: 20.0200004577637px;"> помогут решить, какие сведения будут доступны тем или иным группам пользователей.</span></span></div>
<div style="text-align: justify;">
<span style="color: #444444;"><span style="background-color: white; line-height: 20.0200004577637px;">Сегодня мы с вами пробуем его от редактировать.</span></span></div>
<div style="text-align: justify;">
<span style="color: #444444;"><span style="background-color: white; line-height: 20.0200004577637px;">Для начала переходит в Google+:</span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; line-height: 20.0200004577637px;">В правом верхнем углу нажимаем на свою аватар </span><b style="color: #444444; line-height: 20.0200004577637px;">(4)</b><span style="background-color: white; color: #444444; line-height: 20.0200004577637px;"> и выбираем </span><i style="color: #444444; line-height: 20.0200004577637px;">Просмотреть профиль </i><b style="color: #444444; line-height: 20.0200004577637px;">(5)</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-6E85KBy8-BQ/VKQAOu4znSI/AAAAAAAAGa4/wKN2C1hdEjA/s1600/002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-6E85KBy8-BQ/VKQAOu4znSI/AAAAAAAAGa4/wKN2C1hdEjA/s1600/002.png" height="116" width="640" /></a></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; line-height: 20.0200004577637px;">Мы сразу попадает в <i>Профиль</i> Google+.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-yui3MIIdnzM/VKQBx2eVnJI/AAAAAAAAGbM/uB2UBqHCFUw/s1600/003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-yui3MIIdnzM/VKQBx2eVnJI/AAAAAAAAGbM/uB2UBqHCFUw/s1600/003.png" height="438" width="640" /></a></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; line-height: 20.0200004577637px;"></span><br />
<a name='more'></a><span style="background-color: white; color: #444444; line-height: 20.0200004577637px;">Переходим в раздел <i>О себе </i><b>(6) </b>и начинаем <i>изменять </i>нужные поля <b>(7)</b>.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Lj1P24bZ_sQ/VKQErZzbE2I/AAAAAAAAGbg/gQZF1DzFSGg/s1600/004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-Lj1P24bZ_sQ/VKQErZzbE2I/AAAAAAAAGbg/gQZF1DzFSGg/s1600/004.png" height="640" width="610" /></a></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; line-height: 20.0200004577637px;">В появившемся окне заполняем информацию. Обратите внимание, что для разных людей информация отображается по разному. В нашем случае лучше использовать <i>Для всех </i><b>(7)</b>.</span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; line-height: 20.0200004577637px;">Чтобы перейти в другой раздел, в его заголовке нажимаем на кнопку другого раздела (ваша информация будет сохранятся автоматически). Как только закончили вносить изменения, нажимаем <i>Сохранить</i> <b>(9)</b>.</span></div>
<div style="text-align: justify;">
<span style="color: #444444;"><span style="background-color: white; line-height: 20.0200004577637px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #444444;"><span style="background-color: white; line-height: 20.0200004577637px;">Дополнительная информация:</span></span></div>
<div style="text-align: justify;">
</div>
<ul>
<li><span style="background-color: white; color: #444444; line-height: 20.0200004577637px;">Как изменить фотографию профиля можно посмотреть </span><a href="http://maks-1.com/internet/kak-nastroit-stranitsu-profilya-google-plushtml" style="line-height: 20.0200004577637px;" target="_blank">здесь</a><span style="background-color: white; color: #444444; line-height: 20.0200004577637px;">,</span></li>
<li><span style="background-color: white; color: #444444; line-height: 20.0200004577637px;"><a href="http://www.google.com/intl/ru/+/learnmore/profile/" target="_blank">Возможности Google+</a></span></li>
</ul>
</div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-33871537178618563292014-12-27T17:42:00.000+06:002015-05-02T11:38:50.309+06:00Шаблон группы в ПИ 2015<div dir="ltr" style="text-align: left;" trbidi="on">
На Google сайте для облегчения создания страниц используют шаблоны. Мы сегодня с вами его развернем, а вам останется только заполнить.<br />
<a name='more'></a><br />
<b>Основные этапы:</b><br />
<b>1. </b>Встаем на страницу <b>ВВ Участники 2015 (1)</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-8sP9GutQB8g/VJ2Lb5WlJYI/AAAAAAAAGWU/qWLjuQ4OdDc/s1600/001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-8sP9GutQB8g/VJ2Lb5WlJYI/AAAAAAAAGWU/qWLjuQ4OdDc/s1600/001.png" height="224" width="640" /></a></div>
<b>2. </b>Нажимаем на кнопку <b>Создать страницу (2)</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-tFrRcVTqloQ/VJ2LcFWOpnI/AAAAAAAAGWY/jw-fhU5cyzw/s1600/002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-tFrRcVTqloQ/VJ2LcFWOpnI/AAAAAAAAGWY/jw-fhU5cyzw/s1600/002.png" height="240" width="640" /></a></div>
<b>3. </b>В появившемся окне начинаем заполнять поля:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-7ziDoWuZHgA/VJ2LcIqVUXI/AAAAAAAAGWc/5OnklASc8r4/s1600/003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-7ziDoWuZHgA/VJ2LcIqVUXI/AAAAAAAAGWc/5OnklASc8r4/s1600/003.png" height="248" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul style="text-align: left;">
<li>Указываем название маршрута и фамилию, инициалы тьютора <b>(2).</b> </li>
<li>Выбираем шаблон "<b>Шаблон группы" (3)</b> из выпадающего списка.</li>
<li style="text-align: justify;">Указываем место расположения страницы (!). Ваша страница должна находиться под странице "ВВ Участники 2015", тогда она пропишется в оглавлении к этой странице.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-OsrGmMYkWdc/VJ2SU8oh6JI/AAAAAAAAGW0/9eUbpw9QLxE/s1600/004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-OsrGmMYkWdc/VJ2SU8oh6JI/AAAAAAAAGW0/9eUbpw9QLxE/s1600/004.png" height="222" width="640" /></a></div>
<b>4. </b>У вас разворачивается шаблон, который вы теперь можете спокойно редактировать.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-3NBYOx8eq3s/VJ6SVp7iPII/AAAAAAAAGXQ/UxjCI2OpxBw/s1600/006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-3NBYOx8eq3s/VJ6SVp7iPII/AAAAAAAAGXQ/UxjCI2OpxBw/s1600/006.png" height="334" width="640" /></a></div>
<br />
<ul style="text-align: left;">
<li>В <i>Списке группы</i> лучше просить участников указать ссылку на свой заполненный профиль в Google+ <b>(7).</b></li>
<li>В <i>Сообществе группы</i> желательно, чтобы ссылка была не только на тексте, но и на его флаге (картинке) <b>(8).</b></li>
<li>Ко всем документам размещенным в шаблоне создаем копию, только потом размещаем на странице <b>(9).</b></li>
</ul>
Как только закончили вносить изменения, нажимаем сохранить <b>(10)</b>.<br />
Затем размещаем ссылку на ваш маршрут в <i>главном меню</i> слева.</div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-16468325952919854352014-12-08T10:25:00.000+06:002014-12-08T10:35:44.812+06:00Час кода<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.it4youth.ru/shared/upload/ckfinder_userfiles/images/04e42f4e43cdb05f99db8f86008cd2c6.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.it4youth.ru/shared/upload/ckfinder_userfiles/images/04e42f4e43cdb05f99db8f86008cd2c6.gif" height="51" width="400" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
Участие в акции «Час кода» — это уникальный шанс для каждого ученика
почувствовать себя частью большого и значимого события, заявить о своих
способностях, осознать важность изучения информатики для своего успеха в
будущем, и в течение одного часа овладеть азами программирования в простой,
увлекательной форме, доказав себе и окружающим, что программирование доступно и
интересно.</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<o:p></o:p></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
Ежегодно акция проходит в разных странах. Ее поддержало уже более 44
миллионов человек, организаций, учреждений по всему миру, и более 15 миллионов
учащихся в возрасте от 4 до 18 лет написали свои первые строчки кода.<o:p></o:p></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
В России акция будет проходить с <b>04</b> по <b>12</b> декабря 2014 г. на сайте
www.coderussia.ru в рамках Международной недели информатики и Дня информатики в
России при поддержке Министерства связи и массовых коммуникаций РФ,
Министерства образования и науки РФ, в партнерстве с ведущими ИТ-компаниями:
«Лаборатория Касперского», «1С», «ВКонтакте», Майкрософт, «Акронис»,
«Зептолаб», Дневник.ру и PH International.<o:p></o:p></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
Поддержать акцию приглашаются все желающие!</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<a name='more'></a><br />
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
В этот день, все ученики 5-х класса попробовали себя в роли
программистов.</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<o:p></o:p></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
Урок начался со вводного видеосюжета с участием звезды российского кино
и известных людей из сферы информационных технологий раскрывает имидж ИТ и
работы ИТ-специалистов.<o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="https://ytimg.googleusercontent.com/vi/Hxu01dbN_44/0.jpg" height="266" width="320"><param name="movie" value="https://youtube.googleapis.com/v/Hxu01dbN_44&source=uds" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266" src="https://youtube.googleapis.com/v/Hxu01dbN_44&source=uds" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
Яркая лекция-обращение представителей ведущих ИТ-компаний к молодежи была не мение интересной, в
которой они делятся своим взглядом на перспективу развития информационных
технологий, на то, как изменится мир, когда молодые люди закончат вузы, и
рассказывают о том, чем ИТ может привлечь молодых людей, мечтающих добиться
успеха в будущем.<o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/VrjZ9P42VFY?feature=player_embedded' frameborder='0'></iframe></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="text-align: justify;">Затем ученикам было предложено в занимательно форме, используя
онлайн-тренажер Ам Ням (http://www.coderussia.ru/ru/index.html). Работа в
тренажере строится по принципу решения забавных головоломок и помогает
подкрепить интерес учащихся, возникший во время проведения первого блока
занятия, а также дает возможность сразу, на практике, проверить свои
способности к программированию.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="text-align: justify;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<o:p></o:p></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
К концу урока был предложен конкурс на лучшего программиста, где все
ученики начиная с 5 стадии решали задачи на скорость (в течение 3 минут
необходимо было решить задачу, в следующий этап попадал только тот ученик,
который справлялся с ней). В итоге у нас появился победитель, которому
присвоили звание лучшего программиста класса и вручен значок Google.<o:p></o:p></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
В конце урока заполняли учащиеся форму <a href="https://docs.google.com/a/64-school.ru/forms/d/1qnUaOL0vDMyYZiaeI0a8qNASqJTB0mn3Q4WBm5p-GQc/viewform" target="_blank">рефлексии</a>.</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
Каждый участник акции получил сертификат:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-6H9C2oheydk/VIUn8oQzktI/AAAAAAAAGP0/7e305GBv3AM/s1600/Popova_Anastasiia.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-6H9C2oheydk/VIUn8oQzktI/AAAAAAAAGP0/7e305GBv3AM/s1600/Popova_Anastasiia.png" height="225" width="320" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
<span style="text-align: justify;"> Ученикам этот день очень
понравился, они даже просили провести отдельный курс по Blockly.</span><br />
<span style="text-align: justify;"><a href="https://plus.google.com/u/1/photos/117811538384358930758/albums/6090313194397439793" target="_blank">Фотоотчет</a></span><br />
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<o:p></o:p></div>
</div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-73158694140707850802014-06-12T16:36:00.000+07:002014-06-21T11:04:51.389+07:00Hangouts. Тусовка по-гугловски (2 часть) <div dir="ltr" style="text-align: left;" trbidi="on">
<div>
*Продолжаем изучать сервис Hangouts. Где же его найти и как им пользоваться?<br />
<h4 style="text-align: left;">
2 способ (через Google+) </h4>
<div style="text-align: justify;">
Как только мы ввели аккаунт Google, нам открывается новостная <b>Лента </b>всех людей, которые у вас в Кругах (см. <a href="http://krivenkaya.blogspot.ru/2013/05/google-plus.html">Круги в Google Plus</a>) или сообществ, участником, которых вы являетесь.<br />
<a name='more'></a></div>
<h4 style="text-align: justify;">
1 вариант</h4>
<div style="text-align: justify;">
В открывшемся окне в правом верхнем углу находим значок <b>Hangouts (1)</b>, у вас сразу же появится список недавних контактов, если вы ни с кем не общались, то он будет пустой.</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://1.bp.blogspot.com/--e_mhhlTcwM/U5lN6bXCIyI/AAAAAAAAE64/I-SeCcGbPhs/s1600/2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="http://2.bp.blogspot.com/-FtZ84BTbMBg/U5lJkFJsW5I/AAAAAAAAE6U/erUD6fW9AtU/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-FtZ84BTbMBg/U5lJkFJsW5I/AAAAAAAAE6U/erUD6fW9AtU/s1600/1.png" height="288" width="640" /></a></div>
<ul style="text-align: justify;">
<li><a href="http://1.bp.blogspot.com/--e_mhhlTcwM/U5lN6bXCIyI/AAAAAAAAE64/I-SeCcGbPhs/s1600/2.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://1.bp.blogspot.com/--e_mhhlTcwM/U5lN6bXCIyI/AAAAAAAAE64/I-SeCcGbPhs/s1600/2.png" height="200" width="141" /></a>Если вы наведете мышкой на собеседника, то увидите его профиль (<a href="http://ru.wikipedia.org/wiki/%C0%E2%E0%F2%E0%F0_%28%EA%E0%F0%F2%E8%ED%EA%E0%29" target="_blank">Аватар</a>, фамилия, имя, место работы, в каком или каких кругах он находится, отображается количество общих связей).<br />Если он не находится ни в одном круге, то тут же можно его внести, чтобы всегда оставаться на связи. <br />Помните, что если у вас есть аккаунт в Google+, то пользователи Google+ смогут адресовать письма на ваш профиль (см. <a href="https://support.google.com/mail/?hl=ru" target="_blank">Справку Gmail</a> - <a href="https://support.google.com/mail/answer/3294854?hl=ru&ref_topic=3396239" target="_blank">Отправка писем пользователям G+</a>).<br />Как только нажимаем значок <b>Hangouts (3)</b> внизу под профилем, то открывается окно чата с выбранным человеком (Более подробную информацию об этом см. в сообщении "<a href="http://krivenkaya.blogspot.ru/2014/06/hangouts-1.html" target="_blank">Hangouts. Тусовка по-гугловски (1 часть)</a> " пункт 4). </li>
<li>Если вы непосредственно кликните по собеседнику, то незамедлительно появляется окно чата (Более подробную информацию об этом см. в сообщении "<a href="http://krivenkaya.blogspot.ru/2014/06/hangouts-1.html" target="_blank">Hangouts. Тусовка по-гугловски (1 часть)</a> " пункт 4). <div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ViSW8FWwsi8/U5lhCFt3TmI/AAAAAAAAE8I/YQK3hqfl7kY/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-ViSW8FWwsi8/U5lhCFt3TmI/AAAAAAAAE8I/YQK3hqfl7kY/s1600/6.png" height="281" width="400" /></a></div>
</li>
<li>Если вы не нашли собеседника, то нажимаем на <b>Лупу (6) в </b><b>Hangouts </b> и в поисковой строке <b>вводим Фамилию, имя (9)</b> или электронный адрес, можно также <b>выбрать из</b> предложенного <b>списка (8)</b>, поставив<b> </b>галочку около нужного нам человека. Если вы неправильно указали собеседника, то, нажав на <b>крестик (9)</b>, можем его удалить из списка текущего чата.<br />Как только мы определись с участниками (их может быть довольно много) нашего чата, выбираем его <b>тип (10)</b> - простой чат или видеовстреча.</li>
</ul>
</div>
<div style="text-align: justify;">
Если вы хотите начать <b>Видеовстречу,</b> наводим мышкой на надпись <b>"Начать видеовстречу" (4)</b> (находится внизу списка недавних контактов) и нажимаем соответствующую <b>кнопку (5)</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-JpVARwPhTUk/U5lVbI06_cI/AAAAAAAAE7M/i-5kfTaP6Lo/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-JpVARwPhTUk/U5lVbI06_cI/AAAAAAAAE7M/i-5kfTaP6Lo/s1600/3.png" height="320" width="141" /></a></div>
(помните, для работы этой функции необходимо установить плагин для видеовстреч).<br />
<div>
<h4 class="separator" style="clear: both; text-align: justify;">
2 вариант </h4>
<div class="separator" style="clear: both; text-align: justify;">
В окне новостной ленты находим <b>поисковую строку Google+</b> (11) , где набираем: </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Kr7ICkM082U/U5lhBiyvDOI/AAAAAAAAE8E/zYeuyxSeJH4/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-Kr7ICkM082U/U5lhBiyvDOI/AAAAAAAAE8E/zYeuyxSeJH4/s1600/4.png" height="230" width="400" /></a></div>
<ul style="text-align: left;">
<li>фамилию или имя человека;</li>
<li>электронный адрес.</li>
</ul>
Сначала программа отображает список людей, который находится у вас в <b>Кругах</b> (см.<a href="http://krivenkaya.blogspot.ru/2013/05/google-plus.html">Круги в Google Plus</a>). Выбираем собеседника и подаем на его профиль.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-eFVHum4Rc_g/U5lhC_XjhLI/AAAAAAAAE8Q/5NOEHdIODtg/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-eFVHum4Rc_g/U5lhC_XjhLI/AAAAAAAAE8Q/5NOEHdIODtg/s1600/5.png" height="235" width="400" /></a></div>
Для начала общения нажимаем на значок <b>Hangouts (12)</b> или на кнопку <b>Приветствуйте пользователя Имя пользователя (12)</b>, у вас появляется <b>окно чата (13)</b>.<br />
<h4 style="text-align: left;">
3 вариант</h4>
В меню Google+ переходим непосредственно в <b>Hangouts (14)</b>, где мы видим 3 вкладки:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-QTaFxm5pLA4/U5lo_2Aib8I/AAAAAAAAE9A/qTgEH3ivrnY/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-QTaFxm5pLA4/U5lo_2Aib8I/AAAAAAAAE9A/qTgEH3ivrnY/s1600/7.png" height="220" width="400" /></a></div>
<ul style="text-align: justify;">
<li><b>Лента (16)</b> отображает все событии основных вкладок "Прямой эфир" (где видны несколько недавних прямых эфиров, происходивших в G+), "Видеовстречи" и т.д. Если нажать на блоке "Прямой эфир" ссылку <b>Все фото (15) </b>(в правом верхнем углу блока), то попадаем на <b>вкладку "Прямой эфир" (17)</b>, аналогично работает эта ссылка и на Видеовстречах.<br />Следующий блок, отображающийся на <i>Ленте - </i>это Ваши знакомые, с которыми вы можете начать чат, нажав на соответствующую кнопку (21).<br />Блоки, отображающиеся на <i>Ленте Hangouts</i>, на данный момент не редактируются, может со временем появиться их настройка.</li>
<li><b>Прямой эфир (17)</b>, где отображены текущие видеовстречи в прямом эфире (Более подробную информацию об этой возможности читайте <a href="https://www.google.com/+/learnmore/hangouts/onair.html" target="_blank">здесь</a>). Если хотите начать видеовстречу в прямом эфире, нажмите соответствующую <b>кнопку (18)</b>.</li>
</ul>
</div>
<div style="text-align: center;">
<a href="http://2.bp.blogspot.com/-QSUifZDP_ro/U5lmmpfE6NI/AAAAAAAAE8s/cY_NAXR5L0E/s1600/8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-QSUifZDP_ro/U5lmmpfE6NI/AAAAAAAAE8s/cY_NAXR5L0E/s1600/8.png" height="261" width="400" /></a></div>
<div style="text-align: justify;">
<ul>
<li>Видеовстречи (18). Отображены Видеовстречи, которые проходят сейчас, и вы на них приглашены. Если хотите начать свою Видеовстречу, нажмите соответствующую <b>кнопку (20)</b>.</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Nd8QVTZMKaU/U5lmmZmZEsI/AAAAAAAAE8k/swMSh-IUZsE/s1600/9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-Nd8QVTZMKaU/U5lmmZmZEsI/AAAAAAAAE8k/swMSh-IUZsE/s1600/9.png" height="102" width="320" /></a></div>
<div style="text-align: left;">
Общение в других приложениях Google+ происходит по 1 варианту (см. выше)</div>
<div>
<ul style="text-align: justify;">
</ul>
<h4 style="text-align: left;">
Продолжение следует...</h4>
<br />
Похожие статьи:<br />
<a href="http://krivenkaya.blogspot.ru/2014/06/hangouts-1.html" target="_blank">Hangouts. Тусовка по-гугловски (1 часть) </a><br />
<div style="text-align: justify;">
<br /></div>
</div>
</div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-50015587688587701052014-06-11T16:23:00.002+07:002014-06-21T11:04:32.428+07:00Hangouts. Тусовка по-гугловски (1 часть)<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<div style="text-align: justify;">
*Как только вы создали аккаунт Google, у вас появилось много сервисов в обращении. Сегодня мы разберем один из них - <b>Hangouts</b>.</div>
<blockquote class="tr_bq">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://fs01.androidpit.info/userfiles/5026594/image/google_hangouts.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://fs01.androidpit.info/userfiles/5026594/image/google_hangouts.jpg" height="96" width="200" /></a></div>
<div style="text-align: justify;">
<b>Google Hangouts</b> — это <a href="http://ru.wikipedia.org/wiki/%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%BD%D0%BE%D0%B5_%D0%BE%D0%B1%D0%B5%D1%81%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%B8%D0%B5" title="Программное обеспечение">программное обеспечение</a> для <a href="http://ru.wikipedia.org/wiki/%D0%A1%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0_%D0%BC%D0%B3%D0%BD%D0%BE%D0%B2%D0%B5%D0%BD%D0%BD%D0%BE%D0%B3%D0%BE_%D0%BE%D0%B1%D0%BC%D0%B5%D0%BD%D0%B0_%D1%81%D0%BE%D0%BE%D0%B1%D1%89%D0%B5%D0%BD%D0%B8%D1%8F%D0%BC%D0%B8" title="Система мгновенного обмена сообщениями">мгновенного обмена сообщениями</a> и <a href="http://ru.wikipedia.org/wiki/%D0%92%D0%B8%D0%B4%D0%B5%D0%BE%D0%BA%D0%BE%D0%BD%D1%84%D0%B5%D1%80%D0%B5%D0%BD%D1%86%D0%B8%D1%8F" title="Видеоконференция">видеоконференций</a>, разработанное компанией <a href="http://ru.wikipedia.org/wiki/Google" title="Google">Google</a> и выпущенное <a href="http://ru.wikipedia.org/wiki/15_%D0%BC%D0%B0%D1%8F" title="15 мая">15 мая</a> <a href="http://ru.wikipedia.org/wiki/2013_%D0%B3%D0%BE%D0%B4" title="2013 год">2013 года</a> во время конференции разработчиков <a href="http://ru.wikipedia.org/wiki/Google_I/O" title="Google I/O">Google I/O</a>. Оно заменяет собой сразу три системы для мгновенного обмена сообщениями: <a href="http://ru.wikipedia.org/wiki/Google_Talk" title="Google Talk">Google Talk</a>, <a href="http://ru.wikipedia.org/wiki/Google%2B" title="Google+">Google+</a> Чаты и сервис видеочатов Google+ Видеовстречи, а также онлайн трансляция через <a class="mw-redirect" href="http://ru.wikipedia.org/wiki/Youtube" title="Youtube">Youtube.</a></div>
</blockquote>
<div style="text-align: right;">
<a href="http://ru.wikipedia.org/wiki/Google_Hangouts" target="_blank"><b>По материалам Википедии</b></a></div>
Где же его найти и как им пользоваться?<br />
<a name='more'></a><br />
<h4 style="text-align: left;">
1 способ (через Gmail)</h4>
<div style="text-align: justify;">
<a href="http://4.bp.blogspot.com/-osTQp79Iwak/U5fqKAkjDSI/AAAAAAAAE3s/j167jKL7AS4/s1600/1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-osTQp79Iwak/U5fqKAkjDSI/AAAAAAAAE3s/j167jKL7AS4/s1600/1.png" height="200" width="99" /></a>Как только вы вошли, сразу попали на почту Google (Gmail). Перед вами появляется несколько панелей для навигации. Если обратите внимание, внизу после иерархии писем (папок с письмами) мы видим значок <b>Hangouts</b> <b>(1). </b> </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-Th8GbUGYU4c/U5fqKOAoArI/AAAAAAAAE3w/LFXWtYWJclk/s1600/2.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
</a></div>
<div style="text-align: justify;">
<a href="http://3.bp.blogspot.com/-Th8GbUGYU4c/U5fqKOAoArI/AAAAAAAAE3w/LFXWtYWJclk/s1600/2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Th8GbUGYU4c/U5fqKOAoArI/AAAAAAAAE3w/LFXWtYWJclk/s1600/2.png" height="320" width="320" /></a>1. Нажимаем на него и перед нами появляется <b>список</b> <b>недавних контактов (2)</b> (как в сотовом телефоне журнал звонков). Если вы ни с кем не общались, то он будет у вас пустой.<br />
2. Если вам нужно выбрать другого человека для общения, то нажимаем на кнопку <b>Лупа (3),</b> и в появившемся окне выбираем из списка или в <b>поисковой строке (4)</b> набираем:<br />
<ul>
<li> фамилию или имя человека. Сначала программа отображает список людей, который находятся у вас в <b>Кругах</b> (см.<a href="http://krivenkaya.blogspot.ru/2013/05/google-plus.html">Круги в Google Plus</a>).</li>
<li>электронный адрес. </li>
</ul>
При этом программа всегда просит указать адрес или координатные данные полностью, чтобы поиск был более точным. Поэтому наличие фотографии на <a href="http://ru.wikipedia.org/wiki/%C0%E2%E0%F2%E0%F0_%28%EA%E0%F0%F2%E8%ED%EA%E0%29" target="_blank">Аватаре </a>очень важно, так как это может быть единственный способ найти человека.<br />
<ul></ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-FZLYVuBUNWo/U5f6QaH4t_I/AAAAAAAAE4E/wi1bZWjmzrU/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-FZLYVuBUNWo/U5f6QaH4t_I/AAAAAAAAE4E/wi1bZWjmzrU/s1600/3.png" height="267" width="400" /></a></div>
<br />
4. Когда мы навели указателем мыши на найденного человека или нашли его в списке недавних контактов, то видим информацию о нем (Фамилия, имя, электронный адрес, аватар):<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li>Нажимая на <b>Визитку (6), </b>попадает сразу <i>в вашу</i> адресную книгу, где, может содержаться более полная информация о человеке.<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-apTlqz4f1V0/U5gKtFAoNyI/AAAAAAAAE4Y/3M7UgmjQ0Cg/s1600/4.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://3.bp.blogspot.com/-Gb-yfVspVaY/U5gKtbkuLGI/AAAAAAAAE4k/B01eaEcF3sg/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Gb-yfVspVaY/U5gKtbkuLGI/AAAAAAAAE4k/B01eaEcF3sg/s1600/5.png" height="143" width="320" /></a></div>
</li>
<li> <b>Переписка (7) </b>позволяет детально обновить в памяти всю переписку с человеком. При этом программа отображает не только чат в <b>Hangouts</b>, но и электронные письма.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-l9m4Ov6mnOw/U5gKtVjBpeI/AAAAAAAAE4o/a2mhNnJIKtA/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-l9m4Ov6mnOw/U5gKtVjBpeI/AAAAAAAAE4o/a2mhNnJIKtA/s1600/6.png" height="137" width="320" /></a></div>
</li>
<li>Наведя мышкой на кнопку <b>Круги (8)</b>, узнаем, в каких <i>у вас </i>кругах находится этот человек. Через эту же кнопку можем и добавить его в <b>круги </b>(см.<a href="http://krivenkaya.blogspot.ru/2013/05/google-plus.html">Круги в Google Plus</a>).</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-apTlqz4f1V0/U5gKtFAoNyI/AAAAAAAAE4Y/3M7UgmjQ0Cg/s1600/4.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-apTlqz4f1V0/U5gKtFAoNyI/AAAAAAAAE4Y/3M7UgmjQ0Cg/s1600/4.png" height="161" width="200" /></a></div>
<div style="text-align: center;">
</div>
</div>
<br />
<ul style="text-align: left;">
<li style="text-align: justify;">Если нажать на кнопку <b>начать видеовстречу (9)</b>, у вас появляется окно с вашим аватаром и будут идти гудки (помните, для работы этой функции необходимо установить плагин для видеовстреч). </li>
<li style="text-align: justify;">Следующая кнопка позволяет <b>написать письмо</b> (11). </li>
<li style="text-align: justify;">Если нажмем на кнопку <b>начать общение с этим пользователем (10)</b>, появляется окно чата с выбранным человеком. Рассмотрим его поближе:</li>
<ul><a href="http://2.bp.blogspot.com/-Kxeo4gnO_So/U5gdRU6vKKI/AAAAAAAAE5Q/8EgIaQDBdpE/s1600/9.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-left: 1em;"></a><img border="0" src="http://2.bp.blogspot.com/-bemACviQU3M/U5gWnyHLt9I/AAAAAAAAE48/XucVx1jJOkk/s1600/8.png" height="320" width="307" />
<li style="text-align: justify;">В верхней строке указан <b>ваш собеседник (13)</b>.</li>
<li style="text-align: justify;">В<b> </b>правом верхнем углу<b> </b>расположены элементы <b>управления окном (13)</b>: свернуть<b>, </b>развернуть, закрыть. Потянув за края окна, можно изменить его размер.</li>
<li style="text-align: justify;"><b>Зеленая строка (14)</b>, находящаяся под собеседником, указывает на то, что в данный момент он находится в сети (on-line).</li>
<li style="text-align: justify;">В <b>Поле для сообщения</b> <b>(15)</b> помимо текста можем добавлять <b><a href="http://yandex.ru/clck/jsredir?from=yandex.ru%3Byandsearch%3Bweb%3B%3B&text=%D1%81%D0%BC%D0%B0%D0%B9%D0%BB%D0%B8%D0%BA&uuid=&state=AiuY0DBWFJ4ePaEse6rgeAjgs2pI3DW9l18DHb9MflkTAquhSr1iWcKBQMOOquLl_3D9up_bv0fs8d4kQCSXbFGA2qBK51qqMRlUICMYiWNd7_BPxiK6xM5ZXHUUIm7h4P9xxt_Cw7up8teae0qe2-Bn0KoYrqoHdWY33FQaaHzQp5YIAwGD6xJ0dP1mtIv_O3pP6sPZb0-0kKmE686Tj_95ttGGDdCrrWvuDAWRjjyWqmV-ORtGuqe1Jcs5oyopUxb4ORIXDyPFRZMzQ7MjTW1X_OK591B9uy--E-dDFEJl7ye_lhw6fdPsoAdumFit9OvTpPVyJ08&data=UlNrNmk5WktYejR0eWJFYk1LdmtxamVnNEJRWnJseWwyX0JzSlhyc2l1YUpDWmZVRlU4RUVFYjBTV21WaEFvejRXUEt2dllpeE4xUkFlM0JIeWJ0MVJXZXhHbzR1aHVsLXhjLWZXNkNKTU1pdnZFdzhmTDJJUQ&b64e=2&sign=705c940f912bf43b7cf5a165a6ae9e35&keyno=0&l10n=ru" target="_blank">смайлики</a> (16) </b>и <b>фотографии или видео (17)</b>. </li>
<li style="text-align: justify;">Обратите внимание, что сначала отправляете <i>фотографию</i>, затем только пишете текст. Если вы хотите перейти на новую строку, то нажимайте Shift+Enter(!).<br />
<div>
Как только закончили писать сообщение, нажмите Enter, и оно будет отправлено.</div>
</li>
<li style="text-align: justify;"><div style="text-align: justify;">
Если хотите создать групповой чат, то добавьте еще собеседников, нажав на <b>кнопку (18). </b></div>
<div style="text-align: justify;">
<b></b></div>
<div style="text-align: justify;">
<b></b></div>
<div style="text-align: justify;">
<b></b></div>
<div style="text-align: justify;">
<b></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Kxeo4gnO_So/U5gdRU6vKKI/AAAAAAAAE5Q/8EgIaQDBdpE/s1600/9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-Kxeo4gnO_So/U5gdRU6vKKI/AAAAAAAAE5Q/8EgIaQDBdpE/s1600/9.png" height="172" width="400" /></a></div>
<div style="text-align: justify;">
В появившемся окне выбираем дополнительных собеседников, ставя галочки напротив необходимых людей, или воспользовавшись поиском (см. пункт 2). Если вы ошиблись в выборе собеседника, то, нажмите на <b>крестик</b> рядом с Именем или электронным адресом <b>(19)</b>. Затем нажмите кнопку <b>Добавить людей (20)</b>.</div>
<div style="text-align: justify;">
В окне <i>чата</i> незамедлительно будут указаны собеседники и их количество.</div>
<br />
</li>
</ul>
</ul>
</div>
<div style="text-align: justify;">
5. Если нужный собеседник уже есть в списке контактов, кликнув по нему левой клавишей мыши, сразу попадаете в чат.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-UcN_Ey-LT2Y/U5gkt31OK3I/AAAAAAAAE5s/QnXTNlXTdXU/s1600/10.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-UcN_Ey-LT2Y/U5gkt31OK3I/AAAAAAAAE5s/QnXTNlXTdXU/s1600/10.png" height="320" width="292" /></a></div>
<div style="text-align: justify;">
6. Обратите внимание, что около Аватара собеседника горит <b>зеленый круг (22)</b>, значит, он в сети (on-line). Он включается автоматически, как только вы заходите в аккаунт Google. Если вы не хотите, чтобы вас беспокоили, воспользуйтесь основными настройками <b>Hangouts </b>(они появляются при нажатии на фотографию вашего профиля. находящегося в начале всего списка):</div>
<ul style="text-align: left;">
<li>надите функцию <b>Отключить оповещение (23)</b> и выберите интервал отключения.</li>
<li>нажмите кнопку <b>выйти из </b><b>Hangouts (24).</b></li>
</ul>
<br />
<a href="http://krivenkaya.blogspot.ru/2014/06/hangouts-2.html" target="_blank"><b>Продолжение следует...</b></a><br />
<div style="text-align: justify;">
<br /></div>
<b> </b> <br />
<div>
<ul style="text-align: left;"></ul>
</div>
</div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-26361921891370549772014-05-24T17:03:00.002+07:002014-06-21T11:08:35.064+07:00Размещение баннера на блоге<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: justify;">
</div>
<div style="text-align: justify;">
<a href="http://3.bp.blogspot.com/-AfInT43vpVw/U4BP1u8GNzI/AAAAAAAAEsM/vcD4I7w2QeQ/s1600/1.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://3.bp.blogspot.com/-AfInT43vpVw/U4BP1u8GNzI/AAAAAAAAEsM/vcD4I7w2QeQ/s1600/1.png" height="202" width="320" /></a>*Иногда требуется на блоге разместить несколько баннеров (картинка и гиперссылка на ней) подряд (см. рисунок слева). Кажется, что это так просто: вставляешь картинку с гиперссылкой, при этом у каждого такого гаджета должно быть обязательно <b>название </b>(см. рисунок справа), а оно не всегда и нужно.</div>
<div style="text-align: justify;">
Выход всегда есть. Только для этого понадобится немного знания программирования.</div>
<a name='more'></a><br />
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-DKclbJP5xH4/U4BR4cE_ukI/AAAAAAAAEsY/dWKFVRyLGZ8/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-DKclbJP5xH4/U4BR4cE_ukI/AAAAAAAAEsY/dWKFVRyLGZ8/s1600/2.png" height="265" width="400" /></a></div>
<div style="text-align: justify;">
1. Переходим в <i>Настройки</i> <i>блога</i>, затем находим <i>Дизайн</i> и <b>добавляем гаджет (1)</b>.</div>
<div style="text-align: justify;">
2. Из списка, доступных гаджетов, выбираем <b>html/javaScript</b> (2) и нажимаем <b>+</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-SdwBjG6yw78/U4BYOrw370I/AAAAAAAAEso/2VSURyM9-cA/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">.<img border="0" src="http://3.bp.blogspot.com/-SdwBjG6yw78/U4BYOrw370I/AAAAAAAAEso/2VSURyM9-cA/s1600/3.png" height="352" width="400" /></a></div>
<div style="text-align: justify;">
3. Указываем<b> название (3)</b>.</div>
<div style="text-align: justify;">
4. Затем вставляем скопированный текст:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<style><br />
img.big {<br />
cursor: pointer;<br />
max-width: 200px;<br />
}<br />
img.big:hover {<br />
max-width: 200;<br />
}<br />
</style><br />
<center><table></div>
<div style="text-align: justify;">
<span style="color: magenta;"> <b><tr></b></span><br />
<td><br />
<a href="<span style="color: red;"><b>Указываем гиперссылку на источник</b></span> <span style="color: red;"><b>(4)</b></span>"><img<br />
class="big" src="<span style="color: red;"><b>Указываем ссылку на картинку (5)</b></span>" title="<span style="color: red;"><b>Указываем название картинки при наведении мыши (6)</b></span>" /></img<br />
></a><br />
</td></div>
<div style="text-align: justify;">
<br />
<span style="color: #4c1130;"><b></tr></b> </span></div>
<div style="text-align: justify;">
<span style="color: #274e13;"><b></table></b></span></center></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Удаляем и прописываем вместо красного шрифта свои данные. Обратите внимание, на некоторые позиции:</div>
<div style="text-align: justify;">
- <b>(4)</b> гиперссылка должна быть прописана полностью, например, http://krivenkaya.blogspot.ru/,</div>
<div style="text-align: justify;">
- <b>(5) </b>прежде, чем указывать ссылку на изображение, ее надо загрузить на Goolge+ или на Google Диск. Например, http://1.bp.blogspot.com/gdhfj....1.ipg.</div>
<div style="text-align: justify;">
<a href="http://1.bp.blogspot.com/-ptnQ6XmAVbc/U4BppHYdgTI/AAAAAAAAEs4/4McUP02GjVs/s1600/4.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-ptnQ6XmAVbc/U4BppHYdgTI/AAAAAAAAEs4/4McUP02GjVs/s1600/4.png" height="320" width="257" /></a>Если источник неизвестен, то можно скопировать ссылку на него, использовав контекстное меню</div>
<div style="text-align: justify;">
- <b>(6)</b> Если вы не хотите, чтобы при наведении мыши у вас появился текст, то просто удалите текст, выделенный красным цветом.</div>
Если вам нужна еще одна картинка, то скопируйте код от тега <span style="color: #4c1130;"><b><tr><span style="color: black;"> до </span></b></span><span style="color: #4c1130;"><b></tr> </b><span style="color: black;">(включая сами теги) и вставьте перед тегом </span></span><span style="color: #274e13;"><b></table></b><span style="color: black;">. Например:</span></span><br />
<span style="color: #274e13;"><span style="color: black;"></span></span><br />
<div style="text-align: justify;">
<...><br />
<span style="color: magenta;"> <b><tr></b></span><i><span style="color: red;">Первая картинка с гиперссылкой</span></i><br />
<td><br />
<a href="<span style="color: red;"><b>Указываем гиперссылку на источник</b></span> <span style="color: red;"><b>(4)</b></span>"><img<br />
class="big" src="<span style="color: red;"><b>Указываем ссылку на картинку (5)</b></span>" title="<span style="color: red;"><b>Указываем название картинки при наведении мыши (6)</b></span>" /></img<br />
></a><br />
</td></div>
<div style="text-align: justify;">
<br />
<span style="color: #4c1130;"><span style="color: magenta;"><b></tr></b></span></span></div>
<div style="text-align: justify;">
<span style="color: purple;"><b><span style="color: magenta;"><b><tr></b></span></b><i><span style="color: red;">Вторая картинка с гиперссылкой</span></i><b><br /> </b></span> <td><br />
<a href="<span style="color: red;"><b>Указываем гиперссылку на источник</b></span> <span style="color: red;"><b>(4)</b></span>"><img<br />
class="big" src="<span style="color: red;"><b>Указываем ссылку на картинку (5)</b></span>" title="<span style="color: red;"><b>Указываем название картинки при наведении мыши (6)</b></span>" /></img<br />
></a><br />
</td></div>
<div style="text-align: justify;">
<span style="color: purple;"><span style="color: magenta;"><b></tr></b></span></span></div>
<div style="text-align: justify;">
<span style="color: #4c1130;"><span style="color: purple;"><b> </b></span> </span></div>
<div style="text-align: justify;">
<span style="color: #274e13;"><b></table></b></span></center></div>
<span style="color: #4c1130;"><b></b> </span><br />
<div class="separator" style="clear: both; text-align: justify;">
<span style="color: black;">Как только</span> закончили вносить изменения к код, нажимаем <b>Сохранить</b>.</div>
<div style="text-align: justify;">
<br /></div>
</div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-33612686182845490502014-04-28T20:58:00.000+07:002014-06-21T11:12:38.073+07:00Сreately. Регистрация. Знакомство с сервисом<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="color: #3d85c6;"><span style="font-family: arial,sans-serif;"><span style="font-size: medium;"><i>*Некоторые инструкции к данному сервису даны на английском языке, но в век цифровых технологий это не проблема. В любом браузере встроен переводчик, можно применять по мере необходимости.</i></span></span></span></div>
<div style="text-align: justify;">
<span style="color: black;"><b><span style="font-size: medium;"> </span></b></span><span style="color: black;"><span style="font-size: small;"><b>Обратите внимание, что в бесплатная версия позволяет создать 1 проект, 5 диаграмм и включить в соавторы 3 человек.</b></span></span><br />
<br />
<ol><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/413rfw7N8FE?feature=player_embedded' frameborder='0'></iframe>
<li> <span style="font-size: medium;">Прежде чем приступить к созданию портрета агента, необходимо <b>зарегистрироваться </b>на сервисе <i><b> <a href="http://creately.com/" rel="nofollow" target="_blank">Сreately</a></b></i> (делает координатор проекта).</span><span style="font-size: medium;"><span style="font-family: georgia,serif;"> </span></span></li>
<li><span style="font-size: medium;"><span style="font-family: georgia,serif;"> Он же создает <b>Новый документ</b>, в котором мы будем рисовать портрет агента. <a href="http://creately.com/help/Collaborate-On-Diagrams-Online" rel="nofollow" target="_blank">Открывается доступ</a> всем членам команды для совместного редактирования. Но в бесплатной версии вы можете открыть доступ только <b>трем</b> членам команды, поэтому выберите, кто будет оформлять ваши идеи в этом сервисе.</span></span><span style="font-size: medium;"><span style="font-family: georgia,serif;"> <a name='more'></a></span></span></li>
<li><span style="font-size: medium;"><span style="font-family: georgia,serif;">Только потом мы приступаем к изучению интерфейса сервиса. В документе для совместного доступа члены команды могут обмениваться мнениями, используя </span></span><span style="font-size: medium;"><span style="font-family: georgia,serif;"><span style="font-size: medium;"><span style="font-family: georgia,serif;">для этого</span></span> <a href="http://creately.com/help/Comments" rel="nofollow" target="_blank">комментарии</a>.</span></span><span style="font-size: medium;"><span style="font-family: georgia,serif;"> </span></span><br />
<div style="text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/1nZBkQqQzjM?feature=player_embedded' frameborder='0'></iframe></div>
</li>
<li><span style="font-size: medium;"><span style="font-family: georgia,serif;">Создаем портрет шпиона со специальными гаджетами. Не забываем сохранять свои работы - <a href="http://creately.com/help/Local-Diagram-Backup" rel="nofollow" target="_blank">экспортируя</a> их себе на компьютер (делает координатор проекта).</span></span></li>
<li><span style="font-size: medium;"><span style="font-family: georgia,serif;">Координатор проекта <a href="http://creately.com/help/publish-your-diagrams-internet#PublishDiagram" rel="nofollow" target="_blank">интегрирует портрет</a> агента на страницу команды.</span></span></li>
</ol>
</div>
<div style="text-align: justify;">
<ol></ol>
</div>
<div>
<a href="http://creately.com/diagram/example/hfgd1vyb1" target="_blank">Пример работы внештатного агента</a> </div>
</div>
<br /></div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-44814623360385955772014-04-28T20:49:00.004+07:002014-06-21T11:18:20.492+07:00Дневник агента. Календарь Google<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="margin-left: 40px; text-align: justify;">
<span style="font-size: medium;">*1. <i><span style="font-size: medium;">Создать </span>свой календарь</i>
для команды (делает координатор проекта), открывая доступ всем
участникам своей команды. В календаре обязательно заполняем следующие
поля:</span></div>
<div style="margin-left: 40px;">
<ul>
<li><span style="font-size: medium;">в поле <i><b>название календаря</b></i> прописываем имя вашего внештатного агента,</span></li>
<li><span style="font-size: medium;">в <i><b>описание</b></i> - девиз.<a name='more'></a></span></li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/F3B5XHuwea0?feature=player_embedded' frameborder='0'></iframe></div>
<div style="margin-left: 40px;">
<span style="font-size: medium;">2. <b>Каждый участник</b> создает свое мероприятие в этом календаре, где<span style="font-size: medium;">:</span></span></div>
<div style="margin-left: 40px;">
<ul>
<li><span style="font-size: medium;">в поле <b><i>название </i></b> указывает этап <span style="font-size: medium;">проекта</span>,</span></li>
<li><span style="font-size: medium;">в <b><i>описание </i></b>пишет свое <u>имя</u>, а потом отвечает на <u>вопросы</u>:</span></li>
</ul>
</div>
<div style="margin-left: 80px;">
<ol>
<li><span style="font-size: medium;">Сегодня я узнал,</span></li>
<li><span style="font-size: medium;">Сегодня я научился,</span></li>
<li><span style="font-size: medium;">Сегодня я понял,</span></li>
<li><span style="font-size: medium;">Мой вклад в работу группы сегодня,</span></li>
<li><span style="font-size: medium;">Лучше всего сегодня мне удавалось<span style="font-size: medium;">.</span></span></li>
</ol>
</div>
<span style="font-size: medium;"><b><i> прикрепляет </i></b>необходимые документы, если нужно.</span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="https://i1.ytimg.com/vi/T_1ynqYcwvs/0.jpg" height="266" width="320"><param name="movie" value="https://www.youtube.com/v/T_1ynqYcwvs?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266" src="https://www.youtube.com/v/T_1ynqYcwvs?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>
<div style="margin-left: 40px;">
<span style="font-size: medium;"> </span><span style="font-size: medium;">3. Не забываем <span style="font-size: medium;">интегрировать</span> свой календарь на страничку агента (делает координатор проекта).</span></div>
<div style="margin-left: 40px;">
<span style="font-size: medium;"><span style="font-size: medium;">4. Затем <b>каждый участник</b><span style="font-size: medium;">, <span style="font-size: medium;">выполнив</span> опре<span style="font-size: medium;">деленное задание на уроке или дома, заносит свои наблюдения в дневник<span style="font-size: medium;"> по этому алгоритму (<i>см. п. 2</i>).</span></span></span></span> </span></div>
</div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-75630702102618718752014-03-27T21:07:00.001+07:002014-06-21T11:16:51.611+07:00Создание на Google Диске папки для материалов проекта<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<div style="text-align: justify;">
*При создании сетевого проекта появляется много материала, который хранится на Google Диске довольно беспорядочно. </div>
<a name='more'></a><br />
<div style="text-align: justify;">
Создайте систему папок портфолио проекта в соответствии со структурой (см. <span style="font-size: small;"><span style="font-family: inherit;"><a href="http://manualgoogledrive.blogspot.ru/2013/09/google.html?view=timeslide" target="_blank"><span style="color: black;">Создание папки на Диске</span></a><a href="http://manualgoogledrive.blogspot.ru/2013/09/google.html?view=timeslide" target="_blank"><span style="color: black;"> Google</span></a></span></span>):</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-S1nIQII-1bw/UzQmX8VKF_I/AAAAAAAAEOA/ZLZfx1cNzS0/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-S1nIQII-1bw/UzQmX8VKF_I/AAAAAAAAEOA/ZLZfx1cNzS0/s1600/1.png" height="200" width="400" /></a></div>
<div style="text-align: justify;">
Корневую папку <b>Проект "Указываем название проекта"</b> переименовываем с указанием названия проекта:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-mKzOiO8mm9w/UzQukXjcJxI/AAAAAAAAEOk/Cybv5pfI8gY/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-mKzOiO8mm9w/UzQukXjcJxI/AAAAAAAAEOk/Cybv5pfI8gY/s1600/3.png" height="320" width="270" /></a></div>
<div style="text-align: justify;">
<br /></div>
<ul style="text-align: left;">
<li>Выделяем папку,</li>
<li>Нажимаем на правую клавишу мыши или на черную стрелочку, направленную вниз <b>(1)</b>. </li>
<li>В меню находим <i>Переименовать</i>. </li>
<li>В появившемся окне изменяем необходимые параметры и нажимаем <b>ОК.</b></li>
</ul>
<div style="text-align: justify;">
Портфолио будет включать следующие папки и файлы (могут быть и другие документы, имеющие отношение к вашему проекту):</div>
<ul style="text-align: justify;">
<li>Соглашения (регистрационная информация; вводная презентация; оценивание работы учащегося; другие способы оценивания; оценивание с целью саморазвития),</li>
<li>Медиаматериалы (файлы с медиаматериалами, использованными в работе над проектом),</li>
<li>Разрешения авторов (письма с разрешениями авторов использовать в вашем проекте разработанные ими материалы)</li>
<li>Работы учащихся (презентация, публикация и т.д.),</li>
<li>Материалы планирования (Визитная карточка проекта; списки источников, использованных при разработке проекта; план реализации проекта и т.д.).</li>
<li>Материалы поддержки (Публикация - представление учебного проекта, методические и дидактические материалы, презентации, брошюры и т.д.)</li>
</ul>
</div>
К данной папке открываем доступ тьютору (см. <span style="font-size: small;"><span style="font-family: inherit;"><a href="http://manualgoogledrive.blogspot.com/2013/09/blog-post.html" target="_blank"><span style="color: black;">Настройка доступа к папке (файлу)</span></a></span></span>), чтобы вам оперативно и быстро поступила помощь по вопросу.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-mS6Sj1JeMS8/UzQr3TksdnI/AAAAAAAAEOU/_o7a4JNcBCk/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-mS6Sj1JeMS8/UzQr3TksdnI/AAAAAAAAEOU/_o7a4JNcBCk/s1600/2.png" height="303" width="400" /></a></div>
<br /></div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-25010762740086641072014-03-26T09:36:00.000+07:002014-06-21T11:17:59.980+07:00Метка на карте Google<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="font-family: georgia,serif;"><span style="font-size: medium;"> *Каждый участник проекта создает метку на карте Google, где обязательно указывает следующие поля:</span></span></div>
<a name='more'></a><br />
<ul>
<li><span style="font-family: georgia,serif;"><span style="font-size: medium;">в поле<i> <b>название</b></i> прописываем кодовое прозвище вашего внештатного агента (название команды),</span></span></li>
<li><span style="font-family: georgia,serif;"><span style="font-size: medium;">в поле <i><b>описание </b></i>указываем </span></span></li>
</ul>
<div style="margin-left: 80px;">
<span style="font-family: georgia,serif;"><span style="font-size: medium;">название образовательного учреждение (ОУ),</span></span><br />
<span style="font-family: georgia,serif;"><span style="font-size: medium;"><a href="http://ru.wikipedia.org/wiki/%C3%E8%EF%E5%F0%F1%F1%FB%EB%EA%E0" rel="nofollow" target="_blank">активную гиперссылку</a> на ваше ОУ,</span></span><br />
<span style="font-family: georgia,serif;"><span style="font-size: medium;">активную ссылку на визитку вашего агента.</span></span></div>
<ul>
<li><span style="font-family: georgia,serif;"><span style="font-size: medium;"><i><b>метку </b></i>меняем на логотип вашей команды.</span></span></li>
</ul>
<div style="text-align: justify;">
<span style="font-family: georgia,serif;"><span style="font-size: medium;"> Создать метки вам поможет инструкция, созданная Журавлевой Еленой Сергеевной (Проект <a href="https://sites.google.com/site/sajtproekta145/" rel="nofollow" target="_blank">"В мире кодов"</a>).</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/7GatkzLLOv0?feature=player_embedded' frameborder='0'></iframe></div>
<div>
</div>
</div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-25207568259067361842014-03-19T22:47:00.000+07:002014-06-21T11:24:19.953+07:00Создание Личной странички в среде Wiki<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="margin: 0px; padding: 2px 0px 0px 20px; text-align: justify;">
<div style="text-align: justify;">
<span style="font-family: inherit;"><span style="font-size: small;">*ИнтеВики является обучающей площадкой для проведения <a href="http://wiki.iteach.ru/index.php/%D0%A2%D1%80%D0%B5%D0%BD%D0%B8%D0%BD%D0%B3" title="Тренинг">тренингов</a> программы <a class="external text" href="http://iteach.ru/" rel="nofollow">Intel "Обучение для будущего"</a> и для проведения <a href="http://wiki.iteach.ru/index.php/%D0%A3%D1%87%D0%B5%D0%B1%D0%BD%D1%8B%D0%B9_%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82" title="Учебный проект">учебных проектов</a> выпускниками Программы, эту же разметку используют на портале <b> <a href="http://letopisi.org/index.php/%D0%93%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0" target="_blank">Letopisi.Ru</a></b>, где проходит огромное количество сетевых проектов разных направлений.</span></span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><span style="font-size: small;">Поэтому сегодня мы с вами разберем "азы" Wiki-разметки на основе создания <a href="http://wiki.iteach.ru/index.php/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:%D0%9A%D1%80%D0%B8%D0%B2%D0%B5%D0%BD%D1%8C%D0%BA%D0%B0%D1%8F_%D0%9C%D0%B0%D1%80%D0%B8%D1%8F" target="_blank">Личной страницы</a>.</span></span><br />
<a name='more'></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><span style="font-size: small;">После регистрации на сайте ИнтеВики (<a class="external text" href="https://drive.google.com/file/d/0B80pjOxDbMTEMGhDVE1XWGJzalk/edit?usp=sharing" rel="" target="_blank">Правила регистрации</a>) ваш профиль пока не создан, так как имя пользователя окрашено в <i><b>красный цвет.</b></i></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><span style="font-size: small;"><a href="http://4.bp.blogspot.com/-akX_guPxGdU/UymrujqG5qI/AAAAAAAAEI0/SLDmHmQIEdA/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-akX_guPxGdU/UymrujqG5qI/AAAAAAAAEI0/SLDmHmQIEdA/s1600/1.png" height="108" width="400" /></a></span></span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><span style="font-size: small;">Нажав на имя пользователя дважды, мы попадаем на следующую страницу, где нам предлагают <i>создать страницу с таким названием </i>(переходим по этой ссылке)<i>.</i></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><span style="font-size: small;"><a href="http://2.bp.blogspot.com/-3UnrIm8OzcY/Uyms-ESrCJI/AAAAAAAAEJE/LX5DGNzGQRY/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-3UnrIm8OzcY/Uyms-ESrCJI/AAAAAAAAEJE/LX5DGNzGQRY/s1600/2.png" height="100" width="640" /></a></span></span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><span style="font-size: small;">У нас открывается редактор статей (Наш профиль тоже является статьей и имеет внутреннюю ссылку), мы видим:</span></span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><span style="font-size: small;"><br /></span></span></div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><span style="font-size: small;"><a href="http://4.bp.blogspot.com/-T8OWoopLKJA/UymxQjuzzeI/AAAAAAAAEJY/Xm49XSSMUDc/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-T8OWoopLKJA/UymxQjuzzeI/AAAAAAAAEJY/Xm49XSSMUDc/s1600/3.png" height="301" width="400" /></a></span></span></div>
<ul>
<li><span style="font-family: inherit;"><span style="font-size: small;"><b>Меню редактирования (1). </b>Выделите нужное слово или сочетание слов, кликните на кнопку, произойдёт следующее действие:<a href="http://3.bp.blogspot.com/-N8Qwmze9ds0/UymytTz5G_I/AAAAAAAAEKE/mxu9OyL8eUg/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-N8Qwmze9ds0/UymytTz5G_I/AAAAAAAAEKE/mxu9OyL8eUg/s1600/4.png" height="203" width="640" /></a></span></span></li>
</ul>
<ul>
<li><span style="font-family: inherit;"><span style="font-size: small;"><b>Поле для редактирования текста (2)</b>. Непосредственно здесь происходит заполнение статьи в среде Wiki.</span></span></li>
</ul>
<ul>
<li><span style="font-family: inherit;"><span style="font-size: small;">Как большинство языков программирования, среда Wiki имеет свои <b>специальные символы для вставки (3).</b> Их знание от вас не требуется, так как внизу описаны почти все.</span></span></li>
</ul>
<ul>
<li><span style="font-family: inherit;"><span style="font-size: small;">После завершения редактирования статьи нажимаем <b>Сохранить страницу (4)</b>. </span></span></li>
</ul>
<ul>
<li><span style="font-family: inherit;"><span style="font-size: small;">Если вы хотите посмотреть, как выглядит статья до сохранения, то нажимите на кнопку <b>Предварительный просмотр (5)</b>.</span></span></li>
</ul>
</div>
<div style="text-align: justify;">
<div class="firstHeading" id="firstHeading">
<span style="font-family: inherit;"><span style="font-size: small;">Чтобы быстрее создать Личную страницу, развернем шаблон. Для этого в текст своей статьи впишите <b>{{subst::Шаблон оформления странички участника обучения 2014}}</b><b> </b>(можно копировать и вставлять), и шаблон развернётся. Нажмите сохранить.</span></span></div>
<div class="firstHeading" id="firstHeading">
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><span style="font-size: small;"><a href="http://1.bp.blogspot.com/-6HuAGb46x0Q/UynPhPjiKdI/AAAAAAAAELg/7XBCzblkCvo/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-6HuAGb46x0Q/UynPhPjiKdI/AAAAAAAAELg/7XBCzblkCvo/s1600/5.png" height="315" width="320" /></a></span></span></div>
<span style="font-family: inherit;"><span style="font-size: small;">Только теперь вы создали ваш профиль (Имя пользователя окрашивается в <i><b>темно-</b><b>синий цвет</b></i> (6)).</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><span style="font-size: small;"><a href="http://1.bp.blogspot.com/-1L9lvE2vpVc/UynPheWrraI/AAAAAAAAELk/zUgiE17AJuc/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-1L9lvE2vpVc/UynPheWrraI/AAAAAAAAELk/zUgiE17AJuc/s1600/6.png" height="120" width="400" /></a></span></span></div>
<div class="firstHeading" id="firstHeading">
<span style="font-family: inherit;"><span style="font-size: small;">Для заполнения данной страницы выбираем вкладку <b>Правка (7)</b> и заполняем необходимые поля. Не забываем сохранять.</span></span></div>
<div class="firstHeading" id="firstHeading">
<span style="font-family: inherit;"><span style="font-size: small;">С материалом по созданию статей можно ознакомиться <a href="http://letopisi.org/index.php/%D0%A2%D1%80%D0%B5%D0%BD%D0%B8%D0%BD%D0%B3_%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5_%D0%B7%D0%B0%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F_%D0%B4%D0%BB%D1%8F_%D1%83%D1%87%D0%B0%D1%89%D0%B8%D1%85%D1%81%D1%8F_%D0%B2_%D1%81%D1%80%D0%B5%D0%B4%D0%B5_Wiki#.D0.A1.D0.BE.D0.B7.D0.B4.D0.B0.D0.BD.D0.B8.D0.B5_.D0.BD.D0.BE.D0.B2.D0.BE.D0.B9_.D1.81.D1.82.D0.B0.D1.82.D1.8C.D0.B8" target="_blank">здесь</a>.</span></span></div>
<div class="firstHeading" id="firstHeading">
<span style="font-family: inherit;"><span style="font-size: small;"><br /></span></span>
<br />
<span style="font-family: inherit;"><span style="font-size: small;">
Полезные ссылки:</span></span></div>
<div class="firstHeading" id="firstHeading">
<ul>
<li><span style="font-family: inherit;"><span style="font-size: small;"><span class="mw-headline" id=".D0.9E.D1.84.D0.BE.D1.80.D0.BC.D0.BB.D0.B5.D0.BD.D0.B8.D0.B5_.D1.82.D0.B5.D0.BA.D1.81.D1.82.D0.B0"><a href="http://letopisi.org/index.php/%D0%A2%D1%80%D0%B5%D0%BD%D0%B8%D0%BD%D0%B3_%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5_%D0%B7%D0%B0%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F_%D0%B4%D0%BB%D1%8F_%D1%83%D1%87%D0%B0%D1%89%D0%B8%D1%85%D1%81%D1%8F_%D0%B2_%D1%81%D1%80%D0%B5%D0%B4%D0%B5_Wiki#.D0.9E.D1.84.D0.BE.D1.80.D0.BC.D0.BB.D0.B5.D0.BD.D0.B8.D0.B5_.D1.82.D0.B5.D0.BA.D1.81.D1.82.D0.B0" target="_blank">Оформление текста</a>,</span></span></span></li>
</ul>
<ul>
<li><span style="font-family: inherit;"><span style="font-size: small;"><a href="http://letopisi.org/index.php/%D0%A2%D1%80%D0%B5%D0%BD%D0%B8%D0%BD%D0%B3_%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5_%D0%B7%D0%B0%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F_%D0%B4%D0%BB%D1%8F_%D1%83%D1%87%D0%B0%D1%89%D0%B8%D1%85%D1%81%D1%8F_%D0%B2_%D1%81%D1%80%D0%B5%D0%B4%D0%B5_Wiki#.D0.98.D0.B7.D0.BE.D0.B1.D1.80.D0.B0.D0.B6.D0.B5.D0.BD.D0.B8.D1.8F" target="_blank">Работа с изображениями</a>, </span></span></li>
</ul>
<ul>
<li><span style="font-family: inherit;"><span style="font-size: small;"><a href="http://letopisi.org/index.php/%D0%9A%D0%B0%D0%BA_%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D1%8E%D1%82%D1%81%D1%8F_%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B8" title="Как создаются ссылки">Правила создания ссылок</a></span></span>
</li>
</ul>
</div>
<div class="firstHeading" id="firstHeading">
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><span style="font-size: small;"><a href="http://4.bp.blogspot.com/-mPjZtS0b4UE/Uym8S1gRkCI/AAAAAAAAEKo/gKF2UIpKVt0/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></span></span></div>
<span style="font-family: inherit;"><span style="font-size: small;"><br /></span></span></div>
</div>
</div>
</div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0tag:blogger.com,1999:blog-8793299300150140318.post-4605149411773078042014-01-30T17:19:00.002+07:002014-06-21T11:29:11.417+07:00Написание сообщений на форуме<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<h3 style="text-align: center;">
Основные этапы написания сообщения на форуме проекта "Шпионские страсти":</h3>
<div style="text-align: justify;">
*Открываем один из форумов, например, <a href="https://sites.google.com/site/spionskiestrasti/poleznaa-informacia/forum-vnestatnyh-agentov" target="_blank">форум внештатных агентов</a>. Определяем, что мы хотим сделать: задать вопрос или ответить на него. <br />
<a name='more'></a></div>
<ul style="text-align: justify;">
<li><i>Задать вопрос:</i></li>
</ul>
<div style="text-align: justify;">
1. Под обращением к агентам находим кнопку <b>Задать вопрос</b>, нажимаем на нее.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-STZyJn4S2EM/Uuoh00KSxdI/AAAAAAAAEhE/97K1Xsok8ZM/s1600/%25D0%25A0%25D0%25B8%25D1%2581%25D1%2583%25D0%25BD%25D0%25BE%25D0%25BA2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-STZyJn4S2EM/Uuoh00KSxdI/AAAAAAAAEhE/97K1Xsok8ZM/s1600/%25D0%25A0%25D0%25B8%25D1%2581%25D1%2583%25D0%25BD%25D0%25BE%25D0%25BA2.png" height="214" width="320" /></a></div>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2. В появившемся окне указываем заголовок вопроса <b>(2)</b>, отмечаем его расположение (например, <b>Показывать сверху</b>) <b>(3)</b>. В поле <b>(4)</b> прописываем основной текст вопроса (сообщения), можно также указать ссылки, <b>прикрепить файлы</b> <b>(5)</b>. После того как закончили писать, нажимаем <b>Опубликовать (6)</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-kDt4Hqj7rZs/Uuoh0y6mMVI/AAAAAAAAC8M/9JpP_oGrBtE/s1600/%25D0%25A0%25D0%25B8%25D1%2581%25D1%2583%25D0%25BD%25D0%25BE%25D0%25BA1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-kDt4Hqj7rZs/Uuoh0y6mMVI/AAAAAAAAC8M/9JpP_oGrBtE/s1600/%25D0%25A0%25D0%25B8%25D1%2581%25D1%2583%25D0%25BD%25D0%25BE%25D0%25BA1.png" height="314" width="640" /></a></div>
Ваше сообщение публикуется на форуме.<i> </i><br />
<ul style="text-align: left;">
<li><i>Ответить на вопрос (сообщение)</i>:</li>
</ul>
</div>
1. Выбираем вопрос (сообщение), на которое хотим ответить.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-moBnN9tG2Go/UuokxpAtRAI/AAAAAAAAC8k/wd0MLi73kHs/s1600/%25D0%25A0%25D0%25B8%25D1%2581%25D1%2583%25D0%25BD%25D0%25BE%25D0%25BA3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-moBnN9tG2Go/UuokxpAtRAI/AAAAAAAAC8k/wd0MLi73kHs/s1600/%25D0%25A0%25D0%25B8%25D1%2581%25D1%2583%25D0%25BD%25D0%25BE%25D0%25BA3.png" height="296" width="640" /></a></div>
<div style="text-align: justify;">
2. Открываем его. В появившимся окне кликаем по полю <b>Ответить (1)</b> или нажимаем на кнопку <b>Ответить (2).</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-IHIWfLeNveI/UuolUi4UZqI/AAAAAAAAC80/LcqaMK4NhH4/s1600/%25D0%25A0%25D0%25B8%25D1%2581%25D1%2583%25D0%25BD%25D0%25BE%25D0%25BA5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-IHIWfLeNveI/UuolUi4UZqI/AAAAAAAAC80/LcqaMK4NhH4/s1600/%25D0%25A0%25D0%25B8%25D1%2581%25D1%2583%25D0%25BD%25D0%25BE%25D0%25BA5.png" height="278" width="640" /></a></div>
<div style="text-align: justify;">
3. Потом вы видите знакомое вам уже поле, которое мы рассматривали выше, только появляются небольшие дополнения - <b>Цитировать оригинал </b>и <b>Изменить тему (3).</b> Как только вы закончили писать ответ на сообщение, нажимаем <b>Оправить (4)</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-GqH9Idm20V0/UuokxtZvryI/AAAAAAAAC8o/wOV7aFHhitE/s1600/%25D0%25A0%25D0%25B8%25D1%2581%25D1%2583%25D0%25BD%25D0%25BE%25D0%25BA4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-GqH9Idm20V0/UuokxtZvryI/AAAAAAAAC8o/wOV7aFHhitE/s1600/%25D0%25A0%25D0%25B8%25D1%2581%25D1%2583%25D0%25BD%25D0%25BE%25D0%25BA4.png" height="382" width="640" /></a></div>
<div style="text-align: justify;">
Таким образом, под сообщением вы увидите свой <i>комментарий</i> к данному сообщению.</div>
<br /></div>
Мария Кривенькаяhttp://www.blogger.com/profile/13190932793895206058noreply@blogger.com0