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

2016-09-17

375

Обсуждений (0)

0.00 из 5.00 0 оценок

⇐ Предыдущая 1 2 345 6 7 8 9 Следующая ⇒

Графические изображения, которые вставляются в Web-документы, должны быть созданы в таком графическом формате, который поддерживается браузером. Самыми распространенными графическими форматами в Web являются - GIF, JPG и PNG. Размеры их файлов минимальны по сравнению с другими форматами, что значительно сокращает время загрузки из сети. Данные форматы поддерживают многие графические приложения, в том числе все программы просмотра графики World Wide Web.

Однако для больших изображений фотографического качества больше подходит формат JPEG.

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

Использование фона в HTML.

Одним из наиболее важных факторов графического оформления сайта является использование фона.

Задание фона осуществляется внутри тега <BODY>.Для создания фона, состоящего из одного сплошного цвета, используется атрибут BGCOLOR со значением цвета.

Этот атрибут задает цвет фона документа при помощи шестнадцатеричных значений интенсивности цветов RGB , или при помощи строчного литерала, соответствующего названию цвета.

Таблица 1. Коды цветов стандартной палитры Windows
	Цвет	Шестнадцатеричное значение дляRGB-модели
	Белый (WHITE)	FFFFFF
	Черный (BLACK)
	Светло-серый (Silver)	C0C0C0
	Серый (GRAY)
	Синий (BLUE)	0000FF
	Темно-синий (Navy)
	Оливковый-(Olive)
	Зеленовато-голубой (Aqua)	00FFFF
	Темный циан (Teal)
	Светло-зеленый (Lime)	00FF00
	Зеленый (GREEN)
	Желтый (YELLOW)	FFFF00
	Красный (RED)	FF0000
	Темно-красный (Maroon)
	Фуксин (Fuchsia)	FF00FF
	Фуксин темный (Purple)

Для использования изображения в качестве фона используется атрибут BACKGROUND с адресом фонового рисунка. Атрибут задает графическое изображение, которое как черепица заполнит фон документа. Файл с изображением должен быть сохранен в формате GIF или JPEG. Особенностью тега BACKGROUND является то, что он при открытии изображения помещает его в полном размере в левый верхний угол экрана и начинает его тиражировать на весь экран, что позволяет добиваться довольно интересных эффектов.

В данном случае файл с изображением фона лучше размещать в том же каталоге, что и сам файл, тогда (URL) и (путь) указывать не нужно.

Организация списков средствами HTML

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

В HTML поддерживается следующие основные виды списков:

- нумерованные списки;

- маркированные списки;

- списки определений.

Также можно создавать вложенные списки, т.е. вкладывать списки друг в друга.

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

Таблица тегов для организации списков

Тег	Описание
<UL>	Определяет маркированный (неупорядоченный) список.
<OL>	Создает нумерованный (упорядоченный) список.
<LI>	Определяет элемент списка.
<DL>	Создает список определений.
<DT>	Oпределяет термин в списке определений.
<DD>	Cоздает описание элемента в списке определений.
<MENU>	Определяет список/меню команд.

Нумерованные списки

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

Для создания нумерованных списков используется тег - контейнер <OL>…</OL>, внутри которого располагаются все элементы списка.

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

Каждый элемент нумерованного списка начинается с тэга <LI>,который не имеет закрывающего тега.

Пример. Организация нумерованного списка (Рис. 1):

<HTML>

<HEAD>

<META Http-equiv="content-type" Content="text/html; charset= windows -1251">

<TITLE>Пример нумерованного списка</TITLE>

</HEAD>

<BODY>

<H4>Нумерованный список:</H4>

<OL>

<LI>Молоко</LI>

</OL>

</BODY>

</HTML>

Рисунок 1. Нумерованный список

Внутри элемента списка <LI> можно размещать абзацы, строки, изображения, ссылки, другие списки и т.д.

В тэге <OL> могут быть указаны следующие атрибуты: Type и Start.

Атрибут Type.

Атрибут Type используется для задания вида нумерации списка.

Варианты маркеров для упорядоченных списков

Значение	Описание
	Десятичные цифры (1, 2, 3..)
a	Список в алфавитном порядке, строчные буквы (a, b, c..)
A	Список в алфавитном порядке, заглавные буквы (A, B, C..)
i	Римские цифры, строчные (i, ii, iii, iv..)
I	Римские цифры, прописные (I, II, III, IV..)

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

Пример.<LI Type = "A">.

Атрибут Start

Атрибут Start тега <OL> позволяет начать нумерацию списка не с единицы. В качестве значения параметра Start всегда должно указываться натуральное число, вне зависимости от вида нумерации списка. Приведем пример:

<OL Type = "A" Start="5">.

Такая запись определяет нумерацию списка с прописной латинской буквы "А". Для других видов нумерации запись Start="5" задаст нумерацию, соответственно, с числа "5", римской цифры "V" и т. д.

Изменение вида нумерации списка и значений номеров допустимо производить и для любого элемента списка.

Тег <LI> для нумерованных списков разрешает использовать атрибуты Type и Value. Атрибут Type может принимать такие же значения, как и для тега <OL>.

Пример.<LI Type = "A">.

Значение атрибута Value тега <LI>- позволяет изменить номер данного элемента списка. При этом изменяется нумерация и всех последующих элементов.

Маркированные списки

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

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

Для создания нумерованных списков используется тег - контейнер <UL>…</UL>, внутри которого располагаются все элементы списка. Открывающий и закрывающий тэги списка обеспечивают перевод строки до и после списка, отделяя, таким образом, список от основного содержимого документа/

Каждый элемент списка должен начинаться тэгом <LI>, который не имеет закрывающего тега.

Пример. Организация маркированного списка (Рис. 2).

<HTML>

<HEAD>

<META Http-equiv="content-type" Content="text/html; charset= windows -1251">

<TITLE>Пример маркированного списка</TITLE>

</HEAD>

<BODY>

<H4>Маркированный список:</H4>

<UL>

<LI>Кофе</LI>

<LI>Чай</LI>

<LI>Молоко</LI>

</UL>

</BODY>

</HTML>

Рисунок 2. Маркированный список

Варианты маркеров для неупорядоченных списков

Тип	Внешний вид (зависит от браузера)
Disc	Заполненный круг
Square	Заполненный квадрат
Circle	Незаполненный круг

Значением, используемым по умолчанию, является Type = "Disc". Для вложенных маркированных списков на первом уровне по умолчанию используется значение Disc, на втором — Circle, на третьем и далее — Square.

2016-09-17

375

Обсуждений (0)

0.00 из 5.00 0 оценок

⇐ Предыдущая 1 2 345 6 7 8 9 Следующая ⇒

Обсуждение в статье: Форматы графических файлов

Обсуждений еще не было, будьте первым... ↓↓↓