Поняття про мову розміщення гіпертекстового документа

ПОНЯТТЯ ПРО МОВУ ГІПЕРТЕКСТОВОЇ РОЗМІТКИ Мета: ✵ навчальна: навчити створювати найпростіші сайти мовою розмітки гіпертексту HTML; ✵ виховна: виховувати дисциплінованість, наполегливість у навчанні, навички працювати в команді, самонавчання та комунікативні; ✵ розвивальна: розвивати логічне мислення, пам'ять. Очікувані результати: учень уміє зберігати текстовий документ як веб-сторінку, додавати текст, графічні об'єкти на веб-сторінку, переглядати веб-сторінку. Тип уроку: комбінований. Обладнання та матеріали: презентація вчителя, інструкція до практичної роботи. Програмне забезпечення: програма для перегляду презентацій, браузер. Основні поняття уроку: тег, атрибут, мова розмітки гіпертексту HTML. Хід уроку ОРГАНІЗАЦІЙНИЙ МОМЕНТ Привітання класу та перевірка готовності до уроку. ПЕРЕВІРКА ДОМАШНЬОГО ЗАВДАННЯ Вчитель аналізує сайти, створені учнями вдома. Демонструє класу кращі роботи учнів. АКТУАЛІЗАЦІЯ ОПОРНИХ ЗНАНЬ З ТЕМИ «ОБ'ЄКТИ ФАЙЛОВОЇ СИСТЕМИ» Фронтальне опитування 1. Назвіть об’єкти файлової системи. 2. З яких елементів складається назва файлу? 3. Як завантажити програму «Блокнот»? 4. Як зберегти файл текстового документа? 5. Як записати шлях до файлу? МОТИВАЦІЯ Вправа «До та після» Питання до учнів. Як створити веб-сайт? Які програми для цього використовують? Свою відповідь учні занотовують до стовпця «До». До Після ПОВІДОМЛЕННЯ ТЕМИ Й МЕТИ УРОКУ ВИВЧЕННЯ НОВОГО МАТЕРІАЛУ Розповідь учителя супроводжується демонстрацією презентації. 1. Призначення мовийосновні поняття 2. Поетапне створення веб-документа Робота за комп'ютером Завдання учням 1) Відкрити текстовий редактор «Блокнот». 2) Зберегти документ під назвою «КТ_в_Україні.html». 3) Відкрити збережений документ як веб-сторінку. 3. Структура HTML-документа Зразок: Робота за комп'ютером Завдання учням. У текстовий документ увести HTML код відповідно до зразка. Переглянути веб-сторінку. Що змінилося? 4. Основні теги мови розмітки гіпертексту HTML (колір фону, тексту, зміна розміру та накреслення символів, вставка коментарів, вставка графічного зображення...) ФІЗКУЛЬТХВИЛИНКА ЗАКРІПЛЕННЯ (ПРАКТИЧНІ ЗАВДАННЯ) Робота за комп'ютером. Повторення правил БЖД під час роботи з комп'ютером Завдання учням. У створеному документі зробити такі зміни: 1) Заголовок документа - Історія розвитку комп’ютерної техніки в Україні. 2) Тіло документа (додати текст відповідно до зразка): 1951 рік — прийнята в експлуатацію Державною комісією в грудні 1951 р. перша в СРСР і континентальній Європі цифрова електронна обчислювальна машина — Мала електронна лічильна машина МЕСМ (фото МЕСМ). 3) Змінити колір тла. ПІДБИТТЯ ПІДСУМКІВ УРОКУ Заповнення другого стовпця таблиці на дошці «ПІСЛЯ». Учні роблять висновки, порівнюючи зміст двох стовпців. До Після