Реферат: Мировые информационные ресурсы
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 документа.
Пример парного дескриптора:
<BODY bgcolor=”…” LINK=”…”>
-----------------------
</BODY>
Форматирование текста
В HTML документе можно помещать комментарии (они игнорируются браузером и используются для служебных целей).
Комментарии.
1) Одиночный дескриптор.
<!--
Все, что находится между первой и последней треугольной скобкой считается комментарием.
-->
2) Парный дескриптор <COMMENT> .
<COMMENT>
------------------
</COMMENT>
Браузеры игнорируют “обычные” средства форматирования текста, такие как последовательность пробелов, знаки табуляции, переводы строки и прочие. Чтобы отформатировать документ используются средства физического и логического форматирования.
К физическим относятся дескрипторы, которые определяют напрямую внешний вид текста.
К логическим относятся дескрипторы, которые определяют логический статус (значение) текста.
Физические средства форматирования.
1.Одиночный дескриптор <br> - перевод строки (разрыв строки)
.
2.Парный дескриптор <nobr>…</nobr> - запрещает разрыв текста, находящегося в контейнере. Данный дескриптор еще называют дескриптор жесткого переноса.
По причине различных условий, в которых отражается HTML документ (разные браузеры, видеорежимы, разрешение экрана) HTML документ может отображаться с нарушением взаимного расположения элементов.
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
Например:
