- •Хід уроку
- •1.Актуалізація опорних знань. Перевірка вивченого матеріалу.
- •2. Мотивація навчальної діяльності.
- •3. Повідомлення теми і мети уроку.
- •4. Пояснення нового матеріалу та виконання практичних вправ.
- •5.Підведення підсумків
- •6. Домашнє завдання
- •Урок №2
- •Хід уроку.
- •1 Актуалізація опорних знань.
- •2. Мотивація навчальної діяльності
- •3.Повідомлення теми та завдань уроку.
- •3. Вивчення нового матеріалу, виконання практичних завдань.
- •5.Підведення підсумків
- •6. Домашнє завдання
- •Урок № 3
- •Мотивація навчальної діяльності.
- •Повідомлення теми і мети уроку.
- •Актуалізація опорних знань.
- •Вивчення нового матеріалу, виконання практичної роботи.
- •5.Підведення підсумків.
- •6 Домашнє завдання.
- •Хід уроку.
- •Актуалізація опорних знань.
- •Мотивація навчальної діяльності.
- •Повідомлення теми і постановка завдань уроку.
- •Вивчення нової теми, виконання практичних завдань.
- •Підведення підсумків уроків.
- •Домашнє завдання.
- •Урок №5
- •Хід уроку.
- •1.Актуалізація опорних знань.
- •2. Мотивація навчальної діяльності.
- •3. Повідомлення теми і завдань уроку.
- •4. Виклад навчального матеріалу, виконання практичних завдань.
- •5. Підведення підсумків.
- •6. Домашнє завдання.
- •Урок №6
- •Перевірка домашнього завдання. Актуалізація опорних знань.
- •Мотивація навчальної діяльності.
- •Повідомлення теми та мети уроку.
- •Вивчення нового матеріалу та виконання практичних завдань.
- •Підведення підсумків уроку.
- •Домашнє завдання.
- •Хід уроку
- •Перевірка домашнього завдання. Актуалізація опорних знань.
- •Мотивація навчальної діяльності.
- •Виконання практичних завдань.
- •Підведення підсумків уроку.
- •Домашнє завдання.
- •Урок №8
- •Хід уроку
5.Підведення підсумків.
Перегляд робіт, виставлення балів за роботу на уроці.
Обговорення проблем та їх вирішення, що виникли під час виконання практичних завдань.
6 Домашнє завдання.
Вивчені теги занести до словника. Продумати матеріал, який вимагає організації таблиць для роботи на наступному уроці.
Учням, які мають досвід у роботі з мовою розмітки гіпертексту, підготувати поради по створенню таблиць на допомогу учням – «новачкам» (найкращу використаємо на уроці ).
Для підготовки використайте таку літературу:
О.Г. Пасічник, О.В.Пасічник, І.В. Стеценко «Основи веб-дизайну»
Додаток 1
< ol type=1> |
Стандартний спосіб нумерації за допомогою арабських цифр |
< ol type=a> |
Нумерація за допомогою малих букв алфавіту |
< ol type=A> |
Нумерація за допомогою великих букв алфавіту |
< ol type=I> |
Нумерація за допомогою римських цифр |
< ol type=1> |
Стандартний спосіб нумерації за допомогою арабських цифр |
< ol type=a> |
Нумерація за допомогою малих букв алфавіту |
< ol type=A> |
Нумерація за допомогою великих букв алфавіту |
< ol type=I> |
Нумерація за допомогою римських цифр |
< ol type=1> |
Стандартний спосіб нумерації за допомогою арабських цифр |
< ol type=a> |
Нумерація за допомогою малих букв алфавіту |
< ol type=A> |
Нумерація за допомогою великих букв алфавіту |
< ol type=I> |
Нумерація за допомогою римських цифр |
Урок №4
Тема:Розмітка веб-сторінок за допомогою таблиць.Теги таблиць, рядків, комірок, їхні атрибути. Практична робота «Структурування веб-сторінок за допомогою таблиць».
Мета:познайомити учнів з тегами створення таблиць у веб-документі;продовжувати формувати вміння та навички створення НТМL-документа;
розвивати пізнавальний інтерес; дизайнерські здібності учнів, вміння планувати свою роботу;
виховувати культуру подання інформації.
Використане обладнання: комп’ютер; дошка; презентація з основними поняттями; таблиця із структурою НТМL-документу;
Хід уроку.
Актуалізація опорних знань.
Інформаційний диктант: «Повторення призначення відомих тег». Учитель демонструє і називає тег або атрибут, учні записують їхнє призначення
Завдання: записати призначення тег:
Html
Br
Ol, li
H5
Hr
Title
Color
Font
Head
Align=”right”
Body
Bgcolor
Відповіді на поставлені запитання учні записують на листочках. Після цього обмінюються листочками та перевіряють відповіді(читає відповіді сильний учень, а вчитель контролює, чи все правильно).
Завдання: відобразіть результати перевірки інформаційного диктанту у вигляді таблиці створеної засобами мови HTML.
Учні, що не мають досвіду роботи з мовою HTML, обов’язково заявлять про те, що вони не вміють цього робити. Таким чином виникає необхідність вивчення теми: „ Створення таблиць мовою HTML”
