![]() Главная страница Случайная страница КАТЕГОРИИ: АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника |
Графические объекты
Картинки, которые используются 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 ”>
Задание: Откройте любой из уже созданных файлов и произведите вставку рисунка, используя любой из примеров записи.
|