Графические объекты

Картинки, которые используются WEB -страницами, должны быть представлены в определенном формате, а именно JPEG - фотографический формат с расширением .jpg, или GIF (Graphics Interchange Format) - формат с расширением .gif, иливформате .bmp. Файлы в других форматах могут быть не понятны броузеру.

Ярлык для размещения картинки имеет вид:

< IMG SRC = “имя файла”>, где

IMG (Image) означает изображение, а параметр SRC (Source) – источник. В качестве источника надо указать имя файла, содержащего изображение. Изображение (картинка, рисунок) будет размещено в том месте страницы, где находится ярлык.

Чтобы сообщить броузеру информацию о размере изображения, размещенного вместе с текстом, надо указать дополнительные параметры в тэге < IMG>. К таким параметрам относятся HEIGHT и WIDTH, которые позволяют броузеру в процессе загрузки текста, зарезервировать место (в пикселях) для вставки изображения. Например:

< img src = “foto1.jpg” height=100 width=65>.

Файл foto1.jpg должен находится в том же каталоге, что и создаваемая Web - страница. Изображение может быть выровнено отдельно от текста или вместе с ним по правому краю, или по левому, или по центру. Для этого в тэг надо добавить атрибут ALIGN в сочетании с параметрами TOP, BOTTOM или MIDDLE.

TOP — относительно текста выровнена верхняя часть изображения.

BOTTOM — относительно текста выровнена нижняя часть изображения.

MIDDLE — относительно текста выровнена средняя часть изображения.

Примеры записей:

1. < img src = “рис.gif ”align=top> - верхняя часть рисунка выровнена относительно текста.

(возможный вариант: < img src = “рис.bmp”align=top>)

2. < img src = “рис.gif” height=120 width=250> - заданы вертикальный и горизонтальный размеры рисунка внутри окна броузера.

3. < img src = “рис.gif” vspace = “8” hspace “8”> - задает добавление верхнего, нижнего, левого и правого пустых полей.

4. < img src = “рис.gif” border = “2”> - задает толщину рамки (в пикселях) вокруг изображения.

5. < img src = “рис.gif” alt = “рисунок”> - задает текст, заменяющий изображение. Здесь атрибут alt – обозначает альтернативный текст.

Удобный способ создания рисунков и размещения их на WEB – странице состоит в использовании графического редактора Paint, где можно сразу задать размеры рисунка. Например, для иллюстрации можно поступить следующим образом:

1. Открыть программу Word, в строке Рисование, щелкнув по пиктограмме Вставка рисунков, выбрать рисунок и кликнуть на кнопку «вставка клипов». В документе появится рисунок.

Выделите этот рисунок, скопируйте. Затем включите графический редактор Paint вставьте скопированный рисунок.

Созданный рисунок лучше сохранить с расширением.gif, но можно и с расширением.bmp.

Путь такой: Файл – Сохранить как… В диалоговом окне, в строке Тип файла выбрать строку Формат GIF, в строке Имя файла задать имя, например, рис.1. Может появится сообщение об изменении цвета. Согласитесь. Напоминаю, что рисунок должен быть сохранен в той же папке, где сохранена ваша WEB – страница.

Файлы формата gif (Graphic Interchange Format) занимают значительно меньше места, чем растровый рисунок в формате .bmp. Изображение в формате gif содержит 256 цветов, заданных палитрой. Броузеры позволяют использовать графические изображения в качестве фона. Фоновое изображение задается в тэге < body>

< body background = “имя файла.gif ”>

Задание: Откройте любой из уже созданных файлов и произведите вставку рисунка, используя любой из примеров записи.