Файл: Технология Web-дизайна.pdf

Добавлен: 21.10.2018

Просмотров: 2081

Скачиваний: 6

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
background image

Файлы формата GIF: 

имеют расширение .GIF, 

поддерживают 256 цветов, 

упакованы и имеют меньший размер, чем формат .BMP 

Специальные возможности файлов GIF

один из цветов изображения может быть объявлен 

прозрачным (позволяет задать произвольный контур 

рисунка); 
чересстрочные изображения при их приеме 

прорисовываются постепенно, что «скрадывает» время, 

необходимое на их загрузку; 

GIF-

анимация превращает обычный рисунок в видеоролик 

с набором кадров и сценарием их отображения. 

Иллюстрации 


background image

 

Файлы формата JPEG: 

могут иметь расширение .JPEG или 

.JPG, 
 

предназначены для хранения 

фотографических изображений, 
использующих 24-разрядный цвет, 
 

экономят время загрузки иллюстраций. 

Иллюстрации 


background image

хранится на Web-узле в отдельном файле, 

задается непарным тегом 

<IMG>

содержит обязательный атрибут 

SRC=

,  

в качестве значения атрибута используется адрес URL 

файла с изображением в относительной или абсолютной 
форме: 

<IMG SRC="picture_1.gif"> 

для масштабирования применяют атрибуты 

WIDTH=

 

и 

HEIGHT=

 

(ширина и высота рисунка в пикселах):  

<IMG SRC="picture_2.jpg" WIDTH="100" HEIGHT="40"> 

режим взаимодействия рисунка с текстом задается 

атрибутом 

ALIGN=

 

со значениями "BOTTOM", "MIDDLE", 

"TOP", "LEFT", "RIGHT".  

<IMG SRC="picture_3.gif" ALIGN="BOTTOM"> 

Иллюстрации 


background image

"

BOTTOM

– нижняя граница изображения совмещается с 

основанием текстовой строки; 

"

MIDDLE

– середина изображения совмещается с 

серединой текстовой строки; 

"

TOP

– верхняя граница изображения выравнивается по 

верхнему обрезу текстовой строки; 

"

LEFT

– изображение размещается у левого края 

страницы, а последующий текст размещается справа от 

него; 

"

RIGHT

– изображение размещается у правого края 

страницы, а последующий текст размещается слева от 

него. 

Иллюстрации 

Значения атрибута 

ALIGN= 


background image

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

атрибуты 

HSPACE=

 

(по горизонтали) и 

VSPACE=

 

(по вертикали).  

Для задания рисунка в качестве фонового 
(рабочая область окна заполняется этим 
рисунком последовательно) используется 

атрибут 

BACKGROUND=

 

в теге 

<BODY>

:  

<BODY BACKGROUND="waves.gif" 

TEXT="YELLOW"> 

Иллюстрации