Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






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






Иллюстрации в тексте делают документ более привлекательным. Однако графические изображения могут медленно загру­жаться. Поэтому графику на веб-страницах необходимо использовать в ра­зумных пределах.

Чтобы ускорить загрузку страниц с графикой, перед их написанием, изображения необходимо оптимизировать или «сжать» при помощи специальных программ, чтобы они не занимали очень большой объём. Одним из способов «сжатия» (иногда значительного) без существенного изменения качества изображения может быть сохранение его из программы Microsoft PowerPoint.

Браузеры «понимают» три графических формата:

Формат GIF Формат JPG Формат PNG
GIF (Graphics Interchange Format) Этот формат поддер­живает 28 = 256 цве­тов. GIF-файлы могут содержать не­большую анимацию JPG (Joint Photogra­phic Experts Group) Этот формат специ­ально разработан для фотографий. Он под­держивает 2224 = 16777216 цветов и позволяет сохра­нять изображения высокого качества PNG (Portable Network Graphics) Этот формат поддер­живает 2448 цветов. Позволяет сохранять изображения с высо­кой степенью сжатия и обладает всеми воз­можностями формата GIF

Для вставки рисунка используется непарный тег < IMG>, который не имеет закрывающего тега, но имеет много атрибутов:

src=" имя файла" – URL-адрес изображения;

alt=" текст надписи" – задает надпись, которая появляется на экране вместо изображения, если оно не найдено;

title=" текст подсказки" – задает подсказку, всплывающую при наведении указателя мыши на изображение:

width=" n", height=" m" – задают ширину и высоту ри­сунка в пикселах;

border=" n" – задает рамку вокруг картинки толщиной n пикселов;

hspace=" n" – задает ширину в пикселах пустого поля справа и слева от изображения;

vspace=" n" – задает ширину в пикселах пустого поля сверху и снизу от изображения;

align – определяет положение картинки по отношению к соседним элементам документа: align=" top" – выравнивание по верхнему краю;

align=" middle" – выравнивание но центру;

align=" bottom" – по нижнему краю;

align=" left" – по левому краю;

align=" right" – по правому краю.

Картинку можно использовать в качестве «обоев». То есть она будет занимать все окно браузера и на ней можно располагать текст по усмотрению автора веб-страницы. Для этого используется специальный атрибут тега < body>:

< body background =" имя файла с картинкой-фоном" >

Например, < body background =" bg01.jpg" >, где bg01.jpg – имя файла с изображением.

В теге < body> можно также изменить цвет фона с помощью атрибу­та bgcolor=" цвет". Например, < body bgcolor=" black" >






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.