Открытый урок: Комплексная практическая работа «Создание Web–документов»
Цель урока: Проконтролировать знания основных тегов языка HTML; умение создавать простейшие Web-страницы, которые содержат теги форматирования символов, гиперссылки, списки и таблицы, графические файлы.
Тип урока: урок контроля.
Ход урока.
1. Учащиеся получают текст комплексной практической работы (5 мин.), анализируют его.
2. Выполнение практической работы ( 25 мин.)
3. Отработка контрольных вопросов. (10 мин)
4. Подведение итогов. Выставление оценок. (5 мин.)
Текст работы.
Комплексная практическая работа «Создание Web-документов»
Задание.
1. Создайте шаблон Web-страницы (структурные теги)
Название Web-страницы «Открытый космический лицей» г. Симферополя.
2. В содержание Web-страницы включить текст:
УВК «Открытый космический лицей»
(выравнивание по центру, заголовок 1 уровня)
3. Подключить графический файл с:\photo\okl. jpg (wight=468 height=400)
4. В содержание Web-страницы включить текст:
Список профилей классов
(выравнивание по левому краю, заголовок 2 уровня)
5. Создать список гиперссылок
· Аэрокосмический
· Экологический
· Иностранный язык
(список ненумерованный, при щелчке на гиперссылке
Аэрокосмический - подключается файл с:\1.html
Экологический - подключается файл с:\2.html
Иностранный язык - подключается файл с:\3.html )
6. Создать таблицу
Сведения о классах
Профиль |
Класс |
7. Подключить графический файл с:\photo\kocmos. jpg (wight=468 height=400)
Контрольные вопросы.
1. Изменить цвет текста на WEB-странице.
2. Ненумерованный список поменять на нумерованный.
3. Изменить тип нумерации на большие римские цифры.
4. В таблицу добавить строчку
Общеобразовательные классы |
8-Д,9-Д,10-Д,11-Д |
5. Подключить графический файл C:\photo\116050.jpg
(Задание в тегах HTML)
<html>
<head>
<title>Открытый космический лицей г. Симферополя </title>
</head>
<body >
<H1 ALIGN = CENTER>УВК "Открытый космический лицей " </H1>
<IMG wight=468 height=400 ALIGN = CENTER SRC="C:\PHOTO\okl. JPG">
<H2 ALIGN = left> Список профилей классов </H2>
<uL type=disk>
<LI> <A HREF= "C:\1.html"> Аэрокосмический </LI> </A>
<LI> <A HREF= "C:\1.html">Экологический</LI> </A>
<LI> <A HREF= "C:\1.html">Английский язык</LI></A>
</uL>
<table align=center border=5>
<caption> Сведения о классах </caption>
<tr align=center>
<td> Профиль </td>
<td>классы </td>
</tr>
<tr align=center>
<td> Аэрокосмический</td>
<td> 8-А, 9-А, 10-А,11-А</td>
</tr>
<tr align=center>
<td> Экологический</td>
<td> 8-Б, 9-Б, 10-Б,11-Б</td>
</tr>
<tr align=center>
<td> Английский язык</td>
<td> 8-В, 9-В, 10-В,11-В</td>
</tr>
</table>
<P><IMG wight=468 height=400 ALIGN = CENTER SRC="C:\PHOTO\kocmos. JPG">
</body>
</html>
(Результат)
УВК "Открытый космический лицей "
Список профилей классов
Аэрокосмический
Экологический
Английский язык
Сведения о классах |
|
Профиль |
классы |
Аэрокосмический |
8-А, 9-А, 10-А,11-А |
Экологический |
8-Б, 9-Б, 10-Б,11-Б |
Английский язык |
8-В, 9-В, 10-В,11-В |