1 of 31

Створення та адміністрування сайту. Системи керування вмістом для веб-ресурсів

2-ге видання, оновлене

Урок 26

Інформатика

teach-inf.com.ua

за підручником

Бондаренко О.О. та ін.

Рівень стандарту 10(11)

2 of 31

Повторюємо

З уроків інформатики ви знаєте, що мультимедіа — це поєднання різних способів подання повідомлень та використання різних пристроїв для їх відтворення.

Для введення в комп’ютер мультимедійних даних до нього приєднують такі зовнішні пристрої

Для виведення мультимедійних даних до комп’ютера приєднують такі зовнішні пристрої

мікрофон, сканер, відеокамера та ін.

монітор, проектор, навушники, принтер та ін.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

3 of 31

Повторюємо

Мультимедійні матеріали можна розміщувати не лише на локальному комп’ютері, а й у мережі Інтернет.

Як вам відомо, найпопулярнішим сервісом Інтернету є Всесвітня павутина (WWWWorld Wide Web), що містить безліч документів, пов’язаних між собою гіперпосиланнями.

Текстові документи, які містять гіперпосилання, називають гіпертекстовими.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

4 of 31

Повторюємо

Для того щоб отримати гіпертекст, до нього слід додати розмітку мовою HTML (HyperText Markup Language — мова розмітки гіпертексту).

Ця розмітка має вигляд позначок  — тегів, і визначає не лише наявність гіперпосилань, а й вигляд документа.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

5 of 31

Запитання

  • Що таке мультимедіа?
  • Яке обладнання потрібне для роботи з мультимедійними матеріалами?
  • У чому полягає особливість гіпертексту?
  • Як перетворити текстовий документ на гіпертекстовий?
  • Що таке HTML?

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

6 of 31

Створення і адміністрування сайту

Стрімке збільшення обсягів інформації сприяло створенню всесвітнього (або глобального) інформаційного простору. Невід’ємною та важливою складовою цього простору є мережа Інтернет.

Розміщені в Інтернеті сайти утворюють Всесвітню павутину — величезне сховище інформації, доступної мільйонам користувачів незалежно від того, де вони знаходяться.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

7 of 31

Створення і адміністрування сайту

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

Сайт, або вебсайт (від англ. web — мережа, site — місце; місце в мережі) — це сукупність вебсторінок, пов’язаних спільною темою й доступних під одним доменним іменем.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

8 of 31

Етапи розробки сайту

Сайт є різновидом електронної публікації, а ви вже ознайомилися з основними складовими публікації. Головне, що відрізняє сайт, — потреба в подальшому розвитку та підтримці.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

9 of 31

Етапи розробки сайту

Звичайно, кожен сайт має свої особливості, та попри це основні етапи розробки будь-якого сайту приблизно однакові:

  • Маркетингові дослідження та вибір теми
  • Планування структури сайту
  • Опублікування сайту
  • Розробка дизайну сайту
  • Конструювання сайту
  • Наповнення сайту вмістом (контентом)
  • Тестування сайту
  • Обслуговування сайту

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

10 of 31

Етапи розробки сайту

Конструювання сайту

Існує кілька способів конструювання сайту:

власноручна розробка, що передбачає володіння мовою HTML і деякими іншими технологіями

використання готової системи керування вмістом (СКВ), яка завантажується на сервер, наданий хостинг-провайдером

використання хостингу з системою керування вмістом і готових шаблонів тощо

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

11 of 31

Етапи розробки сайту

Вибір способу залежить від багатьох чинників:

мети створення сайту

фахового складу команди, яка його створює

бюджету та ін.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

12 of 31

Етапи розробки сайту

Опублікування сайту

Веб-сервіс Blogger�(www.blogger.com), який належить Google, призначено для ведення блогів. Користувачу Blogger не потрібно вивчати програмування, установлювати та налаштовувати СКВ. Працюючи у вікні браузера, можна розміщувати в Інтернеті власні матеріали, отримувати коментарі від читачів блогу тощо.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

13 of 31

Колективна розробка сайту

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

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

14 of 31

Колективна розробка сайту

Залежно від технології, на основі якої розробляється сайт, є потреба в різних фахівцях:

з написання тексту

верстання сторінок (HTML, технологія CSS)

проектування структури сайту

підготовки графічного матеріалу (фотографії, елементи дизайну тощо)

веб-програмування (мови JavaScript, Python та ін.)

наповнення бази даних сайту

тестування

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

15 of 31

Колективна розробка сайту

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

Структура сайту інтернет-магазину може залишатися незмінною, але текстове й графічне наповнення потребує постійного доопрацювання, адже інформація про надходження нових товарів має з’являтися оперативно.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

16 of 31

Системи керування вмістом сайту

Ви навчилися конструювати сайти з використанням онлайн-систем. Тепер ознайомимося зі спеціальними програмами — системами керування вмістом (СКВ) (англ. CMSContent Management System).

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

17 of 31

Системи керування вмістом сайту

Існують тисячі СКВ, що відрізняються одна від одної набором засобів, які отримують адміністратор сайту та користувачі. Прикладами СКВ є:

WordPress

Joomla

OpenCart

SocialEngine

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

18 of 31

Системи керування вмістом сайту

До основних функцій СКВ належать надання користувачу інформації у зручному для використання вигляді, засобів для індивідуальної та спільної роботи над вмістом і для керування ним (зберігання, захист тощо).

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

19 of 31

Системи керування вмістом сайту

Розглянемо основні особливості деяких популярних вільних СКВ.

Moodle (англ. Modular Object-Oriented Dynamic Learning Environment — модульне об’єктно-орієнтоване динамічне навчальне середовище)  — платформа для створення різноманітних навчальних ресурсів.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

20 of 31

Системи керування вмістом сайту

Сайт проекту:

На

сторінці:

https://moodle.org/course/view.php?id=17228

Можна переглянути список українських ресурсів, які ґрунтуються на Moodle.

moodle.org

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

21 of 31

Системи керування вмістом сайту

Moodle дозволяє вчителям і учням ефективно організувати спільну діяльність:

для учнів

для вчителів

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

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

22 of 31

Системи керування вмістом сайту

СКВ MediaWiki розроблено спеціально для Вікіпедії, проте вона використовується на багатьох сайтах, які працюють за технологією «вікі».

На цій платформі побудовано і сайт самого проекту MediaWiki

https://www.mediawiki.org/wiki/MediaWiki

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

23 of 31

Системи керування вмістом сайту

Угорі кожної сторінки Вікіпедії й біля кожного підзаголовка є посилання Редагувати або ред. Якщо його клацнути, то сторінка перейде в режим редагування. Після цього слід внести виправлення й клацнути кнопку Опублікувати зміни.

Вікі-сайт дозволяє користувачам довільно змінювати зміст сторінок під час їх перегляду у вікні браузера.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

24 of 31

Системи керування вмістом сайту

Універсальна СКВ Joomla!

дозволяє створювати та підтримувати найрізноманітніші сайти: від сайтів-візитівок до великих корпоративних сайтів, інтернет-магазинів, інтернет-порталів тощо.

Така гнучкість досягається завдяки великій кількості вибіркових модулів, які може використати розробник сайта

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

25 of 31

Адміністрування сайту

Опублікований сайт потребує адміністрування — подальшої технічної та інформаційної підтримки. Такий супровід здійснює адміністратор.

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

26 of 31

Адміністрування сайту

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

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

27 of 31

Розгадайте ребус

Веб-сайт

«Ребуси українською» © rebus1.com

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

28 of 31

Питання для самоперевірки

  • Опишіть етапи розробки сайту.
  • Опишіть основні варіанти структури сайту.
  • Які є способи конструювання сайту?
  • Які фахівці беруть участь у розробці сайту?
  • Які основні функції СКВ?
  • Чим відрізняються обов’язки адміністратора і модератора сайту?

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

29 of 31

Домашнє завдання

Проаналізувати

§ 26, с. 147-151

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

30 of 31

Працюємо за комп’ютером

Сторінка

150-151

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 26

31 of 31

Дякую за увагу!

2-ге видання, оновлене

Урок 26

Інформатика

teach-inf.com.ua

за підручником

Бондаренко О.О. та ін.

Рівень стандарту 10(11)