1 of 20

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

2 of 20

ПОВТОРЮЄМО

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

3 of 20

To Developer

  • Нам потрібно розробити макет, створити його за допомогою тегів HTML, селекторів CSS і сценаріїв JS. Розмістити на певному сервері. Наповнити контентом і постійно оновлювати. Бажано зв’язати його із соціальними мережами, надати можливість зворотного зв’язку.
  • Отже, ми повинні знати й уміти використовувати різноманітні API, програмувати мовою PHP і використовувати безліч інших технологій. Тобто ми одночасно маємо бути front-end та back-end розробниками (developer).

4 of 20

Front-end — це користувацький інтерфейс, взаємодія користувача з сайтом в браузері (бік клієнта)

back-end — створення "серверної" частини в веб-додатках — баз даних, архітектури, програмної логіки (бік сервера)

PHP (англ. Hypertext Preprocessor — гіпертекстовий процесор), мова скриптів, що виконуються на сервері та генерують HTML, який відправляється клієнту (браузеру).

API (англ. Application Programming Interface — інтерфейс програмування застосунків) створює можливість використовувати ресурси інших програм (об’єкти, бібліотеки).

5 of 20

Система керування вмістом (англ. Content Management System, або CMS) — програмне забезпечення для організації спільного процесу створення, редагування й управління контентом веб-сайтів.

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

дизайн сайта змінюється рідко, контент може змінюватися щогодини. �CMS використовують так звані шаблони — спеціальні «порожні» заготовки сторінок, у яких дизайн сайта вже прописаний, і залишилося�лише наповнити їх інформацією.

6 of 20

7 of 20

WYSIWYG-редактор (акронім від англ. What You See Is What You Get — що бачиш, те й отримуєш), візуальний редактор: у процесі редагування вміст має такий вигляд, як буде відображатися веб-сторінка браузером

Дизайн сайта змінюється рідко, контент може змінюватися щогодини. CMS використовують шаблони — спеціальні «порожні» заготовки сторінок, у яких дизайн сайта вже прописаний, і залишилося лише наповнити їх інформацією.

8 of 20

Найпопулярніші CMS

9 of 20

WordPress

WordPress дуже популярний, постійно вдосконалюється, є прекрасним інструментом для новачків.

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

10 of 20

Система Joomla

Joomla проста у використанні, але для новачка вона буде складнішою за WordPress, оскільки для Joomla потрібні навички програмування для будь-якої зміни дизайну.

Joomla є найкращою для електронної комерції або веб-сайтів соціальних мереж.

11 of 20

Drupal

Орієнтована насамперед на програмістів (аж ніяк не призначена для новачка), має дуже потужний інструментарій із широкими можливостями.

Drupal ідеальниq вибір для великих і серйозних сайтів, для яких необхідні знання програмування. Drupal потребує глибоких знань HTML, CSS і PHP.

12 of 20

Django CMS�

Django CMS - це сучасна платформа для веб-публікацій, створена на основі Django (python), платформи веб-додатків «для перфекціоністів до встановлених термінів».

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

13 of 20

Використання CMS

Пости

Лайкі

Коменти

14 of 20

Цікаво

На WordPress розроблені сайти Facebook та Forbes, СNN, ЗОШ № 5

На Joomla  розроблені сайти Twitter та Гарвардського університету

На Drupal сайт Національної кримінальної агенції Великої Британії та кіностудії Warner Bros.

15 of 20

Адміністрування сайта — це комплекс заходів щодо підтримки чіткого функціонування сайта, його працездатності, швидкої роботи, зручності для користувача, регулярного розміщення матеріалів на його сторінках.

16 of 20

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

Інформаційне

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

Технічне

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

17 of 20

Інтерактивна вправа

18 of 20

Аналізуємо. Обговорюємо

1 Чим відрізняється front-end від back-end?�2. Що таке CMS?�3. Назвіть функції систем керування вмістом.�4. Що таке шаблон сторінки?�5. Що таке WYSIWYG? Знайдіть в Інтернеті відомості про безкоштовні візуальні редактори.

19 of 20

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

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

Можна скористатися посиланням: https://websitesetup.org/�cms-comparison-wordpress-vs-joomla-drupal/ �http://docs.django-cms.org/

20 of 20

Автор презентації:

Речич Наталія

Гімназія №178 м. Києва

2018, доповнено Аністратенко Т.В., ЗОШ 5 м.Чернівці