Конспект урока Web-страницы и Web-сайты. Структура Web-страницы
Раздел программы: Коммуникационные технологии
Тема урока: Web-страницы и Web-сайты. Структура Web-страницы.
Тип урока: Урок изучение и первичное закрепление новых знаний.
Вид: комбинированный урок
Технология: с применением ИКТ
Время проведения: 45 минут
Оборудование:
компьютерный класс
ОС Windows XP
Internet Explorer
Цели:
Дать представление об основах языка разметки гипертекста HTML.
Научиться создавать простые Web-страницы с помощью языка HTML.
Развитие познавательного интереса, творческой активности учащихся;
Проконтролировать уровень усвоения учениками программного материала.
Задачи:
Воспитательная – развитие познавательного интереса, воспитание информационной культуры, логического мышления, осознание собственной значимости в образовательном процессе.
Учебная – повторение и проверка умений пользоваться современными компьютерными технологиями для решения жизненных ситуаций.
Развивающая – развитие логического мышления, расширение кругозора, систематизация знаний.
План урока
Организационный момент.
Актуализация знаний:
Сообщение темы, целей и задач урока.
Изучение нового материала (показ презентации)
Выполнение практической работы.
Закрепление изученного материала (тест)
Подведение итогов урока.
Домашнее задание.
Практическая работа «Моя первая веб-страница»
Открыть программу Блокнот.
В Блокноте набрать следующий текст
<html>
<head>
<title>Пример 1.1</title>
</head>
<body>
<h1 align=center>Привет, всем жителям Земли!</h1>
<hr size=4 width=100%>
<h3>Скоро все узнают, как я умею создавать сайты!</h3>
<p>Это только начало, сейчас я просто учусь...</p>
<p align=left>Выравнивать текст по левому краю</p>
<p align=center>И по центру могу!</p>
<p align=right>И вправо легко!</p>
<hr size=2 width=50% color=#cc99ff>
<h2 align=center>Вот какая я молодец!!!<br>Это ещё не всё!!!</h2>
</body>
</html>
Нажмите "сохранить как" и сохраняйте под названием "my.htm" (Общие документы-Класс-Группа-Своя папка)
Посмотреть результат нужно в окне браузера
Проверочный тест №1.
Фамилия, Имя________________________
Начало формы
Что такое HTML?
а) гиперъязык разметки текста в) язык программирования
б) язык разметки гипертекста г) язык племени МайаСколько пар обязательных тэгов вы знаете?
а) 6 в) 4
б) 3 г) гораздо больше
Между какими тэгами находится название документа?
а) <body>..</body> в) <head>..</head>
б) <p>..</p> г) <title>..</title>
Какая пара тэгов определяет абзац в документе?
а) <p>..</p>в) <h3>..</h3>
б) <head>..</head>г) <h1>..</h1>
Заголовок второго уровня, выровненный по правому краю, обозначается:
а) <h1 align=right>..</h1> в) <h2 align=right>..</h2>
б) <h2 align=left>..</h2>г) <h3 align=center>..</h3>
Отсутствие в тэгах заголовка или абзаца параметра align приводит к выравниванию текста по:
а) ширинев) левому краю
б) правому краюг) по центру
Выберите верную тройку непарных тэгов:
а) <h1>,<nobr>,<hr>в) <hr>,<br>,<nobr>
б) <br>,<nabr>,<hr>г) <nobr>,<b>,<hr>