Разное по IT
1 1 1 1 1 1 1 1 1 1 Рейтинг 0.00 (0 Голоса)

Открытый урок: Комплексная практическая работа «Создание 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-В

заставка к заданию

Добавить комментарий


Защитный код
Обновить

По темам:

История Украины

Культурология

Высшая математика

Информатика

Охотоведение

Статистика

География

Военная наука

Английский язык

Генетика

Разное

Технологиеские темы

Украинский язык

Филология

Философия

Химия

Экология

Социология

Физическое воспитание

Растениевосдство

Педагогика

История

Психология

Религиоведение

Плодоводство

Экономические темы

Бухгалтерские темы

Маркетинг

Иностранные языки

Ветеринарная медицина

Технические темы

Землеустройство

Медицинские темы

Творчество

Лесное и парковое хозяйство

Агрономия

Преподавателям

Юридические темы

Google