База рефератов со всего рунета - Мировые Информационные ресурсы - скачать рефераты, рефераты на тему, бесплатно рефераты


	Главная \| Карта сайта


	РАЗДЕЛЫ


	ПАРТНЕРЫ


	АЛФАВИТ

... А Б В Г Д Е Ж З И К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Э Ю Я


	ПОИСК

Мировые Информационные ресурсы

<META name=”KEYWORDS” content=”…, …, …”

Ключевые слова указываются через запятую (можно пробел).

Определяет ключевые слова данного Web документа.

* Свойства HTML документа, обозначенные http-equiv передаются

на компьютер пользователя в составе HTTP заголовка. Браузер

обязательно интерпретирует http заголовок. Инструкции,

содержащиеся в http заголовке особенно важны для правильного

отображения HTML документа.

* Свойства HTML документа, определенные с помощью атрибута

name носят рекомендательный характер и в большинстве своем

игнорируются браузером.

Подобные МЕТА свойства (или свойства HTML документа)

обрабатываются поисковыми системами.

Пример.

<BODY BGCOLOR=”red”/”gray”/”# FFCC22”

BACKGROUND=1.jpg>

Структура дескриптора BODY

1.Атрибут bgcolor - для отображения фона HTML документа.

Пример.

bgcolor=”white” (black, blue и другие цвета)

Данному атрибуту может присваиваться свойство RGB (RGB - red,

green, blue).

Пример.

bgcolor=”#FFCC22”, где

FF - уровень красной составляющей, CC - уровень зеленой

составляющей, 22 - уровень синей составляющей.

В шестнадцатеричной системе исчисления FFFFFF - белый цвет,

000000 - черный цвет.

Данная кодировка (RGB) может использоваться во всем HTML

документе.

2. Атрибут background - определяет фон с помощью графического

формата.

Пример.

background=”2.jpg”

В значении атрибута указывается название документа и путь к нему.

(Если указано только название, то данный файл должен находиться в

той же папке, что и HTML документ).

Если путь указан так:

background=”/fold1/2.jpg”, то папка будет искаться начиная от

корневого каталога.

3. Атрибут TEXT.

Значения данного атрибута могут быть такими же, как у атрибута

bgcolor.

Эти же правила верны и для следующих атрибутов:

4. Атрибут LINK= определяет цвет ссылки.

5. Атрибут VLINK= определяет цвет уже посещенной ранее ссылки.

6.Атрибут ALINK= определяет цвет активной ссылки (то есть ссылки,

указывающей на текущий документ).

7. Атрибут TOPMARGIN=(верхнее поле).

8. Атрибут LEFTMARGIN=(левое поле).

Пример.

TOPMARGIN=”20” (в пунктах).

LEFTMARGIN=”10” (в пунктах).

Все содержимое HTML документа будет смещено относительно левого и

верхнего края HTML документа.

0x08 graphic

Пример парного дескриптора:

-----------------------

</BODY>

Форматирование текста

В HTML документе можно помещать комментарии (они игнорируются

браузером и используются для служебных целей).

Комментарии.

1) Одиночный дескриптор.

<!--

Все, что находится между первой и последней треугольной скобкой

считается комментарием.

-->

2) Парный дескриптор <COMMENT> .

------------------

</COMMENT>

Браузеры игнорируют “обычные” средства форматирования текста,

такие как последовательность пробелов, знаки табуляции, переводы

строки и прочие. Чтобы отформатировать документ используются

средства физического и логического форматирования.

К физическим относятся дескрипторы, которые определяют напрямую

внешний вид текста.

К логическим относятся дескрипторы, которые определяют логический

статус (значение) текста.

Физические средства форматирования.

1.Одиночный дескриптор <br> - перевод строки (разрыв строки)

2.Парный дескриптор <nobr>…</nobr> - запрещает разрыв текста,

находящегося в контейнере. Данный дескриптор еще называют

дескриптор жесткого переноса.

По причине различных условий, в которых отражается HTML документ

(разные браузеры, видеорежимы, разрешение экрана) HTML документ

может отображаться с нарушением взаимного расположения элементов.

0x08 graphic

3. Одиночный дескриптор <wbr> - определяет место мягкого

переноса. Данный дескриптор используется совместно с дескриптором

<nobr> и размещается внутри его контейнера.

Браузер осуществляет перенос в соответствии с этим дескриптором

только в том случае, если строчка не помещается в ширину окна и

обычный перенос запрещен с помощью дескриптора <nobr>.

4. Парный дескриптор<p>…</p> - параграф или абзац. Текст,

находящийся внутри дескриптора оформляется в виде параграфа или

абзаца.

Атрибут ALIGN= выравнивание текста.

Возможные значения:

* =LEFT - по левому краю.

* =CENTER - по центру.

* =RIGHT - по правому краю.

5. Парные дескрипторы заголовка.

Бывают шести уровней:

… … …

Текст заголовка выравнивается, до и после текста интервал.

Допустимо использование атрибута ALIGN.

Данные дескрипторы имеют большое значение для повышения

информационной ценности документа в ”глазах” поисковой системы.

(Дескрипторы заголовка - один из основных инструментов для

повышения ценности).

6. Дескриптор <HR> - одиночный горизонтальный дескриптор.

Там где находится данный дескриптор, отображается горизонтальная

черта.

Атрибуты:

* ALIGN

* COLOR -цвет черты (значения как у background).

* WIDTH - ширина линии (в пунктах).

* SIZE - толщина линии (в пунктах).

* NOSHADE - без тени.

7. Парный дескриптор <FONT>…</ FONT >.

Предназначен для определения шрифта (начертания) отображаемого

текста (курсив и так далее).

Атрибуты:

* FACE - название шрифта.

Пример:

FASE=”Times New Roman”

Текст, который помещен внутри контейнера будет отображен данным

шрифтом. В связи с тем, что сложно угадать есть ли у пользователя

такой же шрифт, допускается перечисление нескольких шрифтов через

запятую в дескрипторе.

* COLOR

* SIZE=3 - по умолчанию. (Размер символов может быть от 1 до

7).

8.Одиночный дескриптор <BASEFONT>

Данный дескриптор устанавливает базовое значение текстовых

значений Web страниц, находящихся после <BASEFONT>. Атрибуты как

у дескриптора <FONT>.

9. Парный дескриптор <PRE>…</ PRE > - дескриптор пре

форматирования.

Используется для форматирования текста стандартными способами

(табуляцией, последовательностью пробелов и так далее).

Пример:

<PRE>

_ _ _ _ _ _ _ _ _ _ _ _ _ _

|_ _ _ _ _ _ _|_ _ _ _ _ _ _|

</PRE>

10. Парный дескриптор <DIV>…</ DIV >

Используется для выравнивания группы элементов таблицы (группа -

несколько текстовых или графических элементов). Все, что внутри

таблицы выравнивается.

Пример:

<DIV>

Align

</DIV>

10. Парный дескриптор <Center>…</ Center >

Все содержимое контейнера данного дескриптора выравнивается по

центру.

Советы по форматированию текстовых фрагментов

1.Использовать мягкий контраст между фоном и текстом (например,

черный и белый).

2.Использовать как можно меньшее число шрифтов (2-3). Принято для

отображения заголовков использовать шрифты типа Arial (то есть

без засечек), а шрифты с засечками для самого текста (например,

ТАЙМС).

3.Реже используйте выделения, подчеркивания и жирные шрифты.

Существуют так же дескрипторы:

1. <b>…</b> - выделяет текст в контейнере с помощью жирного

шрифта.

2. <i>…</i> - выделяет текст в контейнере с помощью наклонного

текста (курсив).

Пример логического форматирования.

1) Парный дескриптор <CITE>…</ CITE >

Используется для цитат. Обычно браузером отображается в виде

курсива (наклонного текста).

2) Парный дескриптор <BLOCKQUOTE>…</BLOCKQUOTE>

Используется для выделения больших цитат. (Браузер обычно делает

отступ от левого края).

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

дескрипторов.

Пример пересечения:

<PRE>

<FONT>

</ PRE >

</ FONT >

(В лучшем случае просто не запустится).

Но есть и исключения, например <b>…<i>…</b>…</i>

В том месте, где пересеклись дескрипторы <i> и <b>, текст будет

выделен жирным курсивом.

3) Парный дескриптор <U>…</U> - подчеркивание.

Специальные символы

Используются для отображения символов, которые являются в HTML

управляющими и не могут быть отображены обычными способами.

Например, (>) - больше или (<) - меньше. Браузер ее воспринимает

как начало контрольной последовательности.

Для того чтобы все-таки отобразить эту скобку необходимо набрать

последовательность:

1. < - отобразится левая скобка.

2. > - отобразится правая скобка.

3. © - отобразится значок авторского права.

4. ° - отобразится значок температуры.

5. отобразится символ пробела (жесткого пробела). Если

пробел указан с помощью данного специального символа, то

разрыв строки не допускается, так как браузер будет видеть

слова и пробелы как одно слово.

Сложное форматирование

В отличие от простого форматирования символов и абзацев в HTML

сложное форматирование производится с помощью многоуровневых

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

способ форматирования (список, таблица) и элементы более низкого

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

Пример:

<OL>

</OL>

Данная конструкция формирует нумерованный список, при этом

дескриптор <OL> является дескриптором, который определяет способ

форматирования. В браузере отобразится:

1.abc или a. abc

2.def b. def

1. Парный дескриптор <LI>…</LI> (от английского слова List -

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

не имеет.

2. Парный дескриптор <OL>…</OL> - формирует нумерованный список

(или упорядоченный).

* Изменение способа нумерации производится с помощью атрибута

TYPE.

Например:

<OL TYPE=[1/a/A/I] , где

1 - арабские цифры.

а - прописные буквы.

А - заглавные буквы.

I - римские цифры.

* Атрибут START позволяет указать номер, с которого начинается

нумерация.

Например, если START=3, то нумерация начнется с трех или с буквы

“c”.

2. Парный дескриптор <UL>…</UL>

Формирует не упорядоченный список (маркерный).

* abc

* def

Например:

</UL>

Где disc - жирная точка; square - квадрат; circle - не

закрашенная окружность.

При отображении элементов списка браузер делает отступ слева.

Многоуровневые списки.

Например:

<UL>

</UL>

Отобразиться:

* abc

* def

* ghi

Браузер будет делать очередной отступ слева.

Таблицы.

1. Парный дескриптор <TABLE>…</TABLE>

В его контейнере должны быть сформированы элементы таблицы

(ячейки) в которых и будет информация.

2. Парный дескриптор <TR>…</TR> - формирует строку таблицы.

3. Парный дескриптор <TD>…</TD> - формирует ячейку внутри строки.

Пример:

<TABLE>

+-------------------------+

| <TD>1</TD> | <TD>2</TD> |

|------------+------------|

| <TD>3</TD> | <TD>4</TD> |

+-------------------------+

</TABLE>

Атрибуты дескриптора <TABLE>:

* Атрибут WIDTH - определяет ширину таблицы (в процентах или

пикселях).

Пример:

* Атрибут HEIGHT - высота (принимает такие же значения, как и

атрибут WIDTH).

* Атрибут ALIGN - выравнивание таблицы по ширине относительно

краев окна.

* Атрибут BORDER - определяет ширину рамки (если значение

данного атрибута 0, то рамки отсутствуют).

* Атрибут bgcolor - для формирования фона таблицы с помощью

цвета.

* Атрибут background - для формирования фона таблицы с

помощью картинки.

* Атрибут cellpadding - для указания отступов от краев ячейки

(в пикселях).

* Атрибут cellspacing - расстояние между ячейками.

0x08 graphic

Обычная таблица

+---------+

|----+----|

+---------+

0x08 graphic

* Атрибут bordercolor - цвет границ ячеек (рамки).

Атрибуты дескриптора <TR>:

1. Атрибут ALIGN - выравнивание текста в ячейках.

2. Атрибут VALIGN - определяет вертикальное выравнивание

текста в ячейках.

Возможные значения атрибута VALIGN:

* =TOP - по верху.

* =MIDDLE - по центру.

* =BOTTOM - по нижнему краю ячейки.

3)Атрибут bgcolor - для указания фона строки.

Атрибуты дескриптора <TD>:

* Атрибут ALIGN.

* Атрибут VALIGN.

* Атрибут bgcolor.

Вышеперечисленные атрибуты действуют так же, как для дескриптора

<TR>.

Дополнительно атрибуты:

* Атрибут COLSPAN - объединение ячеек, находящихся в одной

строке. Значение атрибута равно количеству близлежащих ячеек

находящихся в одной строке, которые будут объединены.

Пример:

<TABLE>

+-------------------------+

| <TD COLSPAN=2>1</TD> |

|-------------------------|

| <TD>3</TD> | <TD>4</TD> |

+-------------------------+

</TABLE>

* Атрибут ROWSPAN - объединение ячеек, находящихся в одном

столбце. Значение атрибута указывает количество близлежащих

ячеек находящихся в одном столбце, которые будут объединены.

Пример:

<TABLE>

+--------------------------------------------+

| |<TD>2</TD>| |

| <TD ROWSPAN=2>1</TD> |----------+----------|

| | |<TD>4</TD>|

|----------------------| |----------|

+--------------------------------------------+

</TABLE>

Форматирование текстовых фрагментов HTML документа

Кроме ширины и высоты таблицы в целом можно регулировать ширину и

высоту ячеек (то есть использовать такие же атрибуты в

дескрипторе <TD>, в пикселях и в процентах).

Если они не указаны, то браузер выравнивает размер ячейки по

ширине текста.

Таблица является наиболее часто употребляемым инструментом в Web

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

мультимедийные элементы. Подобно спискам, таблицы могут быть

вложены в другие таблицы.

Пример:

+---------+

|----+----|

+---------+

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

пишут следующее:

<TD>

<TABLE>

</TABLE>

<TD>

Фон отдельных ячеек могут отображать не все браузеры.

Размещение графических изображений в HTML документе

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

графических формата:

* JPG

* GIF

1.Формат JPG.

Плюсы - Графическое изображение, сохраненное в данном формате,

имеют наименьший объем.

Минусы - при сохранении происходит довольно сильное сжатие

картинки, а при сжатии изображение теряет качество и наблюдается

эффект пикселизации.

Пример:

Картинка сжалась в девять раз.

+---+

|-++|

|---|

+---+

Девять пикселей заменяются одним пикселем среднего цвета.

Изображение сохраняется в формате .jpg в том случае, если

необходимо сохранить максимальное количество оттенков.

2.Формат GIF.

При сохранении картинок в этом формате также происходит сжатие,

но пикселизации не происходит.

Минусы - изображение сохраняется с помощью ограниченного

количества цветов (обычно 256 цветов) => изображение будет не

очень красочным.

С помощью формата .gif сохраняются навигационные кнопки,

навигационные графические элементы и фоновые изображения.

Для внедрения изображения используется одиночный дескриптор

<IMG>.

* Атрибут SRC - основной атрибут. Он указывает путь и имя

файла, в котором содержится графический элемент.

Пример:

* Атрибут WIDTH - ширина внедряемого изображения (в пикселях).

* Атрибут HEIGHT - высота внедряемого изображения (в

пикселях).

* Атрибуты VSPACE, HSPACE - устанавливают отступ текста от

внедряемого в HTML документ изображения.

* Атрибут BORDER - задает толщину рамки вокруг изображения.

* Атрибут ALT - задает альтернативный текст, который

Страницы: 1, 2, 3, 4


	НОВОСТИ


	ВХОД


	ТЕГИ

Рефераты бесплатно, реферат бесплатно, сочинения, курсовые работы, реферат, доклады, рефераты, рефераты скачать, рефераты на тему, курсовые, дипломы, научные работы и многое другое.
Copyright © 2012 г. При использовании материалов - ссылка на сайт обязательна.