Контент - це все, що є присутнім на сайті: текстовий зміст, зображення, аудіо, відео та інші файли будь-яких розширень. Для користувача контент може бути представлений для перегляду, завантаження або інших дій. Багато web-студії пропонують послугу контент-менеджменту, тобто наповнення сайту контентом.

Слово контент походить від англійського content, що можна перекласти як зміст, вміст, інформаційне наповнення. Часто зустрічається термін «інформаційне наповнення», бо на сайті крім інформації «для корисного читання» є ще багато іншого, можливо, не менше корисної інформації, але користувачі Інтернету в першу чергу цікавляться саме корисною для читання інформацією - інформаційним наповненням сайту.

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

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

Додавання розділів тексту, що згортається

Ми можемо заощадити місце на сторінці, додавши блок тексту, що згортається. Для того, щоб це зробити виконуємо такі дії:

1. Відкрийте потрібну сторінку сайту.

2. Справа виберіть вкладку Вставка, потім Група, що згортається.

3. Введіть заголовок і основний текст, натиснувши на відповідні текстові поля.

Нижче два фрагмента тексту на зеленому фоні демонструють різницю між звичайним текстом (праворуч) та текстом. що згортається (ліворуч). Натискаємо на стрілку у правій частині заголовка та бачимо згорнутий текст.  Ще одно натискання, і текст знов згортається.

Щоб змінити текст, що згортається потрібно натиснути на заголовок, щоб блок з текстом розвернувся, потім натиснути на поле з заголовком або основним текстом і внести виправлення.

Якщо натиснути на стрілочку що розгортає текст, зверху ліворуч з'явиться панель. На рисунку 1 вона виділена червоною рамкою. Якщо перемикач встановити в положення Вимкнено, то текст, що згортається буде перетворено на звичайний текст (рис. 1 праворуч). Також у цій панелі знаходиться кнопка для видалення тексту.

Створення змісту

Щоб організувати швидкий перехід між розділами сторінки можна додати на окрему сторінку зміст. Для того, щоб це зробити виконуємо такі дії:

1. Відкрийте потрібну сторінку сайту.

2. Установіть покажчик миші в елемент, перед яким потрібно розмістити зміст. Справа у панелі адміністрування виберіть вкладку Вставка, потім Зміст. Автоматично перед поточним елементом додається  зміст, який буде створено з текстових фрагментів, до яких назначено стилі Назва, Заголовок та Підзаголовок. Текст, який розташовано у верхньому колонтитулі до змісту включено не буде.

На рисунку 2 показано, як виглядав би зміст, створений для сторінки цього сайту, яка має назву Створення сайту за допомогою сервісу Google Sites.

Карусель зображень

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

Для того, щоб додати до сторінки сайту Карусель зображень  виконуємо такі дії:

1. Відкрийте потрібну сторінку сайту.

2. Справа виберіть вкладку Вставка, потім Карусель зображень (рис. 3-1).

3. Натисніть на значок Додати зображення, за допомогою якого можна додати зображення (рис. 3-2).

4. Підберіть зображення (два або більше) та натисніть кнопку Додати (або Відкрити) (рис. 3-3). 

5. Якщо ви хочете змінити порядок зображень, перетягніть їх.

6. Підтвердить свої дії.

7. Виберіть місце на сторінці для розміщення Каруселі зображень.

Вставлена Карусель зображень виглядає так  (рис. 3-4).

Щоб додати, змінити або видалити зображення з Каруселі, натисніть кнопку Налаштування (виділено червоною рамкою на рис. 4-1).

На рисунку 4-2 видно, що при наведення вказівника миші на ескізи малюнків додатково з'явиться  можливість додати текст підпису або видалити малюнок. 

Також у вікні додавання малюнків можна ще раз натисніть кнопку Налаштування (рис. 4-3) та змінити ще деякі параметри каруселі зображень (рис. 4-4).

Щоб побачити, як карусель буде виглядати для користувачів, натисніть на значок перегляду Попередній перегляд.

Додавання блоків контенту

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

Чотири з блоків контенту включають в себе поле для малюнка та два текстових поля  (Заголовок та звичайний текст). На рис. 5-1 це елементи a, b, d, e.

 Один з макетів включає три поля для малюнків (рис. 5-1-c) , та ще один чотири поля для малюнків  та для кожного одне текстове поле (рис. 5-1-f).

На рис. 5-3 бачимо  вже створено новий розділ з використанням блоку контенту. Зверніть увагу, що центральний елемент виділено. Зверху є кнопка для видалення малюнка, при бажанні  легко видаляємо та замінюємо іншим,  

Під цим  текстом приведено той самий   приклад використання блоків контенту, що і на рисунку вище.

Додавання кнопки

Ми можемо додати на сайт кнопку з посиланням на іншу сторінку, на будь-який об'єкт з Диска або з Інтернету.

Для того, щоб додати до сторінки сайту кнопку  виконуємо такі дії:

1. Відкрийте потрібну сторінку сайту.

2. Справа виберіть вкладку Вставка, потім Кнопка (рис. 6-1). Створимо кнопку, яка відкриває сайт коледжу.

3. Введіть назву. Ця назва буде відображатися на кнопці  (рис. 6-2 перший рядок).

4. Вставте URL-адресу, яку повинна відкривати кнопка, або виберіть одну зі сторінок сайту (рис. 6-2 другий рядок). 

5. Підтвердить свої дії (натисніть Вставити).

 При виділення кнопки над нею з'являються інструменти для редагування, видалення та зміни оформлення (рис. 6-3).

Додавання посилань

Також якщо ми хочемо вставити на сторінку свого сайту посилання на інший сайт, документ, відео або інший об'єкт можна скористатися командою Вставити, яка знаходиться на вкладці Вставка панелі адміністрування (рис. 7-1)

Після цього вставляємо URL-адресу, та обираємо один з двох варіантів:

• Ціла сторінка - буде показано вікно зі сторінкою сайту, що динамічно оновлюється (нижче наведено приклад на синьому фоні) .

• Попередній вигляд - буде показано посилання зі статичним описом сайту (нижче наведено приклад на зеленому фоні) .

Для другого варіанту можна змінювати обсяг інформації, яка буде виводитись. (рис. 8). 

Додавання посилань до тексту або малюнку

Якщо ми хочемо додати  посилання до будь якого тексту чи малюнку необхідно виділити цей тест (або малюнок) та у меню зверху натиснути на кнопку Посилання (горизонтальна вісімка).

Додамо посилання на відео Створення Google сайтів, яке ми розглядали у минулому занятті.

1. Попередньо скопіюємо посилання на відео.

2. Виділимо текст або малюнок та натиснемо кнопку Посилання (рис. 9)

3. Вставимо посилання

4. Підтвердимо

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

Додавання відео на сайт

У процесі розвитку сайту ви можете вирішити, що газетно-журнальний формат (тільки тексти та малюнки) є недостатньо сучасним і досить нудним. Сайт можна оживити за допомогою відео. Відео для багатьох власників сайтів просто необхідно. Відеоролики часто є необхідним атрибутом сайту. Це можуть бути навчальні, презентаційні, іміджеві, рекламні відеоролики. Відео – дуже зручний, сучасний і популярний спосіб подання та оформлення матеріалу для сайту. Вставити відео на сайт можна різними способами, розглянемо найпопулярніший – вставка відео за допомогою відеохостингу YouTube. Сутність цього способу полягає в тому, що файли відео будуть зберігатися на відеохостингу, а ми просто скористаємося посиланням на ролик, яке розмістимо на своєму сайті. 

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

Для цього виконуємо такі дії (рис.10):

1. Відкрийте потрібну сторінку сайту.

2. Справа виберіть вкладку Вставка, потім YouTube. На екрані з'явиться вікно додавання відео.

3. Введіть запит для пошуку відео та натисніть кнопку Пошук (з зображенням лупи).

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

5. Підтвердить свої дії (натисніть Вибрати).

Відео буде додано перед поточним об’єктом (текстом або малюнком) та розташовано у лівій частині сторінки (рис. 11). Його можна перемістити у будь яку частину сторінки та змінити розмір (так же, як ми робили з малюнком).

Відео можна розмістити поряд з текстом, але якщо текстове поле буде завелике, то вікно з відео розташується у його верхній частині (рисунок 12-1). Тому інколи доводиться окремий абзац виділяти з основного текстового поля у додаткове (рисунок 12-2) .

З відео можна виконати деякі налаштування. Для цього натискаємо на відео, у верхньому лівому куті з'являється  панель, по центру якої натискаємо кнопку Налаштування (виділено червоною рамкою на рис.13). Після цього змінюємо потрібні налаштування, доречи їх зовсім небагато.

Додавання об'єктів з Диску

Якщо ми хочемо додати  посилання до будь якого об'єкту, який зберігається на вашому Диску, треба натиснути кнопку Диск, яка знаходиться на вкладці Вставка панелі адміністрування. На рисунку 15 вона виділена червоною рамкою зверху. Крім того там же розташовані команди вставки  окремо основних об'єктів Диску: Документів, Таблиць, Презентацій та ін. На рисунку 15 вони виділені червоною рамкою знизу.

Нагадуємо, що перед тим, як додавати будь-який об'єкт з Google Диску на свій сайт, йому обов'язково треба надати  спільний доступ.