- 27.02.2017
- 5020
- 25
Урок №____ Дата проведения________ Класс_11
Тема:«Тэги форматирования»
Цели: Изучить понятия и значения терминов Тэг и Атрибут, научиться применять их в процессе форматирования
Задачи:
Развивающие: способствовать развитию познавательного интереса, как к программированию, так и к предмету в целом.
Образовательные: научить использовать тэги и атрибуты при создании веб- страниц.
Воспитательные: воспитать умение работать в команде.
Оборудование: презентация, проектор, раздаточный материал, ПК
Тип урока: изучения новых знаний.
Формы урока: индивидуальная, парная, групповая, фронтальная
Методы урока: объяснительно-иллюстративный, частично-поисковый
Структура урока:
1. Организационная часть. (2 мин)
2. Актуализация знаний. (2 мин+ 3 мин /опрос)
3. Новая тема. (15мин)
4. Зарядка для глаз (2 мин)
5. Закрепление материала. (15 мин)
6. Дом.задание. (2 мин)
7. Итог урока. (3 мин)
8. Рефлексия (1 мин)
Ход урока:
1). Орг.момент (приветствие, проверка отсутствующих и готовность к уроку, объявление темы и цели урока). слайд 1, 2
2) Актуализация знаний ( за правильный ответ 1 балл, макс.5 б.) слайд 3
учащиеся восстанавливают соотношение в таблице
затем отвечают на вопросы, тем самым зарабатывая дополнительно по 1 баллу слайд 4
1. Что такое Web сайт?
2. Что такое Web страница?
3. Для чего служит браузер?
4. Что записывается между угловыми скобками <…>?
3) Объяснение темы: Презентация.
разбираем понятия, учащиеся конспектируют
} Тег – оформленная единица HTML-кода. Например, <html >, <body>,<h1>,<h2> и так далее.
} Атрибут –это дополнительная информация. Атрибуты всегда записываются внутри тега, затем следует знак равенства и детали атрибута, заключённые в двойные кавычки.
<h2 align="center"> Заголовок </h2>
учащиеся работают в 2 рабочих группах. Используя рабочие карты, заполняют таблицу
|
Название тэга |
Тэг |
Атрибуты |
Значение атрибутов |
|
Размер шрифта заголовка |
|
|
|
|
Тип шрифта текста |
|
||
|
Разделение на абзацы |
|
проверяем, дополняем. Далее учитель демонстрирует атрибуты выравнивания, атрибуты цвета, размера
затем рассматриваем пример:
<html>
<head>
<title>Пример</title>
</head>
<body>
<H1 ALIGN=LEFT><FONT SIZE="4", COLOR="RED">Текст можно выравнивать,указывать размер,цвет</FONT></H1>
<h1><P ALIGN=CENTER> ТАК ЖЕ СОЗДАВАТЬ НОВЫЙ АБЗАЦ и устанавливать ему выравнивание по центру. </P></h1>
</body>
</html>
И соответственно результат форматирования….
4) Зарядка для глаз
5)Практическая работа за компьютером
Дана готовая программа.
1. Чтобы заработать 3 балла - добавить зеленый цвет первой строке.
2. Чтобы заработать 4 балла – выполнить 1 задание + добавить выравнивание «по центру» ко второй строке
3. Чтобы заработать 5 баллов – выполнить 1, 2 задание + разбить текст на абзацы
6)Домашнее задание
Обязательно: учить определения, создать эскиз вашего сайта.
Дополнительно: задание из рабочей карты
7) Итоги урока /учащиеся отвечают на вопросы
Чем отличается тэг от атрибута?
Какие тэги используются для форматирования?
Какие атрибуты можно применить к тэгам?
8) Рефлексия
Учащиеся размещают магнит на соответствующем смайлике
Дополнительно:
|
ЗАДАНИЯ |
ОТВЕТЫ |
|
Скажи мне, какой у тебя компьютер, и я скажу, кто ты. |
Скажи мне, кто твой друг, и я скажу, кто ты. |
|
Компьютер памятью не испортишь. |
Кашу маслом не испортишь. |
|
Дареному компьютеру в системный блок не заглядывают. |
Дареному коню в зубы не смотрят. |
|
В Силиконовую долину со своим компьютером не ездят. |
В Тулу со своим самоваром не ездят. |
|
Бит байт бережет. |
Копейка рубль бережет. |
|
Что из Корзины удалено, то пропало. |
Что с возу упало, то пропало. |
|
Вирусов бояться – в Интернет не ходить. |
Волков бояться – в лес не ходить. |
|
Лучше Корвет на столе, чем Pentium во сне. |
Лучше синица в руках, чем журавль в небе |
|
По компьютерам встречают, по программам провожают. |
По одежке встречают, по уму провожают |
|
Алгоритмам учиться - всегда пригодится. |
Наукам учиться – всегда пригодится |
|
Не дорога программа, дорог алгоритм. |
Не дорог подарок, дорого внимание |
|
П |
Р |
И |
Н |
Т |
Е |
Т |
Р |
|
М |
К |
Н |
К |
А |
Р |
П |
Е |
|
О |
Л |
М |
А |
М |
Е |
Л |
К |
|
Н |
А |
Ы |
У |
А |
Р |
О |
Б |
|
И |
В |
Ш |
А |
Ш |
Н |
Т |
О |
|
Т |
И |
Ь |
Р |
Р |
Е |
Т |
Л |
|
О |
А |
Т |
У |
И |
К |
И |
Д |
|
Р |
К |
И |
Т |
С |
Й |
О |
Ж |
Ответы: Принтер, Трекбол, Плоттер, Джойстик, Монитор, Клавиатура, Мышь, Камера. Слово из оставшихся букв: Наушники
Задание «Змейка»
В табличках приведены слова, связанные с информатикой и компьютерами, причем буквы слов записаны «змейкой» в любом направлении по горизонтали и по вертикали, но не по диагонали. Команда, выполнившая задание первой, получает 2 балла.
Ответы: Бейсик, Курсор, массив, Память, Сервер, Истина, Пароль, Кнопка, Версия
Рабочие листы
к вашим урокам
Скачать
6 663 247 материалов в базе
Настоящий материал опубликован пользователем Лебедева Анна Владиленовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
600 ч.
Курс повышения квалификации
72 ч. — 180 ч.
Курс профессиональной переподготовки
300 ч. — 1200 ч.
Мини-курс
4 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.