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