close

Вход

Забыли?

вход по аккаунту

?

5.Работа с изображениями и логическими тэгами.

код для вставкиСкачать
Работа с изображениями и логическими тэгами.
Цели:
* Обучающие:
o Сформировать первоначальные представления о работе с изображениями в html.
o Познакомиться со способами форматирования изображений в html.
* Развивающие:
o умения анализировать, сравнивать, систематизировать и обобщать;
o интерес к учению, стремление к расширению кругозора;
* Воспитательные:
o бережное отношение к имуществу, ВТ и учебным пособиям;
o дисциплинированность, любознательность.
Ход урока:
* Организационный момент.
* Проверка д/з: тест на компьютере "Работа с текстом"
* Объяснение нового материала.
Повторение и актуализация знаний.
Краткий но обязательный разговор о структуре сайта. Учимся вставлять картинку. Подробно на примерах разбираем как правильно прописывать источник в html коде. Рассказываем о теге <div> и его применении.
Используя тег <div>, покажем, как можем выровнять картинку по центру.
Рассматриваем дополнительные атрибуты тега <img>: src="img/HTML.jpg" - источник (путь) к изображению
border="5" - рамка и её толщина
align="left" - смещение относительно текста
hspace="30" - горизонтальный интервал между изображением и обтекающим его текстом vspace="30" - вертикальный интервал между изображением и обтекающим его текстом width="100" - ширина изображения
height="70"- высота изображения
alt="текст который будет виден если отображение изображений отключено в браузере"
Говорим об обтекании
* Закрепление изученного материала:
Выполнить упражнение к уроку 5.
Задание на дом: Изучить материал в тетради наизусть.
Автор
v.p.m_78
Документ
Категория
Без категории
Просмотров
27
Размер файла
33 Кб
Теги
логические, изображения, работа, тэгами
1/--страниц
Пожаловаться на содержимое документа