Практическая работа
Цель работы: получить представление о сервисах Google, научиться загружать документы различных типов с Google-диск, создавать различные документы и открывать к ним доступ.
Информация для повторения
Преимущества сервисов и инструментов Google — наличие централизованного хранилища данных и продуманный интерфейс.
Аккаунт Google даст вам возможность получить доступ к различным службам Google
Наиболее известные и популярные сервисы Google:
- Google Sites — бесплатный хостинг, использующий вики-технологию: sites.google.com
- электронная почта gmail.com
- “облако” для хранения данных – Google-диск https://drive.google.com/
- Google-карты: https://www.google.ru/maps
- Поиск картинок: https://images.google.ru/imghp?hl=ru
- Google Drive- “Облако” для хранения и совместной работы с документами:drive.google.com
- и другие сервисы.
Дополнительные сервисы:
«Вопросы и ответы» (ранее Google Answers) — сервис для коллективного получения ответов на возникающие вопросы. Доступен только для чтения с 23 июня 2014
Google Analytics — бесплатный сервис, предоставляющий детальную статистику по трафику веб-сайта.
Google Art Project — интерактивно-представленные популярные музеи мира.
Blogger — это сервис для ведения блогов, позволяющий держать на своём хостинге не только программное обеспечение, а всю информацию: записи, комментарии и персональные страницы в СУБД на серверах Google.
Google Bookmarks — позволяет отмечать сайты закладками, добавлять к ним ярлыки и примечания. По ярлыкам и примечаниям можно делать поиск, закладки хранятся на сервере и доступны с любого компьютера.
Google Calendar — онлайновый сервис для планирования встреч, событий и дел с привязкой к календарю. Возможно совместное использование календаря группой пользователей. Кроме того, сервис интегрирован с Gmail.
Google Checkout — сервис обработки онлайновых платежей, имеющий целью упростить процесс оплаты онлайновых покупок. Веб-мастера могут использовать данный сервис в качестве одной из форм оплаты. Работает по всему миру.
Google Cloud Print — технология, с помощью которой принтер подключается к интернету, что позволяет ряду пользователей распечатывать документы удаленно.
Google Dictionary — сервис для перевода отдельных слов на другие языки.
Google Hangouts — обмен мгновенными сообщениями, видео- и голосовая связь. Появился как замена Google Talk.
Google Maps — набор карт, построенных на основе бесплатного картографического сервиса.
Google Mars — карты Марса.
Google Moon — карты Луны.
Google Mobile — интерфейс для использования приложений Google с помощью мобильных устройств.
Google News — автоматически создаваемый новостной сайт, на котором собраны заголовки более чем из 400 источников новостей по всему миру: похожие статьи группируются, а затем показываются в соответствии с личными интересами каждого читателя..
Google Orkut — социальная сеть, в которой пользователи могут указывать свою персональную и профессиональную информацию, создавать связи с друзьями и объединяться в сообщества по интересам.
Google Picasa Web — персональные галереи фотографий.
Google Play – магазин приложений от Google, позволяющий владельцам устройств с операционной системой Android устанавливать и приобретать различные приложения (владельцам Android-устройств из Соединённых Штатов и России также доступно приобретение на Google Play книжных изданий, музыки и фильмов).
YouTube — видеохостинг.
Google+ – Социальная сеть
Google Building Maker- создание трехмерных (3D) моделей
Google Keep – сервис для хранения заметок.
Google Cultural Institute – коллекции искусства и архивные материалы со всего света
Встраивание документа, таблицы, презентации или форму Google
Вы можете встроить в свой сайт Google папки и файлы с Диска (документы, формы, изображения, презентации, таблицы и видео).
Преимущества загрузки документов в Гугл-диск:
- Любой документ приобретает URL-адрес, на который можно сделать гиперссылку.
- Можно назначить различные виды доступа пользователей к документам.
- На Гугл-диске можно хранить копии важных для вас документов, не занимая место на жестком диске домашнего или рабочего компьютера.
Доступ к Google-диску осуществляется через пиктографическое меню ,которое находится в левом верхнем углу, если вы вошли в свой аккаунт Googlе
Документы Google-диска:
Текстовые документы — создаются в on-line текстовом редакторе
Задание 1. Загрузить в свой Гугл-диск три различных файла: текстовый документ, изображение, презентацию, электронную таблицу, а также какую-либо папку.
Задание 2. Встроить данные документы на свой сайт Google
Примечание
По умолчанию загруженный файл доступен только вам, и если на него вставить ссылку на файл, пользователи не смогут его просмотреть.
Существуют различные виды доступа, которые назначает АВТОР файла:
– доступен ВСЕМ в ИНТЕРНЕТЕ;
– всем у кого есть ссылка;
– всем, кому отправлено приглашение.
Порядок встраивания
1 способ
1.Откройте нужный файл двойным щелчокм по нему
2. Во вкладке Файл выберите Публикация в Интернете
3. В открывшемся диологовом окне “Публикация в Интернете” выберите владку Встроить настроройте демонстрацию на ваше усмотрение (на примере показана публикация презентации)
4.Скопируйте Фрейм (англ. frame — кадр, рамка). На рисунке выше он обозначен красной рамкой.
Фреймы — это HTML-элементы, позволяющие разделить окно веб-браузера на несколько независимых окон, в каждое из которых можно загрузить отдельный HTML-документ. Каждое такое окно (фрейм) может иметь собственные полосы прокрутки и функционировать независимо от других независимых окон либо наоборот управлять их содержанием.
5. На странице своего сайта выберите Компонент “Окно iframe”.
6. Как добавить в проект компонент “Окно iframe”
- Откройте панель Компоненты, а затем – папку Прочее.
- Перетащите компонент Окно iframe
в рабочую область.
- На панели Свойства в разделе компонента Окно iframe введите необходимый URL в поле Источники. Адрес должен начинаться с HTTPS.
Свойства
Свойство | Описание |
---|---|
Название | Название компонента. |
Источник | URL внешнего элемента. Адрес должен начинаться с HTTPS. Можно связать с динамическими данными. |
Прокрутка |
|
Порядок встраивания
2 способ
Для этого выполните следующие действия:
- Перейдите на страницу, в которую хотите встроить файл.
- В правом верхнем углу экрана нажмите кнопку “Изменить страницу” .
- Поместите курсор туда, куда нужно вставить файл.
- Нажмите Вставка > Диск. В открывшемся окне выполните поиск по файлам или вставьте веб-адрес документа в строку снизу. Нажмите Выбрать.
Например:
- Настройте рамку, заголовок, размер и другие параметры, а затем выберите Сохранить.
- Чтобы сохранить страницу, нажмите соответствующую кнопку в правом верхнем углу экрана.
При изменении исходного файла Google его версия на сайте также обновится.
Добавление видео с youtube на сайт Google
Видео встраивается также через компонент “Окно iframe” для этого под интересующем вас видео нужно вывбрать вкладку “Поделиться”.
Затем в открывшемся диалоговом окне вывбрать вкладку “Встроить” и скопировать iframe
Добавление карт Google
Вы можете легко разместить на сайте Google карту Google, чтобы предоставить к ней доступ коллегам, друзьям и родственникам.
Добавление карты на сайт:
- Перейдите на страницу Google Сайтов по адресу sites.google.com и откройте сайт, который хотите изменить.
- Нажмите кнопку Редактировать страницу.
- Откройте меню Вставить и выберите пункт Карта. Отобразится окно с картой.
- Введите адрес или название места в окне поиска и нажмите кнопку Поиск. Искомое место будет помечено на карте красным маркером.
- На самой карте доступны на выбор три параметра: карта, вид со спутника и совмещение обоих типов. Сначала выберите тип карты, а затем – пункт Выбрать.
- В следующем окне можно добавить название карты, настроить отображение контура вокруг нее или изменить ее размер.
- Настроив параметры карты, нажмите кнопку Сохранить в нижней части окна, после чего ещё раз нажмите Сохранить в верхней части страницы, чтобы сохранить все изменения.
Комментарии на сайте
Владельцы сайтов могут разрешить редакторам оставлять комментарии на страницах. Просматривать такие комментарии смогут все посетители сайта. При необходимости владелец может удалить их.
Как добавить на страницу поле для комментирования или удалить его:
- Перейдите на нужную страницу сайта.
- Нажмите кнопку Другие действия и выберите Параметры страницы.
- Установите флажок “Разрешить комментарии”. Чтобы отключить комментирование, снимите флажок.
- Нажмите Сохранить.
- Выполните эти действия на всех нужных вам страницах.
Google Формы
C помощью Google Форм можно легко и быстро планировать мероприятия, составлять опросы и анкеты, а также собирать данные. Форму можно создать в меню Google Диска или в существующей электронной таблице.
- Откройте страницу google.com/forms.
- В правом нижнем углу нажмите на значок +.
- Новая форма откроется автоматически.
Добавьте вопросы в появившийся шаблон. Вы также можете структурировать форму, разделив ее на несколько страниц и добавив к ним заголовки.
Примечание. Форму также можно создать через Google Диск. Для этого откройте страницу drive.google.com и нажмите Создать > Ещё > Google Формы.
Вы можете выбрать, где следует хранить ответы респондентов – в таблице или в самой форме. А также настроить уведомление на свою почту, использую в таблице ответов функцию Инструменты > Уведомления.
Полученные через форму ответы можно просматривать тремя способами: в виде сводки, CSV-файла, а также в отдельной таблице.
Готовую форму можно отправить респондентам по электронной почте или через социальные сети. Кроме того, ее можно встроить в веб-страницу.
Интеграция инструмента сбора и анализа статистических данных Google Analytics в Google Сайты
Использование Google Analytics (https://www.google.com/intl/ru_ru/analytics/) на сайте дает возможность анализа трафика нашего сайта, эффективности отдельных страниц сайта, поведения посетителей на сайте. Для того, чтобы добавить код Google Analytics на сайт необходимо выполнить следующие действия:
- Зайдите в Google Analytics по адресу https://www.google.com/intl/ru_ru/analytics/
- Зарегистрируйте аккаунт в этом приложении, указав данные своего аккаунта Google.
Для этого нажмите кнопку «Зарегистрироваться» в правом верхнем углу
Подтвердите вход, введя пароль и нажмите кнопку «Регистрация»
- Заполните профиль для веб-сайта: – Укажите название аккаунта, например «Мой личный сайт»
(каждый пользователь может собирать статистику не более чем со 100 аккаунтов)
-укажите название ресурса (т.е. конкретной версии сайта), которое в нашем случае может совпадать с названием аккаунта, например, «Мой сайт «Анкета». Ресурсы предназначены для отправки данных и настройки представлений отчетов. В каждом аккаунте Google Analytics может быть до 50 ресурсов.
– укажите URL веб-сайта, который Вы разрабатываете – Выберите категорию отрасли.
-выберите часовой пояс отчетов. Он будет использоваться в качестве границы дня для отчетов вне зависимости от того, откуда поступили данные.
Вставка электронного каталога с функцией поиска на Google сайт
Awesome Tables» (https://sites.google.com/site/scriptsexamples/available–web–apps/awesome–tables).
Awesome Tables» необходимо произвести
предварительную обработку файла с каталогом следующим образом:
- Загрузить файл с каталогом в формате Excel на Google Диск.
- Открыть этот файл. В случае, если файл был формата, отличного от используемого Google-Таблицами, то на Google-Диске сохранится копия этого файла с расширением xls. Далее нужно работать именно с этим преобразованным файлом.
- Открыть доступ к файлу для чтения всем, у кого есть ссылка.
Для этого начать в правом верхнем углу «Настройки доступа» и выбрать пункт
«всем у кого есть ссылка», а в выпадающем списке указать «Чтение» и нажать кнопу «Сохранить». После этого появится ссылка на данный файл, которую нужно сохранить для дальнейшей настройки каталога ИЛИ Опубликовать в Интернете.
Для встаивания нужно:
1.Выбрать Файл и Опубликовать в интернете
2.В параметрах публикации выбрать вкладку «Ссылка», выбрать «Весь документ» и нажать кнопку «Опубликовать». Полученную ссылку скопировать. Она будет нужна для для дальнейшей настройки каталога.
3.В таблице с каталогом первой строкой должны располагаться заголовки. Если строки заголовков нет, то необходимо ее вставить (выделить первую строку, нажав на серую клетку «1», щелкнуть правой клавишей мыши и выбрать «Вставить строки ниже 1».) и заполнить.
4.Вставить после строки заголовков пустую строку, в которой будут настроены фильтры столбцов
5.Во 2-ой строке указать тип фильтра для каждого из столбцов. Для столбца с целочисленными данными тип фильтра можно не указывать.
Добавление текста, фотографий и видео
- Перейдите на страницу сайта, которую нужно изменить. Нажмите Изменить страницу и следуйте приведенным ниже инструкциям.
Действие | Инструкции |
Редактирование текста | Вы можете добавлять и редактировать текст, изменять шрифт, его размер, стиль и цвет, создавать списки и делать многое другое. |
Добавление изображения | Нажмите Вставка > Изображение. |
Добавление видео | Нажмите Вставка > YouTube (ваше видео должно быть загружено на YouTube). |
Добавление документа, презентации, календаря или таблицы | Нажмите Вставка > Диск и выберите нужный тип файла. |
- Нажмите Сохранить.
Добавление изображений на сайт
Сайт можно улучшить, добавив на него изображения с компьютера или из Интернета. Для этого выполните указанные ниже действия.
- Откройте страницу, на которую необходимо вставить изображение, и нажмите кнопку с карандашом “Изменить страницу”.
- В меню Вставить выберите Изображение.
- Если картинка хранится на компьютере, установите переключатель в положение Загруженные изображенияи выберите нужный файл. Чтобы добавить картинку, найденную в Интернете, установите переключатель в положение Интернет-адрес (URL) и в поле URL изображения введите необходимый URL.
- Нажмите кнопку ОК.
- При необходимости можно изменить размер и положение изображения, а также настроить его обтекание текстом.
- Продолжите редактирование страницы или нажмите кнопку Сохранить, чтобы применить все изменения, внесенные на текущей странице.
Добавленное изображение автоматически создает ссылку на себя. При нажатии на него в новом окне открывается полноразмерная версия данного изображения.
Настройка изображений
После добавления изображения на страницу можно изменить его размер, выравнивание и обтекание текстом. Для этого выполните указанные ниже действия.
- Откройте страницу с изображением и нажмите кнопку с карандашом “Изменить страницу”.
- Нажмите на изображение, которое требуется настроить.
- Измените его размер, выбрав нужный вариант. S соответствует малому, M – среднему, L – крупному, а Оригинал – исходному размеру.
- Измените положение изображения в тексте страницы, выбрав выравнивание по левому или правому краю либо по центру.
- Чтобы включить обтекание, нажмите кнопку “С обтеканием”.
- Чтобы продолжить редактирование страницы, просто выберите любой элемент за пределами изображения. Если нажать кнопку Сохранить, на текущей странице будут применены все изменения.
Как добавлять ссылки на страницу
Чтобы упростить навигацию по сайту и сделать его более информативным, добавьте в текст ссылки. Это также повысит релевантность вашего ресурса в результатах поиска.
- Откройте страницу, на которую нужно добавить ссылки, и нажмите на значок карандаша.
- Выделите текст, который будет преобразован в ссылку. Затем нажмите значок ссылки на панели инструментов.
- Ссылка может вести как на сторонний сайт, так и на страницу вашего ресурса (существующую или новую).
Внешняя страница. Чтобы создать ссылку на страницу, расположенную на другом сайте, откройте вкладкуВеб-адрес и в поле Создать ссылку на URLадрес введите URL нужной страницы.
Существующая внутренняя страница. Чтобы создать ссылку на уже существующую страницу вашего сайта, откройте вкладку Существующая страница. Затем выполните поиск по названию нужной страницы или найдите ее на карте сайта. Если страницу недавно редактировали, она также будет показана в списке последних изменений.
Новая внутренняя страница. Чтобы создать ссылку на новую страницу вашего сайта, откройте вкладку Существующая страница и в правом нижнем углу диалогового окна нажмите Создать новую страницу. После этого введите название страницы, а также укажите ее тип и выберите расположение.
Чтобы при переходе по ссылке (независимо от ее типа) целевая страница открывалась в новом окне или на новой вкладке браузера, установите флажок Открыть ссылку в новом окне.
Комментарии: