С нами 11596 учителей, 4312 учеников.
Присоединяйтесь – это бесплатно!
Мастер-класс "Встраивание гугл-документа через html-код"
Наталья Пирязева   09.12.2015   1123   2
Пирязева Наталья Владимировна,
преподаватель спецдисциплин
первой квалификационной категории
ТОГАПОУ «Промышленно-технологический колледж»
г.Мичуринск, Тамбовской области

Встраиваем гугл-документ на страницу сайта
 
Многостраничные документы смотрятся на странице сайта громоздко. Чтобы избавиться от утомительного прокручивания предлагаю воспользоваться инструментом «Источник» инфоблока «Текстовый блок».
Итак! начнем...

 
Шаг 1.    
Создаем документ Word или можно воспользоваться любым, ранее созданным и сохраненным на локальном диске или внешнем носителе, документом, содержащим информацию, которую Вам нужно разместить на странице сайта.
 
Шаг 2.     
Теперь загружаем гугл-диск...
Для этого вы должны быть зарегистрированы на сервисе гугл...
Процедура регистрации очень простая, как и на любом другом сервисе, которым Вы пользуетесь...
И так! регистрируемся...
Открываем страницу регистрации гугл-аккаунта и последовательно заполняем все обязательные поля...
Не забудьте поставить флажок  в поле согласия с условиями пользования ресурсом.
Убедившись, что все данные внесены корректно и соответствуют всем необходимым параметрам, жмем (смело) кнопку «Далее»...
 
Шаг 3.     
Ждем код подтверждения регистрации аккаунта по sms и вводим его в поле...
Вот и все мы успешно прошли процедуру регистрации...
 
Шаг 4.     
Заходим в аккаунт
 
Вводим логин и пароль заданный при регистрации...

Шаг 5.     
Теперь используя значок приложений в верхнем правом углу переходим  на гугл-диск...

Шаг 6.    
Перейдя на страницу гугл-диска воспользуемся кнопкой «Создать» и активируем инструмент «Загрузить файл»... откроется окно в котором переходя по структуре дерева папок находим нужный документ...
 
Вот и все... Мы благополучно завершили загрузку нашего документа на гугл-диск...
Еще одно преимущество хранения документов на гугл-диске состоит в том, что вы будете иметь возможность воспользоваться им с любого компьютера подключенного к Internet.
 

 
Теперь нам необходимо открыть и опубликовать наш документ для того чтобы он стал видимым для других пользователей сети...
 

Шаг 7.    
Кликаем в области загрузки документа (нижний правый угол окна) по ссылке на ваш документ... 
 
 
Шаг 8.     
 Открываем доступ к документу...

 
Шаг 9.    
Доступ по ссылке включен

Шаг 10.      
Открываем документ в новом окне ...

 
Шаг 11.       
Находим и копируем html-код...

Шаг 12.    
Выделяем (просто кликаем в поле с кодом) и копируем (используя комбинацию клавиш Ctrl+C(англ)) код из диалогового окна...
Теперь мы готовы к встраиванию кода на страницу УчПортфолио....
Переходим на страницу и открываем текстовый блок...
Жмем на кнопку «Источник» и извлекаем из буфера обмена скопированный html-код...
На выходе получаем документ заключенный в рамочку с элементом прокрутки для просмотра всего содержимого...

 
Шаг 13.      
В итоге получается вот так…

Шаг 14.     
Желаю успехов в освоении мастер-класса...
 

Комментарии

#1 Наталья Владимировна, спасибо за подробный и понятный рассказ о встраивании гугл-документов на сайт. Давно мечтала научиться этому. Теперь пора за учебу!
#2 Наталья Владимировна, здравствуйте. В Мастер-классе оформить пошаговую деятельность. Есть Правила оформления Мастер-класса на публикацию.
Татьяна Мазурова, дата: 09.12.2015 в 15:41  
Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь и авторизируйтесь на сайте.