1 of 33

Створення власного сайту

в Google Sites

2 of 33

Сайти Google - простий спосіб створення і спільного використання веб-сторінок без будь-яких витрат.

3 of 33

Що таке Google Sites?

Безкоштовний сервіс: Входить до складу Google Диску.

​

Хмарне збереження: Усі зміни зберігаються автоматично

​

Спільна работа: Можливість редагувати сайт разом із однокласниками.

​

Інтеграція: Легке додавання відео з YouTube та документів Google.

4 of 33

Що таке конструктор

вебсайтів?

Готові блоки

Складання сторінок із готових візуальних елементів.

Без програмування

Створення сайтів без знання мов HTML чи CSS.

Швидкий результат

Публікація власного проекту за кілька хвилин.

5 of 33

Як відкрити та створити сайт?

КРОК 1

Вхід у Google

Авторизуйся у своєму Google-акаунті.

КРОК 2

Перехід на Диск

Натисни "+ Створити" → "Більше" → "Google Сайти".

КРОК 3

Новий проект

Обери чистий шаблон або готовий макет.

6 of 33

Знайомство з редактором Google Sites

Область сторінки сайту

Верхній колонтитул (заголовок) сторінки

Область перегляду сайту

Назва сайту

Панель інструментів

7 of 33

Для того щоб сайт отримав назву, потрібно ввести її в поле Введіть назву сайту у верхній частині заголовка сторінки зліва та натиснути клавішу Enter.

8 of 33

Вид колонтитула та фонове зображення можна змінити. Панель з відповідними кнопками з'являється, якщо навести вказівник на нижню частину колонтитула.

9 of 33

У правій частині вікна відкриється бічна панель з елементами керування, призначеними для створення, редагування та форматування веб-сторінок сайту.

Додавання вмісту до сайту

10 of 33

Теми та стиль оформленняколонтитула т

Вибір теми: Готові кольорові палітри у вкладці "Теми".

​

Шрифти: Налаштування стилю тексту для всього сайту.

​

Шапка сайту: Вибір банера (великий банер, обкладинка або лише заголовок).

11 of 33

Для створення нової сторінки на сайті потрібно:

  1. Вибрати вкладку Сторінки у правій частині вікна.
  1. Вибрати кнопку Додати сторінку
  1. Увести назву сторінки в поле Назва сторінки.
  1. Вибрати гіперпосилання Готово.

Додавання сторінок Google Sites

12 of 33

Створити сторінку одного рівня із щойно створеною сторінкою можна, вибравши кнопку Додати сторінку.

Наприклад, якщо сайт містить лише сторінку Домашня сторінка, то, використавши кнопку Додати сторінку, можна створити сторінки Подорожі та Тварини.

Якщо ж останньою була створена сторінка Київ, то, використавши кнопку Додати сторінку, можна створити сторінку Львів.

Додавання сторінок Google Sites

13 of 33

Щоб створити сторінку нижчого рівня, ніж вибрана на вкладці сторінка, потрібно вибрати кнопку в рядку з назвою сторінки та в меню, що відкрилося, вибрати команду Додати підсторінку.

Так можна створити, наприклад, сторінки Київ і Львів, якщо вибрано сторінку Подорожі, та сторінку Рибки, якщо вибрано сторінку Тварини. Таким чином можна створити до п'яти рівнів підсторінок.

Додавання сторінок Google Sites

14 of 33

Ви знаєте, що для вставлення об'єктів різних типів на сторінки сайту використовують елементи керування вкладки Вставити панелі інструментів.

Додавання об’єктів на веб сторінку

15 of 33

Елементи керування для вставлення об'єктів

на веб-сторінки

Кнопка

Призначення

Для вставлення текстового поля

Для вставлення зображення з Google Диск, за URL-адресою з Інтернету, з комп'ютера тощо

Додавання об’єктів на веб сторінку

16 of 33

Кнопка

Призначення

Для вставлення гіперпосилання на веб-сторінку або об'єкта за його HTML-кодом

Для вставлення горизонтальної лінії

Для пошуку та вставлення відео із сервісу YouTube

Для вставлення календаря Google

Для вставлення карти Google

Додавання об’єктів на веб сторінку

17 of 33

Кнопка

Призначення

Для вставлення текстових документів

Для вставлення презентацій

Для вставлення електронних таблиць

Для вставлення форм опитування

Для вставлення діаграм, створених в електронних таблицях

Додавання об’єктів на веб сторінку

18 of 33

Уставлені об'єкти розміщуються в окремих розділах між верхнім і нижнім колонтитулами. Розділи займають прямокутну область, ширина якої відповідає ширині веб-сторінки, а висота залежить від типу та висоти вставленого об'єкта.

Розділи та об'єкти на сторінці можна переміщувати, розташовуючи вище або нижче інших існуючих розділів.

Додавання об’єктів на веб сторінку

19 of 33

Для розділу можна встановити кольоровий фон. Для цього слід:

  1. Навести вказівник на область розділу.
  1. Вибрати кнопку Фон розділу, що з'явиться біля його лівої межі.
  1. Вибрати стиль розділу із числа запропонованих.

Додавання об’єктів на веб сторінку

20 of 33

Усередині розділу об'єкт розміщується в окремому блоці. Блок має рамку з маркерами, використовуючи які, можна змінювати розміри блока.

Об'єкт усередині блока можна форматувати, використовуючи меню блока. Вміст меню блока залежить від типу об'єкта.

Додавання об’єктів на веб сторінку

21 of 33

Блоки можна переміщувати. В одному розділі можуть бути розміщені кілька блоків з об'єктами різних типів.

Додавання об’єктів на веб сторінку

22 of 33

Для вставлення інформера на сторінку сайту слід:

  1. Знайти в Інтернеті та скопіювати HTML-код інформера.
  1. Вибрати на вкладці Вставити кнопку Вставити

Додавання об’єктів на веб сторінку

23 of 33

Смартфон / Планшет

Автоматичне адаптивне відображення.

Комп'ютер / Ноутбук

Перевірка вигляду на великому екрані.

Перегляд i публікація веб-сайту

24 of 33

Ви вже знаєте, що сайт стане доступним для перегляду та отримає URL-адресу лише після його опублікування. Для цього призначена кнопка Опублікувати у верхній частині вікна.

Перегляд i публікація веб-сайту

25 of 33

URL-адреса сайту складається з двох частин:

Наприклад, для сайту Світ захоплень, URL-адресою може бути.

https://sites.google.com/view/ourinterest

незмінної для всіх сайтів, створених у системі Google Сайти

та унікальної

https://sites.google.com/view/

яку ви уводите під час опублікування сайту

Перегляд i публікація веб-сайту

26 of 33

Усі користувачі Інтернету, хто знатиме URL-адресу вашого сайту, зможуть переглядати його сторінки. Під час опублікування сайту ви можете погодитись або заборонити пошуковим системам показувати ваш сайт у результатах пошуку.

Перегляд i публікація веб-сайту

27 of 33

Опубліковувати сайт потрібно кожного разу після внесення змін до його сторінок. Публікацію сайту можна скасувати, вибравши відповідну команду у списку кнопки Опублікувати.

Перегляд i публікація веб-сайту

28 of 33

Сайт, який ви створили, можете самостійно:

доповнювати новими сторінками

редагувати вміст

змінювати його структуру

Крім того, ви можете запросити окремих користувачів редагувати разом з вами сторінки сайту. Це зручно для організації колективної роботи із сайтом.

Наприклад, під час створення сайту Світ захоплень ви можете працювати групою. При цьому кожен з групи зможе заповнювати сторінку, яка відповідає її або його захопленню.

Перегляд i публікація веб-сайту

29 of 33

Під час адміністрування Google Сайтів для того, щоб додати користувача та надати йому дозвіл на редагування сайту, потрібно:

  1. Відкрити сайт у режимі редагування.
  1. Вибрати кнопку Додати редакторів у верхній частині сторінки.

Спільне редагування сайту

30 of 33

  1. Додати електронну адресу користувача, якому ви хочете надати дозвіл на редагування сайту, в поле Запросити користувачів у вікні Додати редакторів.
  1. Вибрати кнопку Надіслати.

Спільне редагування сайту

31 of 33

  1. Установити позначку прапорця Заборонити редакторам публікувати сайт, змінювати параметри доступу й додавати користувачів, якщо бажаєте
  1. Вибрати кнопку Готово.

обмежити користувачу дозволи на редагування та адміністрування сайту.

Спільне редагування сайту

32 of 33

Практична робота: Створення власного сайту

Завдання 1

Обери тему сайту (наприклад: "Моє хобі" або "Улюблена книга").

Завдання 2

Створи 2 сторінки: "Головна" та "Про мене".

Завдання 3

Додай текстовий блок, фото та кнопку з посиланням.

Завдання 4

Опублікуй сайт і надішли посилання вчителю.

33 of 33

Успіхів у створенні сайтів!