Тема: конструювання сайтів з використанням онлайн-систем.

Мета: навчитися створювати сайти за допомогою онлайн-систем та вміти управляти їхнім вмістом.

Обладнання: комп'ютери з встановленими ОС та будь яким сучасним броузером, (дана) інструкція.

Структура уроку

1. Організаційний момент.
2. Актуалізація опорних знань.
3. Вивчення нового матеріалу.
4. Інструктаж з ТБ.
5. Формування навчального досвіду.
6. Підбиття підсумків уроку.
7. Домашнє завдання.

Хід уроку

1. Організаційний момент
Вітання з класом. Перевірка присутності і готовності учнів до уроку. Перевірка виконання домашнього завдання.

2. Актуалізація опорних знань

1. Що таке Інтернет?
2. Яка структура адреси сайту?
3. Які об'єкти може містити веб-сторінка?

3. Вивчення нового матеріалу

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

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

Розглянемо процес розробки веб-сайта засобами сервісу Сайти Google. Спочатку потрібно створити обліковий запис Google.

Створення облікового запису Google

1. Зайти на сторінку google.com.ua.

   

   і вибрати Створити обліковий запис.

   

2. Заповнити поля форми й натиснути на кнопку Я погоджуюся.

3. Активувати обліковий запис, використавши гіперпосилання у тексті листа, що надійде до електронної поштової скриньки, на яку ви за реєстрували ваш обліковий запис.

4. Вибрати гіперпосилання Увійти на веб-сторінці, відкритій після вибору гіперпосилання з електронного листа.

5. Заповнити поля Електронна пошта та Пароль даними, введеними під час створення облікового запису.

6. Натиснути на кнопку Увійти.

7. Вибрати гіперпосилання Домашня сторінка Google у нижній частині веб-сторінки.

У результаті буде відкрито головну сторінку серверу Google, з якої є доступ до сервісів Google. Адресу, на яку зареєстровано обліковий запис, буде відображено у верхній частині веб-сторінки.

Створення сайту засобами Google

1. Відкрити сторінку sites.google.com.

2. Натиснути на кнопку Створити.

   

3. Вибрати один із запропонованих шаблонів для сайту. Як усталено пропо­нують Пустий шаблон.



4. Заповнити поле Дати назву сайту. Одночасно автоматично буде запропоновано URL-адресу головної сторінки сайту. Вона матиме такий вигляд: https://sites.google.com/site/Назва_сайту. Частина Назва_сайту не має містити літер кирилиці. Інакше система запропонує запис українських слів літерами латиниці без пропусків. Але за бажанням таку назву можна змінити. Головне, щоб URL-адреса головної сторінки була унікальною.

5. Відкрити список Вибрати тему та вибрати тему оформлення сайту. Наприклад, Бейсбол.

6. Підтвердити, що ви не робот, увівши потрібні символи, які побачити на сторінці, у відповідне поле, і натиснути на кнопку Створити сайт.

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

Створення та налаштування веб-сторінок

1. Натиснути на кнопку Створити сторінку у верхній частині вікна браузера.

2. Вибрати шаблон вмісту майбутньої сторінки:

   • Веб-сторінка — сторінка для розміщення тексту, зображень тощо. Такі сторінки є інформаційними сторінками тематичних розділів.

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

   • Картотека — сторінка для збереження гіперпосилань на завантажені файли. Гіперпосилання згруповані відповідно до назв тек, у яких розташовано файли.

   • Список — сторінка, на якій подаються структуровані дані як списки з кількох полів. Списки можна упорядковувати за даними кожного поля.

   Наприклад, для створення сторінки «Історія класу» сайту «Класне життя» доречно вибрати шаблон Веб-сторінка, для сторінки «Учителі та предмети» — Список, для сторінки «Поетична творчість» — Оголошення, для сторінки «Навчальні матеріали» — Картотека.

3. Указати назву сторінки у полі з відповідною назвою.

   

4. Вибрати місце розташування сторінки у структурі сайту. Наприклад, Розмістити сторінку на верхньому рівні, Розмістити на сторінці або Вибрати інше розташування. У першому випадку гіперпосилання на сторінку буде розташовано в головному меню, у другому — воно з'явиться на вибраній сторінці. У третьому випадку (Вибрати інше розташування) буде відкрито панель Виберіть сторінку для вибору сторінки, з якою буде пов'язано нову сторінку.

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

Під час створення сторінки на основі шаблону Веб-сторінка її потрібно запов­нити матеріалами та зберегти. Це статична сторінка, для якої не перед­бачено часту зміну наповнення.

Редагування веб-сторінок
Створену сторінку веб-сайта можна редагувати, наповнювати її інформа­ційними матеріалами, змінювати модульну сітку тощо. Для переходу до режиму редагування сторінок потрібно натиснути на кнопку Редагувати сторінку у верхній частині вікна браузера. Після цього у вікні браузера буде показано меню й панель інструментів. Вказівки меню поділено на такі категорії:

• Вставити — вставлення об'єктів на сторінку;

• Формат — форматування тексту на веб-сторінці;

• Таблиця — вставлення й редагування таблиць;

• Макет — вибір модульної сітки інформаційного блока сторінки: в один, два, три стовпці, з лівою або правою бічною панеллю тощо.

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

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

4. Інструктаж з ТБ
5. Формування навчального досвіду

1. Створити обліковий запис Gooogle у разі його відсутності.
2. Створити сайт «Здоровий спосіб життя» на 4 сторінки.
3. Наповнити сторінки інформацією щодо:
   • поняття здорового способу життя;
   • cкладоих здорового способу життя;
   • проблеми формування здорового способу життя;
   • поняття складових здоров'я;
   • поняття передумов здоров'я,
   використовуючи подані нижче зображення і відомості з мережі Інтернет.
4. Надіслати електронною поштою на адресу вчителя адресу створеного сайту.

6. Підбиття підсумків уроку

1. Про що нове ви дізналися?
2. Що найцікавішим було на уроці?
3. Які вказівки ви навчилися виконувати?

Виставлення оцінок.

7. Домашнє завдання
Cтворити сайт про власне уподобання.

Текст упорядкував Кандиба Юрій Дмитрович, вчитель СЗШ № 292 імені гетьмана України І. Мазепи, під час виконання випускної роботи на курсах підвищення кваліфікації з 03.11.2014 по 21.11.2014.