Конструювання сайтів з використанням HTML. Інструктаж з БЖД

1. 1
Урок №32 8 __ клас 1 група ________________
2 група ________________
Тема. Конструювання сайтівз використанням HTML. Інструктаж з БЖД
Цілі:
 навчальна: оволодіти практичними навичками використання html для
розробкивеб сайту, створити сайт певної тематики;
 розвивальна: розвивати логічне мислення, дослідницькі навички,
інформаційну культуру учнів;
 виховна: виховувати уважність та відповідальність, бажання мати
глибокіта якісні знання.
Тип уроку: Комбінований.
Обладнання та наочність: дошка, комп’ютери з підключенням до мережі
Інтернет.
Програмне забезпечення: браузер, офісні програми.
Хід уроку
І. Організаційний етап
І. Актуалізаціяопорнихзнань
1. Що таке дизайн? Які основніпринципи дизайну презентації та слайдів?
2. Що таке верстка? Яке її значення у процесістворення публікацій?
3. Що таке HTML-код сторінки? Дані яких видів він містить? Як можна
його переглянути?
4. Які складові структури веб-сторінки?
ІІІ. Мотивацій навчальноїдіяльності
IV. Формуваннявмінь та навичок
Практичне завдання (2 уроки):
Розробити засобами HTML веб сайт на тему «Гороскоп на 20___ рік».
Передбачити головну сторінку з переліком знаків зодіаку (таблиця 4х3, в
кожній комірці якої зображення відповідного знаку, його назва та часові
межі), а також окремі сторінки для кожного знаку з гороскопом на цілий
рік. Створити гіперпосилання між цими сторінками. Оформити
сторінки відповідно до власних вподобань та правил ергономічного
розміщення контенту на сторінцісайту.

2. 2
Хід виконання:
ЧАСТИНА 2:
1. Створити каркас веб сторінки з відповідним кодуванням та заголовком
першого знаку зодіаку (відповідно до створеної раніше головної
сторінки), зберегти створену сторінку за адресою
Зодіак_ваше_прізвище/pagesз іменем знак_зодіаку.html(англійською).
2. Знайти в мережі астрологічний прогноз для обраного знаку зодіаку на
заданий період.
3. Наповнити сторінку контентом за наступною схемою: знак зодіаку
(заголовок 1 рівня), часові рамки (заголовок 2 рівня), зображення
відповідного знаку (розміром 300 px), знайдений астрологічний
прогноз (з вказуванням джерела), текст «На головну сторінку»
(заголовок3 рівня з гіперпосиланням на сторінку index.html).
4. За потреби від форматувати сторінку та текстовий контент за власними
вподобаннями та з дотриманням правил ергономічного розміщення
відомостейна сторінці.
5. Аналогічним чином розробитирешту веб сторінокдля знаків зодіаку.
6. Використовуючи створену основну сторінку сайту пов’язати її з
відповідними сторінками знаків зодіаку (гіперпосилання прикріпити до
назви знаку та до його зображення)
7. Перевірити працездатність створеногосайту.
8. Заархівувати власну папку з сайтом та надіслати архів на перевірку,
використовуючи E-mail.
VI. Підсумки уроку
Рефлексія
1. Під час уроку я
 дізнався…
 зрозумів…
 навчився…
2. Найбільше мені сподобалося…
3. На уроці найкраще в мене виходило…
4. Я мав (-ла) труднощі з…
5. Я хотів би ще дізнатися про…
VІI. Домашнє завдання
1. Пройти підсумкове тестування знань з теми «Створення та публікація
веб ресурсів»
VІІI. Оцінюванняроботи учнів