Поняття про мову розмічання гіпертекстового документа. Урок 30 (Інформатика 10-11 клас)

Тема (слайд 2): Поняття про мову розмічання гіпертекстового документа

Мета (слайд 3):

• навчальна: ознайомити учнів з мовою розмічання гіпертексту;
• розвиваюча: розвивати інформаційну культуру, логічне мислення, пам’ять; формувати вміння узагальнювати, міркувати;
• виховна: виховувати інформаційну культуру учнів, уважність, акуратність, дисциплінованість.

Обладнання: комп’ютери кабінету з виходом в мережу Інтернет, мультимедійний проектор, презентація уроку, електронні матеріали (ФАЙЛИ-ЗАГОТОВКИ) до підручника “ІНФОРМАТИКА 10-11 КЛАС” Морзе Н.В. та ін..

Тип уроку: урок засвоєння нового матеріалу.

(Створено в навчальних цілях за підручником «Інформатика 10-11 клас»/Н.В. Морзе, О.В. Барна, В.П. Вембер, О.Г. Кузьминська. – К.: УОВЦ «Оріон», 2018 www.orioncentr.com.ua, inf10-11-m.blogspot.com/)

ХІД УРОКУ

І. Організація класу до уроку

1. Привітання із класом (слайд 1)
2. Повідомлення теми і мети уроку (слайд 2-3)

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

Пригадай (слайд 4):

1. Які особливості веб-сторінки?
2. Яке призначення текстового редактора Блокнот?
3. Яке розширення файла веб-сторінки?
4. Що називають кодом?

Онлайн тестування (слайд 5):

Перейти за посиланням для проходження тесту №22 http://testinform.in.ua/category/10-11-klas/

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

Пояснення вчителя з елементами демонстрування презентації

(використовується проектор)

1. Який вигляд має код розмітки веб-сторінки мовою HTML (слайд 6-8)
2. Як створити простий HTML-документ (слайд 9-11)
3. Як форматувати текст у HTML-документі (слайд 12-17)
4. Як працювати зі списками в HTML-документі (слайд 18)

IV. Формування практичних умінь і навичок

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки та санітарно-гігієнічних норм. (Інструктаж з правил техніки безпеки)

Завдання 1. Перегляд коду веб­-сторінки (слайд 19)

Перегляньте HTML-код веб-сторінки національного заповідника «Замки Тернопілля». Знайдіть заголовок, титульну назву, малюнок, звичайний текст, відформатований текст, посилання на іншу сторінку, список, таблицю.

Завдання на с. 215-216 підручника

Завдання 2. Визначення призначення основних тегів веб-­сторінки (слайд 20)

Перегляньте HTML-документ Цирк, що зберігається в папці Мультимедіа та сайти на спільному ресурсі, й укажіть призначення основних тегів.

Завдання на с. 216 підручника

Завдання 3. Створення простої веб-­сторінки (слайд 21)

Складіть простий документ, який міститиме лише заголовок вікна за зразком (мал. 23.1).

Завдання на с. 216 підручника

Завдання 2. Працюємо самостійно (слайд 22)

Створіть веб-сторінки, у яких зазначені основні характеристики людей, що народилися під різними знаками зодіаку. Оформіть їх відповідним чином і збережіть кожну окрему сторінку під відповідним іменем до папки Мова HTML.

Завдання на с. 224 підручника

V. Підсумок уроку

Обговорюємо (слайд 23)

1. Який вигляд має код розмітки веб-сторінки мовою HTML?
2. Як створити простий HTML-документ?
3. Як форматувати текст у HTML-документі?
4. Як працювати зі списками в HTML-документі?

Рефлексія (слайд 24-27)

• Що нового сьогодні дізналися?
• Чого навчилися?
• Що сподобалось на уроці, а що ні?
• Чи виникали труднощі?

VI. Домашнє завдання (слайд 28)

Опрацювати параграф підручника п.23.1-23.4

Завантажити конспект Завантажити презентацію