Контент - це все, що є присутнім на сайті: текстовий зміст, зображення, аудіо, відео та інші файли будь-яких розширень. Для користувача контент може бути представлений для перегляду, завантаження або інших дій. Багато web-студії пропонують послугу контент-менеджменту, тобто наповнення сайту контентом.
Слово контент походить від англійського content, що можна перекласти як зміст, вміст, інформаційне наповнення. Часто зустрічається термін «інформаційне наповнення», бо на сайті крім інформації «для корисного читання» є ще багато іншого, можливо, не менше корисної інформації, але користувачі Інтернету в першу чергу цікавляться саме корисною для читання інформацією - інформаційним наповненням сайту.
Регулярне наповнення є одним з ознак життєздатності сайту. Актуалізація контенту сайту - це необхідна умова його успішного розкручування. Невірна і застаріла інформація на ресурсі вводить в оману відвідувачів і справляє негативне враження про його власника. Пошукові системи розуміють це, і тому враховують свіжість як один з факторів при визначенні відповідність сайту очікуванням користувача. З цієї причини треба намагатися тримати будь-які дані на сайті в актуальному стані.
Ми вже почали заповнювати власний сайт контентом. Раніше ми навчилися створювати текстові поля, оформляти їх, а також додавати на сайт зображення різними способами. Тут ми дізнаємося, як ще можна представляти інформацію на сторінках сайту.
Додати контент на сторінку можна перейшовши на вкладку ВСТАВКА
Додавати можна:
текстові поля
зображення
документи з Google диску
посилання URL
відео YouTube
карта
календар та ін.
Додавання текстового поля
Щоб додати текст на сторінку, потрібно відкрити меню ВСТАВКА та вибрати пункт ТЕКСТОВЕ ПОЛЕ і на сторінці з'являється нове поле для розміщення тексту.
В конструктор Google Sites вбудовані інструменти форматування тестового напису, які схожі на інструменти в текстовому процесорі MS Word. Меню з'являється при активації текстового поля, тобто достатньо клацнути в нього лівою кнопкою миші. Після цього вказівник миші можна вивести з меж текстового поля, на наявність меню це не впливає.
Маркери зміни розміру текстового поля
Вибір стилю текстового напису
Вибір типу шрифта з запропонованого переліку
Вибір розміру шрифта
Вибір типу накреслення шрифта
Вибір кольору шрифта
Додавання до текстового напису гіперпосидання
Вирівнювання положення текстового напису
Створення маркованого або нумерованого списку
Видалення текстового напису
... Вхід в додаткові параметри
Додавання зображення
Щоб додати зображення на сторінку, потрібно відкрити меню ВСТАВКА та вибрати пункт ЗОБРАЖЕННЯ. Після цього вам буде запропоновано два варіанта вставлення зображення: Додати та Виберіть.
Варіант Додати пропонує завантажити файл зображення з комп'ютера. Якщо ви обираєте такий варіант буде виведено діалогове вікно звичайного вигляду. Відкриваємо потрібну папку та обираємо файл зображення.
Для вставленого зображення можна виконати такі дії:
змінити розмір,
обрізати,
перетягнути за допомогою миші у інше місце сторінки,
перетягнути у текстове поле поруч з текстом.
Варіант Виберіть пропонує декілька можливостей:
1. Вставка зображення за URL-адресою.
2. Пошук зображень Google.
3. Фотографії, які зберігаються у Google-фото.
4. Google Диск – всі зображення, які зберігаються на Диску.
Додавання посилань
Щоб додати посилання на на ресурс з Інтернет, або вбудувати html код потрібно відкрити меню ВСТАВКА та вибрати пункт < >. Після цього вам буде запропоновано два варіанта вставлення: Вставити URL та Вбудувати код.
Після цього вставляємо URL-адресу, та обираємо один з двох варіантів:
Ціла сторінка - буде показано вікно зі сторінкою сайту, що динамічно оновлюється (нижче наведено приклад на синьому фоні) .
Попередній вигляд - буде показано посилання зі статичним описом сайту (нижче наведено приклад на зеленому фоні) .
Щоб розмістити певну інформацію представлену мовою гіпертекстової розмітки HTML
Додавання контенту з Google диску
Щоб додати якийсь контент (документи, форми, зображення, відео) з Google диску треба обрати ВСТАВКА та вибрати пункт ДИСК. Знайти потрібний елемент на диску й двічі клікнути по ньому лівою кнопкою мишки.
Як додати карусель зображень?
Ми можемо додати на сайт зображення, які користувачі зможуть переглядати, прокручуючи карусель.
Обрати пункт КАРУСЕЛЬ ЗОБРАЖЕНЬ. У вікні за допомогою інструменту + додати потрібну кількість зображень (але не менше 2) і натиснути кнопку ВСТАВКА.
ПРИКЛАД
Для того, щоб додати до сторінки сайту Карусель зображень виконуємо такі дії:
Відкрийте потрібну сторінку сайту.
Справа виберіть вкладку Вставка, потім Карусель зображень.
Натисніть на значок Додати зображення, за допомогою якого можна додати зображення.
Підберіть зображення (два або більше) та натисніть кнопку Додати (або Відкрити).
Якщо ви хочете змінити порядок зображень, перетягніть їх.
Підтвердить свої дії.
Виберіть місце на сторінці для розміщення Каруселі зображень.
Вставлена Карусель зображень виглядає так.
Додавання кнопки
Ми можемо додати на сайт кнопку з посиланням на іншу сторінку, на будь-який об'єкт з Диска або з Інтернету.
Для того, щоб додати до сторінки сайту кнопку виконуємо такі дії:
Відкрийте потрібну сторінку сайту.
Справа виберіть вкладку Вставка, потім Кнопка. Створимо кнопку, яка відкриває сайт коледжу.
Введіть назву. Ця назва буде відображатися на кнопці.
Вставте URL-адресу, яку повинна відкривати кнопка, або виберіть одну зі сторінок сайту.
Підтвердить свої дії (натисніть Вставити).
При виділення кнопки над нею з'являються інструменти для редагування, видалення та зміни оформлення.
!Вставлену кнопку можна перемістити у будь-яке місце сторінки, наприклад на рисунку кнопка розташована праворуч від тексту.
Але якщо текстове поле буде завелике, то кнопка розташується у його верхній частині. Тому інколи доводиться окремий абзац виділяти з основного текстового поля у додаткове.
Додавання відео з YouTube
Відеоролики часто є необхідним атрибутом сайту. Це можуть бути навчальні, презентаційні, іміджеві, рекламні відеоролики.
Відео – дуже зручний, сучасний і популярний спосіб подання та оформлення матеріалу для сайту. Вставити відео на сайт можна різними способами, розглянемо найпопулярніший – вставка відео за допомогою відеохостингу YouTube. Сутність цього способу полягає в тому, що файли відео будуть зберігатися на відеохостингу, а ми просто скористаємося посиланням на ролик, яке розмістимо на своєму сайті.
! Відео можна розмістити поряд з текстом, але якщо текстове поле буде завелике, то вікно з відео розташується у його верхній частині. Тому інколи доводиться окремий абзац виділяти з основного текстового поля у додаткове
Для цього виконуємо такі дії:
Відкрийте потрібну сторінку сайту.
Справа виберіть вкладку Вставка, потім YouTube. На екрані з'явиться вікно додавання відео.
Введіть запит для пошуку відео та натисніть кнопку Пошук (з зображенням лупи).
Виберіть одне з запропонованих відео, або якщо жодне з них вам не підходить, спробуйте переформулювати запитання.
Підтвердить свої дії (натисніть Вибрати).
Як додати на сторінку карту?
Карту, як правило, додають, щоб користувачі сайту могли дізнатися точне місце розташування певного об’єкта.
На вкладці ВСТАВКА вибери інструмент КАРТА.
У вікні «Виберіть карту» у відповідному полі введи назву місця чи об’єкта.
Відкоригуй точне місце розташування, перемістивши позначку маркер.
Вибери тип зображення на карті — фотографія із супутника чи власне карта.
Натисни кнопку «Вибрати».
РОБОТА ЗА КОМП'ЮТЕРОМ
Виконання нашого проекту займе кілька уроків.
Урок 1. Створення та оформлення головної сторінки Гугл-сайту.
Урок 2. Створення багаторівневого меню.
Урок 3 (Сьогодні) Наповнення контентом.
Завдання:
Створити структуру сайту " Моє портфоліо" за зразком-схемою з попереднього уроку (Урок 2).
Наповніть сторінки сайту контентом.
Надішліть покликання на ваш сайт на пошту: voronenko@54.edu.ks.ua
Вимоги до контенту:
Наповнення мінімум 5 сторінок.
Наявність мінімум 2-3 абзаців тексту на кожній сторінці.
Наявність мінімум 1 списку (загалом на сайті).
Наявність інтегрованої карти на будь-якій сторінці.
Наявність відео матеріалів з youtube.com
Мінімум 1 карусель зображень (на будь-якій зі сторінок сайту).
Наявність посилань з тексту на інші сторінки (внутрішня перелінковка сторінок).
Наявність мінімум 1 кнопки.
ДОМАШНЄ
ЗАВДАННЯ
Читати теоретичний матеріал в підручнику на стор. 192-203.
Створити сторінки власного сайту-портфоліо за зразком. Наповніть сторінки контентом. Надішліть покликання на ваш сайт на пошту: voronenko@54.edu.ks.ua
Пройти тестування.