![]() |
|
|
Реферат: Мировые информационные ресурсы
Пример. <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) Блокнот.
Основные дескрипторы HTML1.Заголовок HTML документа – определяет назначение HTML документа и его основные свойства. Формируется при помощи парного дескриптора <HEAD>: <HEAD> ----------- </HEAD> Содержимое заголовка обычно не отражается на экране пользователя при просмотре Web документа. 2.Тело Web документа – содержит содержательную часть Web документа (информация, графика и так далее). Формируется при помощи парного дескриптора <BODY>: <BODY> ------------ </BODY> 3.Дескриптор, определяющий начало и конец документа. Формируется при помощи парного дескриптора <HTML>. Начальный находится в самом начале HTML документа, конечный – в самом конце Web документа. <HTML> Заголовок Тело </HTML> Заголовок HTML документа и его основные свойстваФормируется при помощи МЕТА дескрипторов (<META>). Дескриптор <META> используется для описания свойств HTML документа. Он является одиночным, однако содержит следующие атрибуты:
Первые два используются для обозначения свойств (то есть дают свойству имя), последний используется для придания свойству значения. Например: <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 документа) обрабатываются поисковыми системами. Пример. <BODY BGCOLOR=”red”/”gray”/”# FFCC22” BACKGROUND=1.jpg> Структура дескриптора BODY1.Атрибут 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> - формирует нумерованный список (или упорядоченный).
Например: <OL TYPE=[1/a/A/I] , где 1 - арабские цифры. а – прописные буквы. А – заглавные буквы. I – римские цифры.
Например, если START=3, то нумерация начнется с трех или с буквы “c”. 2. Парный дескриптор <UL>…</UL> Формирует не упорядоченный список (маркерный).
Например: <UL TYPE=disc, square, circle> <LI>abc</LI> </UL> Где disc – жирная точка; square - квадрат; circle – не закрашенная окружность. При отображении элементов списка браузер делает отступ слева. Многоуровневые списки. Например: <UL TYPE=disc, square, circle> <LI>abc</LI> <UL> <LI>def</LI> <LI>ghi</LI> </UL> </UL> Отобразиться:
Браузер будет делать очередной отступ слева. Таблицы. 1. Парный дескриптор <TABLE>…</TABLE> В его контейнере должны быть сформированы элементы таблицы (ячейки) в которых и будет информация. 2. Парный дескриптор <TR>…</TR> - формирует строку таблицы. 3. Парный дескриптор <TD>…</TD> - формирует ячейку внутри строки. Пример: <TABLE>
<TR> <TR> <TR> <TR> Атрибуты дескриптора <TABLE>:
Пример: <TABLE WIDTH=100% или WIDTH=200>
Обычная таблица
Атрибуты дескриптора <TR>: 1) Атрибут ALIGN – выравнивание текста в ячейках. 2) Атрибут VALIGN – определяет вертикальное выравнивание текста в ячейках. Возможные значения атрибута VALIGN: · =TOP – по верху. · =MIDDLE – по центру. · =BOTTOM – по нижнему краю ячейки.
3)Атрибут bgcolor – для указания фона строки. Атрибуты дескриптора <TD>:
Вышеперечисленные атрибуты действуют так же, как для дескриптора <TR>. Дополнительно атрибуты:
Пример: <TABLE>
<TR> </TR> <TR> </TR> </TABLE>
Пример: |
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|
Рефераты бесплатно, реферат бесплатно, курсовые работы, реферат, доклады, рефераты, рефераты скачать, рефераты на тему, сочинения, курсовые, дипломы, научные работы и многое другое. |
||
При использовании материалов - ссылка на сайт обязательна. |