Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
html / HTML графика old.pptx
Скачиваний:
66
Добавлен:
14.04.2015
Размер:
2.47 Mб
Скачать

Web-программирование HTML

Работа с графикой и объектами мультимедиа

1. Использование графики при создании HTML-страниц

Форматы графических файлов, используемых в WWW:

JPEG (Joint Photography Experts Group) – файлы с расширением .jpg.

GIF (Graphics Interchange Format) – файлы с расширением .gif.

PNG (Portable Network Graphics) – файлы с расширением .png.

1. Использование графики при создании HTML-страниц

Добавление графического объекта на Web-страницу

Тег <img srcПуть к файлу на диске или .

URL-адрес файла в Интернет

Если файл с изображением хранится в той же папке, что и файл Web-страницы, то можно не указывать полный путь к файлу.

1. Использование графики при создании HTML-страниц

Пример.

Вставка изображения.

Рисунок добавлен таким, какой он есть в исходном файле (без изменения размеров и т. п.), с выравниванием на странице, заданном по умолчанию

1. Использование графики при создании HTML-страниц

Управление рисунками в документах HTML

Границы вокруг рисунка.

По умолчанию граница не отображается.

Для создания границы нужно атрибуту border присвоить значение толщины границы в пикселях (значение по умолчанию – ‘0’). Атрибутов, позволяющих управлять цветом рамки, у тега <img> нет.

1. Использование графики при создании HTML-страниц

Пример.

Вставка изображения с рамкой.

1. Использование графики при создании HTML-страниц

Добавление альтернативного текста.

Добавление альтернативного текста – с помощью атрибута alt.

Этот текст анализируется

Альтернативный текст отображаетсяпоисковыми роботами

во время выгрузки изображения;(страница с рисунком может

быть найдена по ключевому

в браузерах, где показ графики слову) отключен пользователем.

Пример.

<img src="Dual.jpg" alt="На этом месте показана

фотография пары лебедей">

1. Использование графики при создании HTML-страниц

Требования к графике на Web-страницах отличаются от требований к рисункам в печатных документах:

время выгрузки рисунка не должно быть слишком большим;

цветность и качество рисунка во многом зависит от аппаратного и программного обеспечения пользователя.

Для опубликования на Web-страницах изображения следует оптимизировать с помощью графических редакторов (Adobe

Photoshop и др.).

Возможно создание дополнительных

1. Использование графики при создании HTML-страниц

Размещение рисунков в тексте документа HTML

Установка размеров рисунка на странице.

Размер рисунка можно изменять после добавления его на страницу с помощью атрибутов width и height тега <img> (но

это не приведет к изменению размера файла и

скорости выгрузки).

Существенное изменение

размеров может привести к

потере качества

Имеет смысл устанавливать эти атрибуты, даже если размеры рисунка не будут изменены (для ускорения выгрузки и

1. Использование графики при создании HTML-страниц

Значения атрибутов – ширина и высота рисунка

в пикселях (нужно установить значения обоих атрибутов; для сохранения пропорций одному из них можно присвоить значение auto);

в процентах от размера окна (достаточно

Размер рисунка будет

значение одному атрибуту).

 

изменяться вместе с

 

размером окна

 

Соседние файлы в папке html