Перейти на главную   
  helloworld.ru - документация и книги по программированию  
helloworld.ru - документация и книги по программированию
    главная     хостинг    
Поиск по сайту:  
Смотрите также
Языки программирования
C#
MS Visual C++
Borland C++
C++ Builder
Visual Basic
Quick Basic
Turbo Pascal
Delphi
JavaScript
Java
PHP
Perl
Assembler
AutoLisp
Fortran
Python
1C

Интернет-технологии
HTML
VRML
HTTP
CGI
FTP
Proxy
DNS
протоколы TCP/IP
Apache

Web-дизайн
HTML
Дизайн
VRML
PhotoShop
Cookie
CGI
SSI
CSS
ASP
PHP
Perl

Программирование игр
DirectDraw
DirectSound
Direct3D
OpenGL
3D-графика
Графика под DOS

Алгоритмы
Численные методы
Обработка данных

Сис. программирование
Драйверы

Базы данных
MySQL
SQL

Другое

Хостинг


Друзья
demaker.ru
Реклама

Лучший хостинг. Аренда серверов




helloworld.ru

Использование графики

Целесообразность использования
Форматы графических файлов
Вставка изображения в документ. Тэг <IMG> и его атрибуты

Целесообразность использования

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

  • Графические файлы передаются медленно

  • Пользователи часто отключают загрузку файлов для увеличения скорости приема документа.

Форматы графических файлов

Существует множество форматов, которые можно использовать для хранения графических изображений: GIF, JPEG, PCX, WMF и другие. Однако создавая HTML - документ следует ограничить свой выбор лишь двумя - GIF и JPEG, так как их “понимает” большинство современных программ просмотра. Каждый из форматов имеет свои преимущества: один быстрее передается, зато другой сохраняет больше деталей изображения.

Вставка изображения в документ. Тэг <IMG> и его атрибуты.

Для вставки изображения необходимо воспользоваться тэгом <IMG> совместно с атрибутом SRC, поместив их в надлежащем месте документа и вставив вместо filename URL - адрес изображения:

<IMG SRC=“filename”>

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

По умолчанию, когда изображение вставляется в строку текста, строка выравнивается по низу изображения. Изменить эту установку можно при помощи атрибута ALIGN тэга <IMG> . Этот атрибут имеет следующие значения:

  • TOP - выравнивает текст по верху изображения

  • MIDDLE - выравнивает текст по середине изображения

  • BOTTOM - Выравнивает текст по низу изображения

  • LEFT - обтекаемое текстом изображение прижато к левой стороне окна браузера

  • RIGHT - обтекаемое текстом изображение прижато к правой стороне окна браузера

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

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

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

Для указания размеров изображения (в пикселах) используются атрибуты HEIGHT и WIDTH. Если указанные размеры не совпадают с размером изображения, программа просмотра изменит масштаб изображения так, чтобы оно точно вписалось в отведенное под него место.

Для описания изображения необходимо использовать атрибут ALT:

<IMG SRC=“filename” ALT=“description”>

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

Выводимое изображение можно поместить в рамку при помощи атрибута BORDER, который имеет значение, равное ширине рамки в пикселах.

Если текст слишком близко подходит к изображению, необходимо использовать атрибуты VSPACE и HSPACE для указания расстояния (по вертикали и горизонтали) между кромкой текста и краями иллюстрации


[ Оглавление ]









helloworld.ru © 2001-2021
Все права защищены
Rambler's Top100