Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015

Опубликуйте свой материал в официальном Печатном сборнике методических разработок проекта «Инфоурок»

(с присвоением ISBN)

Выберите любой материал на Вашем учительском сайте или загрузите новый

Оформите заявку на публикацию в сборник(займет не более 3 минут)

+

Получите свой экземпляр сборника и свидетельство о публикации в нем

Инфоурок / Информатика / Презентации / Презентация по Web программированию на тему "Встраивание изображении в HTML"
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 24 мая.

Подать заявку на курс
  • Информатика

Презентация по Web программированию на тему "Встраивание изображении в HTML"

библиотека
материалов
Встраивание изображений в HTML-документы Для встраивания изображений в HTML-д...
Выравнивание изображений ЗначениеALIGN Действие параметра ТОР Верхняя граница...
Задание размеров выводимого изображения Тэг встраивания изображений имеет два...
Отделение изображения от текста Для тега  можно задавать параметры HSPACE и V...
Рамки вокруг изображений Изображение, встраиваемое на страницу, можно помести...
Альтернативный текст Одним из параметров тега  является параметр ALT, определ...
Использование изображения в качестве ссылки Графические изображения могут исп...
Параметр LOWSRC  Его значение определяет файл с альтернативным изображением,...
Какой формат предпочесть — GIF или JPG формат GIF лучше всего подходит для сл...
9 1

Описание презентации по отдельным слайдам:

№ слайда 1 Встраивание изображений в HTML-документы Для встраивания изображений в HTML-д
Описание слайда:

Встраивание изображений в HTML-документы Для встраивания изображений в HTML-документ следует использовать тег <IMG>, имеющий единственный обязательный параметр SRC, определяющий URL-адрес файла с изображением. Простейший пример встраивания изображения: <IMG SRC=picture.gif>

№ слайда 2 Выравнивание изображений ЗначениеALIGN Действие параметра ТОР Верхняя граница
Описание слайда:

Выравнивание изображений ЗначениеALIGN Действие параметра ТОР Верхняя граница изображения выравнивается по самому высокому элементу текущей строки ТЕХТТОР Верхняя граница изображения выравнивается по самому высокому текстовому элементу текущей строки MIDDLE Выравнивание середины изображения по базовой линии текущей строки ABSMIDDLE Выравнивание середины изображения посередине текущей строки BASELINEилиBOTTOM Выравнивание нижней границы изображения по базовой линии текущей строки ABSBOTTOM Выравнивание нижней границы изображения по нижней границе текущей строки LEFT Изображение прижимается к левому полю окна. Текст обтекает изображение с правой стороны RIGHT Изображение прижимается к правому полю окна. Текст обтекает изображение с левой стороны

№ слайда 3 Задание размеров выводимого изображения Тэг встраивания изображений имеет два
Описание слайда:

Задание размеров выводимого изображения Тэг встраивания изображений имеет два необязательных параметра, указывающих размеры изображения при отображении — WIDTH и HEIGHT. Значения параметров могут указываться как в пикселах, так и в процентах от размеров окна просмотра. Значения параметров ширины и высоты изображения могут не совпадать с истинными размерами изображения. В этом случае браузеры автоматически при загрузке изображений выполняют его перемасштабирование.

№ слайда 4 Отделение изображения от текста Для тега  можно задавать параметры HSPACE и V
Описание слайда:

Отделение изображения от текста Для тега <IMG> можно задавать параметры HSPACE и VSPACE, значения которых определяют отступы от изображения, оставляемые пустыми, соответственно, по горизонтали и вертикали. Это гарантирует, что между текстом и изображением останется пространство, необходимое для нормального восприятия.

№ слайда 5 Рамки вокруг изображений Изображение, встраиваемое на страницу, можно помести
Описание слайда:

Рамки вокруг изображений Изображение, встраиваемое на страницу, можно поместить в рамку различной ширины. Для этого служит параметр BORDER тега <IMG>. В качестве значения параметра используется число, означающее толщину рамки в пикселах. По умолчанию рамка вокруг изображений не рисуется. Исключением из этого правила является случай, когда изображение является ссылкой.

№ слайда 6 Альтернативный текст Одним из параметров тега  является параметр ALT, определ
Описание слайда:

Альтернативный текст Одним из параметров тега <IMG> является параметр ALT, определяющий альтернативный текст. Его указание дает возможность пользователям неграфических браузеров или пользователям, работающим в режиме отключения загрузки изображений, получить некоторую текстовую информацию о встроенных изображениях.

№ слайда 7 Использование изображения в качестве ссылки Графические изображения могут исп
Описание слайда:

Использование изображения в качестве ссылки Графические изображения могут использоваться не только в качестве иллюстраций, но и выполнять роль указателей гипертекстовых связей. Для обеспечения работы изображения в качестве ссылки на другие ресурсы достаточно включить изображение внутрь тэга-контейнера <А>. Пример: <А HREF=My_doc.html><IMG SRC=map.gif></A>

№ слайда 8 Параметр LOWSRC  Его значение определяет файл с альтернативным изображением,
Описание слайда:

Параметр LOWSRC  Его значение определяет файл с альтернативным изображением, которое должно появляться при первом проходе выдачи на экран загружаемого документа. В качестве изображения, указываемого значением параметра LOWSRC, рекомендуется выбирать картинку того же содержания, но более низкого разрешения. Изображения такого рода занимают значительно меньше места ибыстро загружаются. Это позволяет уже на первом проходе формирования документа увидеть общие черты изображений и не ожидать их полной загрузки. Пример записи: <IMG SRC=main.gif LOWSRC=low.gif>

№ слайда 9 Какой формат предпочесть — GIF или JPG формат GIF лучше всего подходит для сл
Описание слайда:

Какой формат предпочесть — GIF или JPG формат GIF лучше всего подходит для следующих типов изображений: изображений с ограниченным количеством используемых цветов; изображений, имеющих четкие границы и края, что свойственно большинству изображений типа меню, кнопок и графиков; изображений, в состав которых входит текст. Формат JPG больше подходит для хранения следующих изображений: фотографий, полученных со сканера или цифровой камеры, а также фотореалистичных изображений, построенных на основе компьютерных расчетов (ray-tracing rendering); графики со сложным сочетанием цветов и оттенков; любое изображение, которое требует более 256 цветов.

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

Встраивание изображений в HTML-документы

Для встраивания изображений в HTML-документ следует использовать тег , имеющий единственный обязательный параметр SRC, определяющий URL-адрес файла с изображением. Простейший пример встраивания изображения:

picture.gif

Задание размеров выводимого изображения

Тэг встраивания изображений имеет два необязательных параметра, указывающих размеры изображения при отображении — WIDTH и HEIGHT. Значения параметров могут указываться как в пикселах, так и в процентах от размеров окна просмотра.

Значения параметров ширины и высоты изображения могут не совпадать с истинными размерами изображения. В этом случае браузеры автоматически при загрузке изображений выполняют его перемасштабирование.

 

 

Автор
Дата добавления 03.02.2015
Раздел Информатика
Подраздел Презентации
Просмотров276
Номер материала 362384
Получить свидетельство о публикации

Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Похожие материалы

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