Лекция: Мировые информационные ресурсы

наиболее благоприятной для восприятия форме.

(Первую часть определения можно отнести к любому языку разметки). В

дополнение к командам разметки в язык HTML были добавлены команды для работы

с гиперссылками.

Язык HTML позволяет:

1) Разместить элементы Web страницы в удобной для восприятия форме:

· Установить тип текстовых фрагментов, их стиль.

· Использовать в составе Web станицы элементы сложного форматирования

(таблицы, списки и так далее).

2) Определять предназначение Web страницы в целом, отдельные ее свойства

(кодировка, сроки использования); параметры взаимоотношения данной Web

страницы с другими Web документами (наследование).

3) Поддерживать интерактивное взаимодействие с Web сайтом (это

реализуется с помощью форм).

4) Переходить к другим Web документам посредством гиперссылок.

Документ HTML состоит из нескольких частей:

1) Основная составляющая – это дескриптор (или ТЭГ) HTML.

Дескриптор (ТЭГ) – это команды языка HTML, представляющие собой

слово или аббревиатуру, заключенные в треугольные скобки(<HTML>).

Дескрипторы бывают двух видов: одиночные и парные.

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

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

Пример.

Дескриптор <BR> переводит в то место, где встретится на Web странице.

Парный дескриптор – определяет действие в отношении

фрагмента Web страницы, в которой находится между открывающей и

закрывающей частью парного дескриптора.

Пример.

2) Атрибут дескриптора.

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

например:

Дескриптор абзаца (параграфа).

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

<P>

Текст будет отображаться выровненным по центру.

Здесь Align является параметром, а center – значением данного параметра. (Такой

параметр называется в языке HTML атрибут).

Атрибут дескриптора – определяет дополнительное свойство

дескриптора, уточняет его действие. В случае парного дескриптора используется

внутри открывающего дескриптора.

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

их не быть.

Пример с несколькими атрибутами.

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

</Font>

Два атрибута: color - атрибут цвета и size - атрибут размера.

2.Сценарий (SKRIPT).

Сценарий (SKRIPT) - это программный код, обеспечивающий

работу интерактивных и динамических элементов Web сайта.

Сценарии бывают двух видов:

1)Серверный – это программа, выполняющаяся на Web сервере.

2)Клиентский – это программа, выполняющаяся с помощью

интерпретатора браузера (то есть на компьютере пользователя).

Наиболее частая функция сценария – взаимодействие с базами данных и создание

их на основе Web страниц.

Клиентский сценарий в отличие от языка разметки HTML

предоставляет гораздо больше возможностей:

Для взаимодействия с операционной системой и браузером;
По

управлению элементами интерфейса операционной системы и браузером.

Серверный сценарий чаще всего используется для отображения

в виде Web страниц содержимого баз данных, которые хранятся на сервере.

Преимущества серверного сценария:

Более широкий спектр возможностей по обработке взаимодействия пользователя и

Web сайта.

Преимущества клиентского сценария:

Большая скорость обработки и экономия ресурсов (за счет уменьшения передачи

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

3.Среда программирования.

Среда программирования (среда разработки) – это программное

обеспечение, позволяющее эффективно создавать элементы Web станиц,

разрабатывать сценарии и осуществлять их отладку.

Основные из них:

1) MS Font Page.

2) Macromedia Dream Weaver.

3) Блокнот.

Основные дескрипторы HTML

1.Заголовок HTML документа – определяет назначение HTML документа

и его основные свойства.

Формируется при помощи парного дескриптора <HEAD>:

<HEAD>

-----------

</HEAD>

Содержимое заголовка обычно не отражается на экране пользователя при

просмотре Web документа.

2.Тело Web документа – содержит содержательную часть Web документа

(информация, графика и так далее).

Формируется при помощи парного дескриптора <BODY>:

<BODY>

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

</BODY>

3.Дескриптор, определяющий начало и конец документа.

Формируется при помощи парного дескриптора <HTML>. Начальный находится в

самом начале HTML документа, конечный – в самом конце Web документа.

<HTML>

Заголовок

Тело

</HTML>

Заголовок HTML документа и его основные свойства

Формируется при помощи МЕТА дескрипторов (<META>).

Дескриптор <META> используется для описания свойств

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

http-equiv
name
content

Первые два используются для обозначения свойств (то есть дают свойству имя),

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

Например:

Используется для обозначения годности документа.

Указывает на тип документа, его отношение к текстовому документу и его

кодировка.

Дает описание содержимого Web страницы.

<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 документа.

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

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

</BODY>

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

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

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

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

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

<!--

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

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

-->

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

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

</COMMENT>

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

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

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

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

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

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

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

логический статус (значение) текста.

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

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

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

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

называют дескриптор жесткого переноса.

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

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

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

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 (то есть без засечек), а

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

Меню

Лекция: Мировые информационные ресурсы

Основные дескрипторы HTML

Заголовок HTML документа и его основные свойства

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

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

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