Урок Інтерактивна книга

«Творческим считается любое действие, которое
                        эффективно и вызывает  удивление»

Дж. Брунер

Тема: Створення інтерактивної книги

Мета.

Навчальна: навчитися створювати інтерактивні книги c допомогою програми Front Page 2003; навчитися використовувати відео і аудіо додатки в програмі.

Розвиваюча: Розвивати навички роботи з програмою Front Page; творчого підходу при створенні интерактивної книги.

Виховна: виховувати стійкий інтерес до досліджуваного предмета, позитивне ставлення до знань.

План

1. Організаційний момент
2. Актуалізація опорних знань
3. Мотивація
4. Перевірка домашнього завдання
5. Нова тема
6. Відпрацювання практичних навичок роботи з ПК.
7. Захист проекту
8. Домашнє завдання.

Хід уроку

1. Організаційний момент

Доброго дня. и все у вас готове до уроку? (Зошит, ручка, щоденник)

Можемо починати урок.

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

Ми з вами закінчили на попередньому уроці тему Візуальний редактор веб-сайтів.

Я хотіла б перевірити як ви добре врозуміли цю тему,  тому що вона нам необхідна щоб рухатися далі.

А для цього я пропоную декілька питань до попереднього модуля.

Практичне опитування:

1.Яке призначення візуального редактора FrontPage?

Програма Microsoft FrontPage призначена для створення веб-сторінок і         веб-вузлів.

2. Як вставити заголовок Word Art у текст?

Використайте піктограму Добавить обьект WordArt

3. Як вставити фоновий малюнок на сторінку

Для цього потрібно викликати Свойства страницы, вибрати закладку Форматирование, поставити галочку на Фоновый рисунок, натиснути Обзор, вибрати потрібний малюнок, виділити його та натиснути Открыть, Ок.

4. Що таке шаблон? Навіщо їх використовують при створенні веб-сайтів?

Шаблони - це зразки сайтів або сторінок, що пакет пропонує заповнювати по  мірі необхідності.

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

5. Як створити веб-сайт за допомогою майстра веб-вузла?

1.Запустіть програму Frontpage.

2. Виберіть команду Файл → Создать → Веб-узел группы. У вікні Шаблоны веб-узлов виберіть Пустой веб-узел та натисніть Ок.

6.Що таке CSS?

CSS або каскадні таблиці стилів - це технологія оформлення веб-сторінок, основною метою якої є поділ змісту сторінки і її зовнішнього вигляду.

7.Які існують редактори CSS?

Для роботи зі стилями css є спеціальні css-редактори, які можуть бути текстовими і візуальними.

Як текстовий редактор для таблиць css підійде традиційний блокнот. Для створення зовнішньої таблиці css у блокноті досить прописати синтаксис таблиці й зберегти документ із розширенням .css. Поряд зі стандартним блокнотом широко використовується і його розширена версія - Notepad ++, у якій є можливість підсвічування синтаксису css-кодів.

8.Чим корисні CSS-редактори?

CSS-редактори в першу чергу необхідні для того, щоб якнайбільше полегшити роботу веб-дизайнера. Використання спеціалізованих css-редакторів знижує ймовірність появи помилок у синтаксисі коду, прискорює роботу з кодом, дозволяє відразу ж бачити результат застосовуваних функцій і ефектів.

9.Як створити зовнішню таблицю стилів?

Зовнішня таблиця стилів CSS, що створюється програмою FrontPage, може бути пов'язана з окремими сторінками Web- вузла або з усіма відразу. Після такого форматування елементів, разміщення на Web- сторінці, визначатиметься відповідно до значень, що містяться в цій таблиці.

2. Як використати зовнішню таблицю стилів?

10. Що відбудеться з сторінками сайту, якщо до нього застосувати каскадні таблиці стилів?

• всі сторінки - пов'язує таблицю стилів зі всіма сторінками Web- вузла,

● виділені сторінки - пов'язує таблицю стилів з вибраною сторінкою.

11.Що таке режим  WYSIWYG?

what you see is what you get - що бачите, те й отримуєте

Мотивація

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

Будь ласка придивиться собі на парту, що ви бачити?

Учні( відповіді)

Так, це книга та диск.

А як ви вважаєте ці предмети можна між собою об’єднати?

 Учні( відповіді)

А якщо ми їх об’єднаємо, що з цього може вийти?

 Учні( відповіді)

Так молодці!

Як і вважаєте якими цілями ми повинні задатися на цьому уроці.

Учні( відповіді)

Тому і тема нашого уроку Інтерактивна книга.

Ви вже в останньому класі скоро на вас чекає доросле життя. Скажіть будь ласка хотіли б ви щось залишити школі на згадку про себе?

Учні( відповіді)

Я вам пропоную створити інтерактивну книгу для майбутніх малят першого класу.

Ви згодні зі мною?

Учні( відповіді)

Перевірка домашнього завдання

Тому ваше домашнє завдання було підготувати матеріал казки з малюнками.

Всі готові?

Нова тема

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

Учні( відповіді)

Так вона містить малюнки, текст, відео або аудіо файли.

Але де і як створювати інтерактивні книги, як ви вважаєте?

Учні( відповіді)

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

І в цьому нам допоможе програма …. яка?

Учні( відповіді)

 Які знання ви зможете пристосувати до створення інтерактивної книги, а які ще знадобляться? 

Учні( відповіді)

Тоді давайте разом будемо доповнювати знання.

Щоб додати відео або аудіо файл існує два способи:

1 спосіб

відкрити програму Front Page,

додати сторінку(назвати її),

вибрати меню ВСТАВКА- ВЕБ КОМПОНЕТИ

у додатковому меню з ліва вибрати ДОПОЛНИТЕЛЬНЫЕ ЭЛЕМЕНТЫ

у додатковому меню з права вибрати ЭЛЕМЕНТ AktiveX- натиснути далі

і вибрати компонент ПРОИГРОВАТЕЛЬ WINDOWS MEDIA

відкрити правою кнопкою контекстне меню, вибрати місце знаходження файла

і налаштувати властивості.

2 спосіб

відкрити програму Front Page,

додати сторінку(назвати її),

вибрати меню ВСТАВКА-РИСУНОК-ВИДИОЗАПИСЬ

вибрати місце знаходження файла

визвати правої кнопкою контекстне меню і налаштувати властивості.

Скажіть чим відрізняються ці плеєри?

Скажіть якій краще вибрати і чому?

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

Я вважаю що ви всі набули необхідних знань для виконання практичної роботи.

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

Захист проекту

Оцінювання проекту

Домашнє завдання. http://literaturnamozaika.jimdo.com/

Розробити на власний розсуд головної сторінки, щоб потім ми змогли прив’язати до неї всі створені казки. Сама найгарніша сторінка буде відібрана.