Конспект урока «Добавление таблиц, оформление рисунков на Web-страницах» по информатике для 10 класса

Конспект урока по информатике

Дата: 02.10.2010

Класс: 10

Учитель: Мкртчян Оксана Владимировна

Тема: Добавление таблиц, оформление рисунков на Web-страницах

Тип урока: закрепление знаний

Цели урока:

• Образовательная:

• Выработать умения по применению знаний, полученных на прошлом занятии, научить каждого ученика создавать Web-страницы с использованием таблиц и рисунков.

• Развивающая:

  • Учить строить аналогии, выделять главное, ставить и решать проблемы.

• Воспитательная:

• Воспитывать аккуратность, внимательность, дисциплинированность.

Оборудование, материалы, используемая литература: учебник Н. Угринович «Информатика и ИКТ» 9 кл., интерактивная доска, компьютеры, задания для самостоятельной работы за ПК, словарь основных тегов.

План урока:

№

Ход урока:

Этап урока

7.

8. Align

9. title =“Текст“

1. Организационный момент.

Здравствуйте! Прошу всех садиться. Дежурный назовите тех, кто сегодня отсутствует.

2. Проверка домашнего задания

К сегодняшнему уроку вы должны были знать все определения, которые мы изучали на прошлом уроке. Ответьте устно на вопросы:

1. Какой тег отвечает за вставку изображений в веб-документ? (Тег IMG>)

2. Какой атрибут тега img> определяет альтернативный текст, который появляется на месте картинки в окне браузера, если вывод картинки невозможен или заблокирован пользователем? (alt=”подсказка”)

3. За выравнивание изображения отвечает атрибут…? (align)

4.Как задать размеры вставляемой картинки? (height, width – высота и ширина изображения в пикселях)

5. Какой тег создает таблицу? (Тег

6. Формирует строки тег…? (

7. Формирует столбцы тег …? (

8. Какой атрибут отвечает за выравнивание таблицы относительно документа? (Align)

9. Какой атрибут для тега

3. Сообщение темы

На прошлом уроке вы познакомились с основами языка гипертекстовой разметки документа. Сегодня будем учиться создавать Web-страницы в текстовом редакторе Блокнот с использованием рисунков и таблиц.

4. Техника безопасности при работе с компьютером.

Ребята, далее вы будем работать за компьютерами. Вы уже знакомы с техникой безопасности при работе с компьютером? Если нет, то рядом с каждым монитором есть памятка, прежде чем начать работу, пожалуйста, прочитайте ее.

5. Разъяснение хода практической работы.

Разбейтесь на группы по 2-3 человека и садитесь за компьютеры. Задания вы получили на листочках. Вам необходимо создать Web-страницы, используя программу Блокнот

по образцу, а также последовательно выполняя пункты заданий. Для этого необходимо применить знания, полученные на прошлом уроке. А затем откройте созданный файл в Internet Explorer.

6. Практическая рабата за компьютерами.

Вам необходимо создать Web-страницу, используя стандартную программу Блокнот, используя примеры приведенной ниже таблицы. Откройте созданный файл в Internet Explorer

Задание№1

- Создать документ, в котором, в заголовке окна браузера должна быть надпись «Практическая работа» (

- Фон и текст документа задать цветом: bgcolor="#9900CC" text="#CCCCCC">

- Заголовок первого уровня (h1) выровнять по центру (align=center)

- Добавить три картинки со следующими параметрами: выравнивание слева (align=left), ширина: 200 пикселей (Width=200), высота: 200 пикселей (height=200), расстояние между картинкой и текстом по вертикали и горизонтали 20 пикселей (hspace=20 vspace=20)

-Подписать название рисунка (Текст)

-Создать всплывающую подсказку-текст при наведении мыши на картинку (alt=”Рисунок1”)

- Между картинками вставить тегbr>-разрыв строки

Результат:

Задание №2

Построить таблицу из трех строк, содержащих по три ячейки. Ширина в 90% от ширины окна браузера, выравнивание по правому краю, цвет рамки #00CED1 и рамка толщиной в 1 пиксель.

1ст.: bgcolor=#F5F5DC align=right

3 ячейка 1ст.:bgcolor=#888888

2ст.1я. td bgcolor=#00FFFF height=20>. 2я.bgcolor=#00FFFF width=50%

3я. bgcolor=#888888

3ст.1я. bgcolor=#00BFFF 2я. bgcolor=#F0FFFF

3я. bgcolor=#00CED1

Результат:

Задание № 3

COLSPAN - Указывает, какое количество ячеек будет объединено по горизонтали для указанной ячейки.

ROWSPAN - Указывает, какое количество ячеек будет объединено по вертикали для указанной ячейки.

Построить таблицу. Толщина внешней рамки5 пикселей(border=5).

Заголовок таблицы задать внизу таблицы (CAPTION ALIGN=bottom>)

TR>TD ROWSPAN=2>TD>TH COLSPAN=2>Среднее значениеTH>TR>

TR>TH>РостTH>TH>ВесTH>TR>

Мужчины 174 78

Женщины 165 56

Результат:

Задание № 4

Построить таблицу по образцу.

Результат:

7. Оценивание выполнения работы

Молодцы, все хорошо работали на уроке и заслужили оценки ……

8. Сообщение домашнего задания.

Запишите домашнее задание: с. 53, з.3.1, знать определения по HTML, выучить основные теги 9. Подведение итогов урока.

Сегодня на уроке вы научились создавать на Web-страницах таблицы и добавлять рисунки в текстовом редакторе Блокнот, работать с тегами языка HTML. Спасибо за работу на уроке, можете быть свободны.