Открыть Электронные книги
Категории
Открыть Аудиокниги
Категории
Открыть Журналы
Категории
Открыть Документы
Категории
Задачи:
образовательные:
развивающие:
воспитательные:
Учащиеся должны:
<img
src="img/Компьютер.jpg"
border="0" width="400"
height="209" hspace="20"
align="left" >
Само изображение
"вставляется" с помощью
тега: img src. Полностью
запись выглядит вот так: img
src="img/Компьютер.jpg",
где "img/Компьютер.jpg" –
указывает, что наша
картинка лежит в папке: img,
а имя графического файла
(картинки): Компьютер.jpg.
Давайте рассмотрим
дополнительные параметры:
border="0" – указывает,
что рамки вокруг
изображения нет.
width="400" – указывает,
что ширина изображения
составляет: 400
пикселей(ставьте
реальную цифру ширины
ваших изображений).
height="209" - указывает,
что высота изображения
составляет: 209
пикселей(ставьте
реальную цифру высоты
ваших изображений).
hspace="20" – указывает
на отступ текста вокруг
изображения в 20
пикселей.
align="left" – это уже
знакомый Вам тег…..
Правильно, обозначает
выравнивание по левому
краю, также может
принимать,
значение: right -
выравнивание по правому
краю.
Познакомимся с понятием
«гиперссылка», изучим
способы создания гиперссылок
и их размещения на web-
странице.
Гиперссылка (hyperlink) –
часть гипертекстового
документа, указывающая на
другой документ или web-
страницу.
Назначение гиперссылки:
Связывать документы или web-
страницы в единую систему,
где элементы имеют
возможность
взаимодействовать друг с
другом.
На web-страницу гиперссылки
размещаются с помощью
контейнера тегов <A>..</A>:
Пример:
<A href=“адрес перехода”>
Текст ссылки</A>
Существуют
дополнительные атрибуты
(свойства)для гиперссылок:
1. Атрибут LINK="
" – Определяет цвет
еще не просмотренной
ссылки.
2. Атрибут VLINK="
" – Определяет цвет
уже просмотренной
ссылки.
3. Атрибут ALINK="
" – Определяет цвет
активной ссылки, на
которую наведен
указатель мышки.
Проверка Установить, усвоили или Итак, ребята какую тему мы Проводит Отвечают на вопросы
понимания нет учащиеся связь между сегодня изучали на уроке? небольшой учителя
учащимися фактами, содержание фронтальный
нового материала новых понятий, Какие новые понятия мы опрос
закономерностей, изучили?
устранить обнаруженные 1) Какие форматы
пробелы. гр. файлов
используются для
Web-страниц?
2) Какой тег
используется для
вставки
изображения?
3) Какой обяза-
тельный атрибут
задает имя файла с
картинкой
Домашнее Сообщить учащимся о Дома вам нужно будет Учитель записывает Записывают Д.З. в дневники
задание домашнем задании, выучить основные тэги, Д.З. на доске
разъяснить методику его используемые для вставки
выполнения и подвести изображений и гиперссылок на
итоги работы web-страницу.
Дата__________
ФИО учителя_____________________________
Подпись учителя_______________