Спасибо пользователю Exosphere за помощь и конструктивную критику
![image](https://habrastorage.org/webt/th/g0/t0/thg0t0rfqjktpafmfcegy_n9tas.png)
Часто возникает необходимость структурировать информацию, создать какой то банк данных, который будет доступен по сети интернет. Однако при этом нет необходимости создавать полноценный сайт или изменять текущий. Такая необходимость стала особенно актуальна в период вынужденного дистанционного обучения в период эпидемии COVID-19 у образовательных организаций.
У обычных организаций такая потребность возникает при необходимости структурировать инструкции, обучающие материалы, какие-то внутренние инструкции.
Компания Гугл создала удобный конструктор для создания таких «быстрых сайтов» с очень низким порогом вхождения и легкостью работы. На примере создания банка видеоуроков для образовательной организации, я покажу как можно очень оперативно сделать минисайт.
При написании инструкции будем исходить из того, что пользователь не знает, что такое Гугл, и что именно нужно выполнять.
Начнем.
Создание аккаунта Google
Перейдите на сайт Google
![image](https://habrastorage.org/webt/5p/1g/ia/5p1gialkbpw7msbfioonmcpyfhg.jpeg)
Далее выберите из возможных вариантов:
- Если у Вас есть аккаунт Google — введите логин (номер телефона) и пароль, и войдите в свой аккаунт. После успешного входа можете перейти к разделу Создание сайта данной инструкции.
- Если у Вас отсутствует аккаунт Google, Вам нужно его создать. Перейдите к разделу Создать аккаунт
Создать аккаунт в Гугл
![image](https://habrastorage.org/webt/uo/hs/rp/uohsrp2iyvl0mulltbravndgtpk.png)
Для этого заполните все поля и нажмите кнопку Далее
![image](https://habrastorage.org/webt/cq/n4/z-/cqn4z-anpl39y5nz4vrvsybepws.png)
Введите свой номер телефона и нажмите кнопку Далее
![image](https://habrastorage.org/webt/x7/fk/5h/x7fk5hzypdhxvxqdehzbaolnaqc.png)
Заполните все поля и нажмите кнопку Далее
Далее Вам нужно подтвердить свой аккаунт по коду, подтвердить лицензионное соглашение и т.п. Соглашаясь со всеми пунктами Вы закончите регистрацию.
Поздравляю, Вы создали аккаунт в Гугл и теперь можете использовать нужные инструменты.
Создание сайта
Для создания сайта Вам нужно перейти в раздел Гугл Диск
![image](https://habrastorage.org/getpro/habr/post_images/e3b/f4c/1ea/e3bf4c1ea1375749e3aafc5669e62483.jpg)
Для создания сайта нажмите кнопку Создать+
![image](https://habrastorage.org/webt/wz/jr/26/wzjr268yozngfpv-vncdhsq3nsg.png)
В выпадающем списке выберите пункт Ещё и затем Google Сайт
![image](https://habrastorage.org/webt/_l/7l/w7/_l7lw7phpyd9beoyhja7xxnzfy4.png)
Ваш сайт создан
![image](https://habrastorage.org/webt/xe/4j/h6/xe4jh6salm5bfj1adh-zjssz3lg.png)
Далее Вам нужно его наполнить информацией и Опубликовать.
Наполнение сайта
Сайт наполняется поэтапно. Для начала главные и единые вещи для сайта:
Заголовок (название)
Изображение
Заголовок страницы
Меню (главное меню)
1. Заголовок
![image](https://habrastorage.org/webt/rz/5e/as/rz5eas7pbjowyzboxzvg-4tnne0.png)
Заголовок — это краткое и емкое название Вашего ресурса. Оно должно быть коротким и полностью передавать смысл Вашего ресурса.
2. Изображение
Изображение — это картинка, которая подменит собой картинку верхней части страницы сайта, по умолчанию темную.
3. Заголовок страницы
Заголовок страницы — текст в центральной части страницы. В данной инструкции это фраза “Литературное чтение”. Оно должно полностью объяснять посетителю сайта, содержание страницы, на которую посетитель перешел.
Менять содержание верхней части страницы можно вручную, путем нажатия на сам объект. Или используя всплывающие элементы управления, которые появляются, если нажать левой клавишей мыши (ЛКМ) на элемент.
![image](https://habrastorage.org/webt/av/fc/gs/avfcgsrqqo01tulh31qz_b_rhew.png)
На данном изображении под цифрой 1 показаны кнопки для изменения вида Заголовка страницы.
4. Меню (главное меню)
![image](https://habrastorage.org/webt/h0/xq/3m/h0xq3m-2k5vna9xyr_rp-zvjw4i.png)
Главное — оно формируется автоматически, на основе тех страниц, которые Вы создаете.
Есть важное правило — Пользователь должен достигать нужной информации сделав не более 3 нажатий (переходов) Таким образом, продумайте структуру страниц таким образом, чтобы у неё было не более 3 уровней.
Элементы управления
Рассмотрим все элементы управления сайтом.
![image](https://habrastorage.org/webt/k2/ie/w7/k2iew7s82m6khjrhlu8gu6ncccu.jpeg)
1. Кнопки истории действий
Этими кнопками Вы можете отменять ошибочное действие.
2. Просмотр
Эта кнопка позволяет просматривать Ваш сайт в зависимости от устройства — ПК/планшет/смартфон.
3. Копировать ссылку на опубликованный сайт
Эта кнопка позволяет скопировать ссылку на опубликованный сайт, для отправки пользователям или для вставки на сайте организации. Опубликованным сайт становиться после нажатия кнопки №7 “Опубликовать”. Все изменения, которые Вы вносите на сайте при его наполнении сохраняются не в опубликованной версии сайта, а в Черновике. Из черновика данные переносятся только после нажатия кнопки №7 Опубликовать.
4. Открыть доступ
Эта кнопка позволяет организовать совместную работу над сайтом Вашим сотрудникам. Таким образом Вы можете организовать работу над сайтом сразу несколькими сотрудниками. В оптимальном варианте — все учителя и иные сотрудники смогут работать над сайтом, что значительно сокращает время его наполнения.
Пример. Для формирования урока №30 (ссылка) мне потребовалось:
- 10 минут на поиск и копирование теста с вопросами и ответами из сети Интернет. (учитываем, что я не специалист и у меня не было материалов по данному уроку).
- 10 минут на оформление теста через Гугл-формы
- 10 минут на поиск видеоуроков и оформление страницы
Таким образом — без наличия начальных материалов для создания урока, мне потребовалось не более 30 минут на создание урока и оценочных материалов. Т.к. у учителей есть материалы к урокам, а также они более меня разбираются в вопросе — подготовка видеоурока и оценочных материалов будет менее 30 минут. И ограничена скоростью работы пользователя за ПК.
![image](https://habrastorage.org/webt/qs/-w/ah/qs-wahapqpu7xroxot_npadragg.png)
Здесь Вы можете настроить права доступа к наполнению сайта, его видимости в опубликованном виде. Всё интуитивно понятно.
5. Настройки
Эта кнопка позволяет менять настройки Вашего сайта. Так же подключить собственный URL для сайта или подключить Аналитику для сбора статистики посещения. Настройки по умолчанию удовлетворят большинство пользователей.
![image](https://habrastorage.org/webt/eq/i_/8o/eqi_8obwzjtrj_eyaphbv90jhgi.png)
6. Дополнительно
Эта кнопка позволяет менять дополнительные настройки Вашего сайта.
7. Опубликовать
Эта кнопка позволяет опубликовать, т.е. сделать доступным для просмотра Ваш сайт. Опубликованным сайт становиться после нажатия кнопки №7 “Опубликовать”. Все изменения, которые Вы вносите на сайте при его наполнении сохраняются не в опубликованной версии сайта, а в Черновике. Из черновика данные переносятся только после нажатия кнопки №7 Опубликовать.
8. Панель навигации
Этот раздел позволяет переключаться между основными инструментами создания сайта.
9. Панель инструментов
Этот раздел включает в себя инструменты для работы с шаблоном сайта. Инструменты будут меняться в зависимости от выбранного выше раздела навигации.
10. Дополнительные кнопки управления блоком
Когда Вы выделяете блок, сбоку появляются дополнительные кнопки управления блоком. Они позволяют перемещать блоки выше/ниже, создавать копию блока или удалять его.
Создание меню и структуры сайта
Для банка уроков я использовал структуру:
Название раздела (Видеоурок) -> Название предмета (Математика) -> Параллель (3 класс)
![image](https://habrastorage.org/webt/qd/bz/jp/qdbzjpjs1yqemtmbklwtjmeg8rq.png)
Для создания структуры страниц Вы можете выполнить следующие шаги:
Переходите в раздел Страницы в правой части экрана
![image](https://habrastorage.org/webt/d2/a5/qe/d2a5qest40jwniszosu_2zhm_v0.png)
В открывшемся окне Вы увидите страницы Вашего сайта
![image](https://habrastorage.org/webt/ca/9p/sk/ca9pskld-tblqbuxhvlvaidsg3u.png)
Обратите внимание — на данной картинке страницы Главная и Видеоурок являются страницами одного уровня. Страницы с названиями предметов являются дочерними (подстраницами) по отношению к странице Видеоуроки. Она же является для них Родительской страницей.
Страницу первого уровня создается путем нажатия на кнопку с плюсиком в нижней части панели. Этой же кнопкой можно создавать подстраницы. Поэтому её лучше всего использовать только для создания страниц первого уровня.
![image](https://habrastorage.org/webt/jq/ue/rb/jquerbewa8vsspsmwmgg5cnajz0.png)
Введите название страницы. Я назвал её Видеоурок.
После создания страницы у Вас она автоматически добавиться в главное меню. Так же она откроется перед Вами. На текущий момент её можно оставить пустой. Переходим к созданию подстраницы.
Выделите родительскую страницу однократным нажатием клавиши мышки. Выделенная страница сменит цвет с серого на синий и будет обведена синей рамкой.
![image](https://habrastorage.org/webt/mb/v_/lj/mbv_ljjbe4apijccnllea9wnzyk.png)
Справа появится три точки дополнительного меню. Нажмите их.
![image](https://habrastorage.org/webt/a2/ww/2q/a2ww2q-orxdtifzcu8zdjl16_ue.png)
Вам нужно выбрать пункт Создать подстраницу. Аналогично выше, Вам будет предложено назвать её. В нашем случае я дал ей название параллели (3 класс).
В главном меню автоматически добавится нужный пункт.
Итак, Вы добавили страницу на которой можно размещать материалы.
Добавление материала на страницу
При открытой странице переходим в раздел Вставка
Вам будет доступна панель вставки различных элементов страницы. Весь их список можно увидеть прокручивая панель инструментов вниз. Ниже на картинке представлены основные инструменты, которые нам пригодятся.
![image](https://habrastorage.org/webt/ew/tn/kn/ewtnknpnwo3o2hlxxbwhjiy3ose.png)
Первое, что мы вставляем — название урока. Для этого выбираем инструмент “Текстовое поле”.
![image](https://habrastorage.org/webt/f8/x6/vu/f8x6vukdugnthkkdcnpe3fs47ow.png)
Добавим его на страницу дважды щелкнув по нему. Откроется окно для ввода текста:
![image](https://habrastorage.org/webt/mf/ms/mz/mfmsmz0tkjbmlgttbbw_ihidh5c.png)
Под названием урока мы можем вставить еще одно текстовое поле и добавить к нему описание урока, перечислив номера заданий из учебника или рабочей тетради.
Таким образом сразу после названия урока будет идти план работы с описанием рабочих заданий и домашнего задания. Там же можно добавить краткую инструкцию по выполнению задания и способа передачи результатов преподавателю.
Далее вставляем макет для структурированного представления видеоурока. К примеру мы добавим два ролика по теме урока. Для этого выбираем макет с двумя разделами.
![image](https://habrastorage.org/webt/9l/px/fr/9lpxfrd-u2_szksr_zm4b6ljsve.png)
Двойным нажатием добавляем его на страницу
![image](https://habrastorage.org/webt/oo/sa/5s/oosa5ssfyuag6mjyj-x7cufvrsm.png)
Далее добавляем элемент, нажав на круглую кнопку с плюсиком.
![image](https://habrastorage.org/webt/y-/i8/8r/y-i88rqnv_gai7zyc-x9xcc90fc.png)
Теперь мы можем добавить любой элемент. Загрузить с ПК. Вставить картинку (актуально для предмета ИЗО или история).
Объект на Диске — позволяет добавить документ с Гугл-диск, такое как таблица, текстовый документ или презентацию. А также тестирование.
Мы вставляем видео урока, выбрав пункт меню YouTube.
В открывшемся окне Вы можете найти видео или выбрать из тех, которые Вы загрузили на Ютуб в данной учетной записи. Таким образом Вы можете вставить на сайт видео, которого нет на Ютубе. Просто загрузив его в данном профиле на Ютуб. К примеру, если преподаватель записал собственный урок для учеников.
![image](https://habrastorage.org/webt/jm/qt/ng/jmqtngw0hcolex8m1ulpwbfo9j4.png)
Мы выберем урок из тех, что нам подходят по тематике и уже есть на Ютубе.
Набрав в поисковой строке тему нужного урока нажимаем кнопку поиска и получаем список результатов. Из списка выбираем нужный урок. Кнопка Выбрать внизу экрана становиться активной. Нажав на нее Вы добавляете на сайт видео.
![image](https://habrastorage.org/webt/mf/fl/it/mfflitloi5zngxlezmkqbhxpi_4.png)
Итак, видео добавлено на страницу Вашего сайта. Теперь осталось добавить название и описание.
![image](https://habrastorage.org/webt/x6/af/1e/x6af1e4uhsi9n37tppcubqehc3q.png)
Называете Вы его так, как Вам удобно.
Важно! В описании необходимо указать автора или канал, с которого Вы взяли видео. Не смотря на то, что Вы на своем сайте разместили лишь ссылку на видео, необходимо вставить и ссылку на автора. Отсутствие указание на автора — дурной тон и крайне не приветствуется сообществом. Так же может вызвать определенные репрессии со стороны автора. Уважайте чужой труд.
Во втором разделе мы добавим тестирование на сайт, для получения обратной связи от учеников.
Также мы можем разместить ссылку на папку Диска, чтобы ученики могли загружать туда свои работы.
Публикация сайта
Наполнив сайт материалами, его нужно Опубликовать. Нажав соответствующую кнопку. Таким образом все Ваши изменения станут доступными для просмотра.
Отправка ссылки на урок Ученику
Для того, чтобы облегчить и упорядочить работу учеников, посылать им лучше ссылку сразу на урок.
После публикации перейдите на нужную страницу Вашего сайта и не нажимая, наведите курсор на название урока. Справа появится значек ссылки, на рисунке он обведен квадратиком.
![image](https://habrastorage.org/webt/bt/s_/qf/bts_qfduvw_ft8ukixsyzvu-rlw.png)
Скопируйте её правой клавишей мыши и можете отправить Ученику. Перейдя по ней, Ученик сразу попадет на урок, даже если их несколько на странице.
Ссылка для примера
Далее я расскажу как сделать папку для сбора работ Учеников и как сделать Тестирование и сбором результатов.
Продолжение [Инструкция] Создание гугл-тестов (гугл-форм)