Гіпертекстові, графічні та мультимедійні елементи на вебсторінках

Сприйняття та осмислення нового матеріалу

Завдання.

  1. Увійти в свій обліковий запис Google.

  2. Відкрити створений на попередньому уроці сайт

Способи додавання об'єктів до веб-сторінки

Текстове поле

Завдання.

1. Створити сторінку з назвою "Успіх" та відкрити її

2. Додати до цієї сторінки текстове поле і набрати в ньому вислів:

“Прагніть не до успіху, а до цінностей, які він дає”

Альберт Ейнштейн

3. Встановіть для тексту та поля наступні параметри:

    • Вислів шрифтом, схожим на рукописний, по центру.

    • Автор вислову курсивом, праворуч.

    • Ширина поля - половина ширини сторінки.

    • Розташування поля - по центру ширини сторінки.

    • Фон поля - "Стиль 2"

Текст, що згортається

Завдання.

  1. Під висловом Альберта Ейнштейна додати поле "Текст, що згортається".

  2. Заповнити поле відповідно до зразку.

Складові успіху:

- розвиток;

- мотивація;

- старанність

Графічне зображення

Завдання.

  1. Додати до сторінки графічне зображення з Інтернету за ключовим словом "Успіх".

  2. Розмістити зображення праворуч від тексту, що згортається

Карусель зображень

Завдання.

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

ГІПЕРТЕКСТОВІ ЕЛЕМЕНТИ

Текст як гіперпосилання

Завдання.

  1. На сторінці "Успіх" текст "Альберт Ейнштейн" зробити посиланням на сторінку Вікіпедія про Альберта Ейнштейна.

  2. Відкрити попередній перегляд сторінки і перевірити роботу гіперпосилання

Зображення як гіперпосилання

Завдання.

  1. Зображення на сторінці "Успіх" зробити гіперпосиланням на сторінку Вікіпедія "Успіх"

  2. У попередньому перегляді перевірити роботу гіперпосилання

Відображення сторонньої веб-сторінки на власній сторінці

Завдання.

На своїй веб-сторінці "Успіх" відобразити веб-сторінку з Вікіпедія "Успіх"

Додавання об'єкта з іншого сайту

Завдання.

  1. Для сторінки "Успіх" створити підсторінку "Завдання".

  2. На сайті learningapps.org відкрити будь-яке завдання і розмістити його на своєму сайті на сторінці "Завдання"

Кнопка на веб-сторінці

Завдання.

  1. Під полем із завданням додати кнопку "LearningApps" з посиланням на адресу https://learningapps.org.

  2. Перевірити роботу кнопки в попередньому перегляді

МУЛЬТИМЕДІЙНІ ЕЛЕМЕНТИ НА ВЕБ-СТОРІНЦІ

Додавання відео

Завдання.

На головну стирінку сайту додати відео про природу України

Самостійна робота за комп'ютером

Підручник, с. 128, Працюємо з комп'ютером, №15-19

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

П. 4.3, с. 122