бесплатно рефераты
 

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

странице.

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

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

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

Пример.

<I> … … … </I>

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

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

параметры, например:

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

<P align=”center”>

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

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

<P>

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

Здесь Align является параметром, а center - значением данного

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

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

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

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

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

может вообще их не быть.

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

<Font color=”red” size=3>

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

</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

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

свойству имя), последний используется для придания свойству

значения.

Например:

<META http-equiv=”expires” content=”Friday, 21-Feb-03

00:00:00GMT”>

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

<META http-equiv=”Content-Type” content=”txt/html;

charset=Windows1251”>

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

и его кодировка.

<META name=”DECRIPTION” 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 документа.

0x08 graphic

0x08 graphic

0x08 graphic

0x08 graphic

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

<BODY bgcolor=”…” LINK=”…”>

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

</BODY>

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

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

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

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

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

<!--

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

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

-->

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

<COMMENT>

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

</COMMENT>

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

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

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

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

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

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

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

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

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

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

.

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

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

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

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

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

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

0x08 graphic

0x08 graphic

0x08 graphic

0x08 graphic

0x08 graphic

0x08 graphic

0x08 graphic

0x08 graphic

0x08 graphic

0x08 graphic

0x08 graphic

0x08 graphic

0x08 graphic

0x08 graphic

0x08 graphic

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

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

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

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

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

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

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

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

абзаца.

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

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

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

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

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

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

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

<H1>…</H1>

… … …

<H6>…</H6>

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

Допустимо использование атрибута 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>

<LI>abc</LI>

<LI>def</LI>

</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 TYPE=disc, square, circle>

<LI>abc</LI>

</UL>

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

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

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

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

Например:

<UL TYPE=disc, square, circle>

<LI>abc</LI>

<UL>

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


ИНТЕРЕСНОЕ



© 2009 Все права защищены.