1 of 16

Засоби автоматизованого створення та

публікації веб-ресурсів

8 клас

2 of 16

Пригадаймо

  1. Який сайт вважається ергономічним?
  2. Що таке HTML-код сторінки?
  3. Як записують теги; теги з атрибутами; парні теги?

3 of 16

Сьогодні на уроці

  1. Які існують засоби автоматизованого створення сайтів?
  2. Як створити сайт засобами сервісу Google Сайти?

4 of 16

Засоби автоматизованого створення вебсайтів

WYSIWYG редактори

Content Management System

Онлайн системи керування сайтами

5 of 16

Засоби автоматизованого створення вебсайтів

WYSIWYG редактори

What You See Is What You Get

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

6 of 16

Засоби автоматизованого створення вебсайтів

CMS

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

Content Management System

7 of 16

Засоби автоматизованого створення вебсайтів

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

Онлайн системи керування сайтами

8 of 16

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

План по створенню вебсайту:

  1. Реєстрація облікового запису на сервері онлайн-системи конструювання сайтів.
  2. Вибір назви сайту та шаблону його оформлення.
  3. Створення сторінок сайту та системи навігації.
  4. Заповнення сторінок контентом.
  5. Публікація сайту

9 of 16

Google сайти

10 of 16

Структура майбутнього сайту

11 of 16

Публікація сайту

12 of 16

Найважливіше

13 of 16

14 of 16

Практичне завдання

15 of 16

Підсумок

  1. Які існують засоби автоматизованого створення сайтів?
  2. Як створити сайт засобами сервісу Google Сайти?

16 of 16

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

  1. Опрацювати п.4.2.
  2. Виконати завдання № 5 сторінка 116