Embedded Files
Автоматизовані засоби створення та публікації вебресурсів
Тип уроку: урок формування компетентностей
Мотивація навчальної діяльності
Мотивація навчальної діяльності
Основні питання уроку
Сприйняття та осмислення нового матеріалу
Сприйняття та осмислення нового матеріалу
ВІЗУАЛЬНІ РЕДАКТОРИ HTML-КОДУ
Означення візуального редактора html-коду
Візуальний редактор html-коду - це програма, призначена для створення вебсторінок і сайтів без необхідності знання користувачем мови HTML
Завдання (LibreOffice Writer/Web):
Під керівництвом та з поясненням вчителяВідкрити LibreOffice та створити документ HTML
Набрати посередині зеленим кольором "Весна"
Вставити таблицю з одного рядка та трьох стовпчиків.
У комірках набрати назви весняних місяців
Вставити під таблицею малюнок на тему "Весна"
Перейти у режим первинного коду HTML
Зберегти документ у папку "Документи" у форматі HTML
Відкрити в браузері збережений документ (вебсторінку)
СИСТЕМИ КЕРУВАННЯ ВМІСТОМ ВЕБСАЙТУ WCMS
Web Content Management System - система управління вебконтентом
Означення системи керування вмістом вебсайту
Система керування вмістом вебсайту - це програмне забезпечення, яке встановлюється на сервері хостинг-провайдера та забезпечує конструювання вебсайтів в Інтернеті
Особливості роботи системи WCMS:
контент вебсторінок зберігається у базі даних на сервері;
вебсторінки генеруються системою за запитом користувача;
керування сайтом відбувається через панель управління
Приклади систем керування вмістом вебсайту WCMS
ОНЛАЙН-СИСТЕМИ КОНСТРУЮВАННЯ САЙТІВ
Означення онлайн-системи конструювання сайтів
Онлайн-система конструювання сайтів - це хмарний сервіс, який забезпечує візуальне створення вебсайтів без необхідності знань мови HTML
Онлайн-системи конструювання сайтів надають користувачам:
послуги з розробки та адміністрування вебсайтів;
доменне ім'я сайту;
послуги хостингу
Приклади онлайн-систем конструювання сайтів
Створення сайту в онлайн-системі конструювання сайтів "Google Sites"
Необхідність наявності облікового запису Google
Створення сайту у своїй папці на Google Диску
Завдання.
У кореневій папці Google Диску створити сайт
Інтерфейс редактора сайту
Теми дизайну сайту
Завдання.
Вибрати для свого сайту довільну тему, кольорову та шрифтову схеми
Назва сайту, логотип сайту
Завдання.
Для свого сайту задати назву.
У графічному редакторі намалювати логотип сайту та встановити його для свого сайту
Домашнє завдання
Домашнє завдання
Підручник, п. 5.3
Page updated
Google Sites
Report abuse