Графика в HTML-документе 20.02.2019

Содержание

1. Графика в HTML-документе 20.02.2019
2. Вставка графического изображения вставка картинки из файла
3. Современные браузеры могут работать с различными форматами
4. GIF – (Graphics Interchange Format) формат обмена
5. JPEG - (Joint Photographic Expert Group) –
6. align – выравнивание. Положение изображения лучше всегда
7. Обтекание изображения текстомДушный зной над океаном, Небеса
8. Центрирование изображенияВыровнять изображение по центру можно тэгами абзацев:1 способ:ТекстТекст2 способ:ТекстТекст
9. Можно поместить картинки одновременно по обеим сторонам
10. Если выводятся несколько картинок с одинаковым выравниванием
11. Звуковой фонКорректно работает только в Internet Explorer.Тэг
12. Скачать презентанцию

Вставка графического изображения вставка картинки из файла «Цветы.gif». Обычно файлы с картинками помещают в ту же папку, что и сама страница или в отдельную папку: Атрибут width задает ширину изображения в

Главная
Разное
Графика в HTML-документе 20.02.2019

Слайды и текст этой презентации

Слайд 1Графика в HTML-документе

Слайд 2Вставка графического изображения

вставка картинки из файла «Цветы.gif».
Обычно

файлы с картинками помещают в ту же папку, что и

сама страница или в отдельную папку:

Атрибут width задает ширину изображения в пикселях.
Атрибут height задает высоту изображения в пикселях.
Значения можно указывать в % по отношению к окну.
width = “100%” height= 20 – полоса на все окно шириной 20 пикселей.

Обратите внимание на формат изображения!

Файл “Цветы.gif” находится в папке “Фото”

Вставка графического изображения вставка картинки из файла «Цветы.gif». Обычно файлы с картинками помещают в ту же папку,

Слайд 3Современные браузеры могут работать с различными форматами изображений, но наиболее

предпочтительные –
Для фотографий лучше использовать формат JPEG,
для рисунков и пиктограмм

- GIF

.GIF

.JPEG

Современные браузеры могут работать с различными форматами изображений, но наиболее предпочтительные –Для фотографий лучше использовать формат JPEG,для

Слайд 4GIF – (Graphics Interchange Format)
формат обмена графикой.

Преимущества:
Кодировка платформенно-независима

(Windows, Macintosh, Unics).
При создании файла применяется особая технология сжатия, которая

существенно сокращает его размер, что очень ускоряет передачу его по сети.
GIF-изображения легко анимировать, использовать прозрачность и всплывание.
Недостаток: ограниченный набор цветов.
Используется для пиктограмм и небольших картинок.

7 Кб

159 Кб

113 Кб

GIF – (Graphics Interchange Format) формат обмена графикой.Преимущества:Кодировка платформенно-независима (Windows, Macintosh, Unics).При создании файла применяется особая

Слайд 5JPEG - (Joint Photographic Expert Group) – организация по стандартизации

Преимущества:

Кодировка платформенно-независима (Windows, Macintosh, Unics).
При создании файла применяется

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

37 Кб

20 Кб

JPEG - (Joint Photographic Expert Group) – организация по стандартизацииПреимущества: Кодировка платформенно-независима (Windows, Macintosh, Unics). При

Слайд 6align – выравнивание. Положение изображения лучше всегда указывать явно.
Значения:
left, right

– по левому или по правому краю.
top – верхняя граница

изображения устанавливается на уровне верхнего края самого высокого элемента в строке.
middle – середина изображения выравнивается с серединой строки.
bottom – (по умолчанию) нижний край изображения выравнивается с базовой линией текста.
hspace, vspace – задают расстояние в пикселях между картинкой и текстом по вертикали и горизонтали.

Атрибуты тега IMG:

align – выравнивание. Положение изображения лучше всегда указывать явно.Значения:left, right – по левому или по правому краю.top

Слайд 7Обтекание изображения текстом

Душный

зной над океаном,

Небеса без облаков;

width=50% vspace=10 hspace=10>
Душный зной над океаном,

Небеса без облаков;

ALIGN=LEFT

Если в тэге не указывать атрибут align=left или right, то текст на сайте располагается следующим образом:

Слайд 8Центрирование изображения
Выровнять изображение по центру можно тэгами абзацев:
1 способ:
Текст

= “dog.gif”>

Текст
2 способ:
Текст

Текст

Центрирование изображенияВыровнять изображение по центру можно тэгами абзацев:1 способ:ТекстТекст2 способ:ТекстТекст

Слайд 9Можно поместить картинки одновременно по обеим сторонам документа. В этом

случае картинки задаются перед текстом.

align="left">

В зоопарке было множество диких зверей…

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

Слайд 10Если выводятся несколько картинок с одинаковым выравниванием (left или right),

то следующее изображение позиционируется относительно предыдущего.

hspace=20 vspace=20>
Байкал

Небоскрёбы

Пингвин

Если выводятся несколько картинок с одинаковым выравниванием (left или right), то следующее изображение позиционируется относительно предыдущего.Байкал Пингвин

Слайд 11Звуковой фон
Корректно работает только в Internet Explorer.

Тэг - проигрывает

аудиофайл при загрузке содержащего его документа. При обновлении документа проигрывание

музыки возобновляется.
Атрибуты:
src="имя файла " - файл с расширением .wav, .midi, .mp3
Loop=количество повторений
=infinite – безконечно.

Звуковой фонКорректно работает только в Internet Explorer.Тэг - проигрывает аудиофайл при загрузке содержащего его документа. При обновлении

Скачать презентацию

Разделы презентаций

Графика в HTML-документе 20.02.2019

Содержание

Слайды и текст этой презентации

Слайд 1Графика в HTML-документе

Слайд 2Вставка графического изображения

вставка картинки из файла «Цветы.gif».
Обычно

файлы с картинками помещают в ту же папку, что и

Слайд 3Современные браузеры могут работать с различными форматами изображений, но наиболее

предпочтительные –
Для фотографий лучше использовать формат JPEG,
для рисунков и пиктограмм

Слайд 4GIF – (Graphics Interchange Format)
формат обмена графикой.

Преимущества:
Кодировка платформенно-независима

(Windows, Macintosh, Unics).
При создании файла применяется особая технология сжатия, которая

Слайд 5JPEG - (Joint Photographic Expert Group) – организация по стандартизации

Преимущества:

Кодировка платформенно-независима (Windows, Macintosh, Unics).
При создании файла применяется

Слайд 6align – выравнивание. Положение изображения лучше всегда указывать явно.
Значения:
left, right

– по левому или по правому краю.
top – верхняя граница

Слайд 7Обтекание изображения текстом

Душный

зной над океаном,

Небеса без облаков;

Слайд 8Центрирование изображения
Выровнять изображение по центру можно тэгами абзацев:
1 способ:
Текст

= “dog.gif”>

Текст
2 способ:
Текст

Текст

Слайд 9Можно поместить картинки одновременно по обеим сторонам документа. В этом

случае картинки задаются перед текстом.

Слайд 10Если выводятся несколько картинок с одинаковым выравниванием (left или right),

то следующее изображение позиционируется относительно предыдущего.

Слайд 11Звуковой фон
Корректно работает только в Internet Explorer.

Тэг - проигрывает

аудиофайл при загрузке содержащего его документа. При обновлении документа проигрывание

Обратная связь

Что такое TheSlide.ru?

Разделы презентаций

Графика в HTML-документе 20.02.2019

Содержание

Слайды и текст этой презентации

Слайд 1Графика в HTML-документе

Слайд 2Вставка графического изображения вставка картинки из файла «Цветы.gif». Обычно

файлы с картинками помещают в ту же папку, что и

Слайд 3Современные браузеры могут работать с различными форматами изображений, но наиболее

предпочтительные –Для фотографий лучше использовать формат JPEG,для рисунков и пиктограмм

Слайд 4GIF – (Graphics Interchange Format) формат обмена графикой.Преимущества:Кодировка платформенно-независима

(Windows, Macintosh, Unics).При создании файла применяется особая технология сжатия, которая

Слайд 5JPEG - (Joint Photographic Expert Group) – организация по стандартизацииПреимущества:

Кодировка платформенно-независима (Windows, Macintosh, Unics). При создании файла применяется

Слайд 6align – выравнивание. Положение изображения лучше всегда указывать явно.Значения:left, right

– по левому или по правому краю.top – верхняя граница

Слайд 7Обтекание изображения текстомДушный

зной над океаном, Небеса без облаков;

Слайд 8Центрирование изображенияВыровнять изображение по центру можно тэгами абзацев:1 способ:Текст

= “dog.gif”>Текст2 способ:ТекстТекст

Слайд 9Можно поместить картинки одновременно по обеим сторонам документа. В этом

случае картинки задаются перед текстом.

Слайд 10Если выводятся несколько картинок с одинаковым выравниванием (left или right),

то следующее изображение позиционируется относительно предыдущего.

Слайд 11Звуковой фонКорректно работает только в Internet Explorer.Тэг - проигрывает

аудиофайл при загрузке содержащего его документа. При обновлении документа проигрывание

Похожие презентации

Обратная связь

Что такое TheSlide.ru?

Слайд 2Вставка графического изображения

вставка картинки из файла «Цветы.gif».
Обычно

предпочтительные –
Для фотографий лучше использовать формат JPEG,
для рисунков и пиктограмм

Слайд 4GIF – (Graphics Interchange Format)
формат обмена графикой.

Преимущества:
Кодировка платформенно-независима

(Windows, Macintosh, Unics).
При создании файла применяется особая технология сжатия, которая

Слайд 5JPEG - (Joint Photographic Expert Group) – организация по стандартизации

Преимущества:

Кодировка платформенно-независима (Windows, Macintosh, Unics).
При создании файла применяется

Слайд 6align – выравнивание. Положение изображения лучше всегда указывать явно.
Значения:
left, right

– по левому или по правому краю.
top – верхняя граница

Слайд 7Обтекание изображения текстом

Душный

зной над океаном,

Небеса без облаков;

Слайд 8Центрирование изображения
Выровнять изображение по центру можно тэгами абзацев:
1 способ:
Текст

= “dog.gif”>

Текст
2 способ:
Текст

Текст

Слайд 11Звуковой фон
Корректно работает только в Internet Explorer.

Тэг - проигрывает