43579 (Мировые информационные ресурсы), страница 5
Описание файла
Документ из архива "Мировые информационные ресурсы", который расположен в категории "". Всё это находится в предмете "информатика" из , которые можно найти в файловом архиве . Не смотря на прямую связь этого архива с , его также можно найти и в других разделах. Архив можно найти в разделе "рефераты, доклады и презентации", в предмете "информатика" в общих файлах.
Онлайн просмотр документа "43579"
Текст 5 страницы из документа "43579"
Бывают шести уровней:
<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 > - дескриптор пре форматирования.
Используется для форматирования текста стандартными способами (табуляцией, последовательностью пробелов и так далее).
Пример:
_ _ _ _ _ _ _ _ _ _ _ _ _ _
|_ _ _ _ _ _ _|_ _ _ _ _ _ _||_ _ _ _ _ _ _|_ _ _ _ _ _ _|
10. Парный дескриптор <DIV>… DIV >
Используется для выравнивания группы элементов таблицы (группа – несколько текстовых или графических элементов). Все, что внутри таблицы выравнивается.
Пример:
<DIV>
Align
</DIV>
10. Парный дескриптор <Center>… Center >
Все содержимое контейнера данного дескриптора выравнивается по центру.
Советы по форматированию текстовых фрагментов
1.Использовать мягкий контраст между фоном и текстом (например, черный и белый).
2.Использовать как можно меньшее число шрифтов (2-3). Принято для отображения заголовков использовать шрифты типа Arial (то есть без засечек), а шрифты с засечками для самого текста (например, ТАЙМС).
3.Реже используйте выделения, подчеркивания и жирные шрифты.
Существуют так же дескрипторы:
<b>…b> - выделяет текст в контейнере с помощью жирного шрифта.
<i>…i> - выделяет текст в контейнере с помощью наклонного текста (курсив).
Пример логического форматирования.
1) Парный дескриптор <CITE>… CITE >
Используется для цитат. Обычно браузером отображается в виде курсива (наклонного текста).
2) Парный дескриптор <BLOCKQUOTE>…</BLOCKQUOTE>
Используется для выделения больших цитат. (Браузер обычно делает отступ от левого края).
В большинстве случаев браузер не допускает пересечение дескрипторов.
Пример пересечения:
<PRE>
<FONT>
PRE >
FONT >
(В лучшем случае просто не запустится).
Но есть и исключения, например <b>…<i>…b>…>
В том месте, где пересеклись дескрипторы и <b>, текст будет выделен жирным курсивом.
3) Парный дескриптор <U>…U> - подчеркивание.
Специальные символы
Используются для отображения символов, которые являются в HTML управляющими и не могут быть отображены обычными способами.
Например, (>) - больше или (<) – меньше. Браузер ее воспринимает как начало контрольной последовательности.
Для того чтобы все-таки отобразить эту скобку необходимо набрать последовательность:
< - отобразится левая скобка.
> - отобразится правая скобка.
© - отобразится значок авторского права.
° - отобразится значок температуры.
отобразится символ пробела (жесткого пробела). Если пробел указан с помощью данного специального символа, то разрыв строки не допускается, так как браузер будет видеть слова и пробелы как одно слово.
Сложное форматирование
В отличие от простого форматирования символов и абзацев в HTML сложное форматирование производится с помощью многоуровневых конструкций, основу которых составляет дескриптор, задающий способ форматирования (список, таблица) и элементы более низкого уровня, используемые непосредственно для отображения текста.
Пример:
- abc
- def
Данная конструкция формирует нумерованный список, при этом дескриптор
является дескриптором, который определяет способ форматирования. В браузере отобразится:
1.abc или a. abc
2.def b. def
1. Парный дескриптор <LI>…LI> (от английского слова List - список) используется для отображения элементов списка. Атрибутов не имеет.
2. Парный дескриптор <OL>…OL> - формирует нумерованный список (или упорядоченный).
Изменение способа нумерации производится с помощью атрибута TYPE.
Например:
TYPE=[1/a/A/I] , где
1 - арабские цифры.
а – прописные буквы.
А – заглавные буквы.
I – римские цифры.
Атрибут START позволяет указать номер, с которого начинается нумерация.
Например, если START=3, то нумерация начнется с трех или с буквы “c”.
2. Парный дескриптор <UL>…UL>
Формирует не упорядоченный список (маркерный).
abc
def
Например:
TYPE=disc, square, circle>
- abc
UL>
Где disc – жирная точка; square - квадрат; circle – не закрашенная окружность.
При отображении элементов списка браузер делает отступ слева.
Многоуровневые списки.
Например:
TYPE=disc, square, circle>
- abc
- def
- ghi
UL>
UL>
Отобразиться:
abc
def
ghi
Браузер будет делать очередной отступ слева.
Таблицы.
1. Парный дескриптор <TABLE>…TABLE>
В его контейнере должны быть сформированы элементы таблицы (ячейки) в которых и будет информация.
2. Парный дескриптор <TR>…TR> - формирует строку таблицы.
3. Парный дескриптор <TD>…TD> - формирует ячейку внутри строки.
Пример:
1 2 3 4
Атрибуты дескриптора <TABLE>:
Атрибут WIDTH – определяет ширину таблицы (в процентах или пикселях).
Пример:
Атрибут HEIGHT – высота (принимает такие же значения, как и атрибут WIDTH).
Атрибут ALIGN – выравнивание таблицы по ширине относительно краев окна.
Атрибут BORDER – определяет ширину рамки (если значение данного атрибута 0, то рамки отсутствуют).
Атрибут bgcolor – для формирования фона таблицы с помощью цвета.
Атрибут background - для формирования фона таблицы с помощью картинки.
Атрибут cellpadding – для указания отступов от краев ячейки (в пикселях).
Атрибут cellspacing – расстояние между ячейками.
Если значение атрибута больше нуля,
то таблица выглядит так:
Обычная таблица
Атрибут bordercolor – цвет границ ячеек (рамки).
Атрибуты дескриптора <TR>:
Атрибут ALIGN – выравнивание текста в ячейках.
Атрибут VALIGN – определяет вертикальное выравнивание текста в ячейках.
Возможные значения атрибута VALIGN:
=TOP – по верху.
=MIDDLE – по центру.
=BOTTOM – по нижнему краю ячейки.
3)Атрибут bgcolor – для указания фона строки.
Атрибуты дескриптора <TD>:
Атрибут ALIGN.
Атрибут VALIGN.
Атрибут bgcolor.
Вышеперечисленные атрибуты действуют так же, как для дескриптора
. Дополнительно атрибуты:
Атрибут COLSPAN – объединение ячеек, находящихся в одной строке. Значение атрибута равно количеству близлежащих ячеек находящихся в одной строке, которые будут объединены.
Пример:
1 3 4
Атрибут ROWSPAN – объединение ячеек, находящихся в одном столбце. Значение атрибута указывает количество близлежащих ячеек находящихся в одном столбце, которые будут объединены.
Пример:
1 2 4
Форматирование текстовых фрагментов HTML документа
Кроме ширины и высоты таблицы в целом можно регулировать ширину и высоту ячеек (то есть использовать такие же атрибуты в дескрипторе
, в пикселях и в процентах). Если они не указаны, то браузер выравнивает размер ячейки по ширине текста.
Таблица является наиболее часто употребляемым инструментом в Web дизайне, позволяющим точно разместить на таблице отдельные мультимедийные элементы. Подобно спискам, таблицы могут быть вложены в другие таблицы.
Пример:
Чтобы добавить такую таблицу в контейнере дескриптора ячейки пишут следующее:
Фон отдельных ячеек могут отображать не все браузеры.
Размещение графических изображений в HTML документе
Для размещения изображений используются в основном два графических формата:
JPG
GIF
1.Формат JPG.
Плюсы - Графическое изображение, сохраненное в данном формате, имеют наименьший объем.
Минусы – при сохранении происходит довольно сильное сжатие картинки, а при сжатии изображение теряет качество и наблюдается эффект пикселизации.
Пример:
Картинка сжалась в девять раз.
Девять пикселей заменяются одним пикселем среднего цвета.
Изображение сохраняется в формате .jpg в том случае, если необходимо сохранить максимальное количество оттенков.
2.Формат GIF.
При сохранении картинок в этом формате также происходит сжатие, но пикселизации не происходит.
Минусы – изображение сохраняется с помощью ограниченного количества цветов (обычно 256 цветов) => изображение будет не очень красочным.
С помощью формата .gif сохраняются навигационные кнопки, навигационные графические элементы и фоновые изображения.
Для внедрения изображения используется одиночный дескриптор <IMG>.
Атрибут SRC – основной атрибут. Он указывает путь и имя файла, в котором содержится графический элемент.
Пример:
Атрибут WIDTH – ширина внедряемого изображения (в пикселях).
Атрибут HEIGHT - высота внедряемого изображения (в пикселях).
Атрибуты VSPACE, HSPACE – устанавливают отступ текста от внедряемого в HTML документ изображения.
Атрибут BORDER – задает толщину рамки вокруг изображения.
Атрибут ALT – задает альтернативный текст, который появляется в том месте, где должны быть картинки.
Пример:
ALT=”Здесь была картинка”.
Обычно атрибут используют при размещении навигационных изображений (ссылок), а так же при размещении изображений, о которых надо дать знать поисковой системе.
Атрибут ALIGN – выравнивание.
Возможные значения:
=LEFT, CENTER, RIGHT.
Добавляются значения: =TOP, MIDDLE, BOTTOM.
Если не используются атрибуты WIDTH, HEIGHT, то изображение внедряется оригинального размера.
Если используется только один атрибут, например HEIGHT, то браузер уменьшит или увеличит ширину пропорционально изображению.
Использование гипрессылок
Гипрессылка – это URL адрес того документа, который привязан к одному из элементов Web страницы (текстовому или графическому).
Для внедрения ссылок в HTML документ применяется парный дескриптор <A>…A>.
Пример:
Все, что находится внутри контейнера, называется элемент привязки (текстовый фрагмент или графический элемент).
В результате на экране отображается подчеркнутый выделенный текст.
Пример привязки к изображению:
Изображение, к которому привязывается ссылка, называется навигационной картинкой (изображением).
В случае привязки к картинке ссылки вокруг картинки формируется рамка (чаще всего синего цвета). Чтобы ее убрать, необходимо указать:
Значением атрибута HREF может быть абсолютный адрес (URL адрес) или относительный адрес (имя файла, в котором хранится HTML документ, указываемый с помощью ссылки). Например, HREF=”1.htm”. Браузер будет искать данный документ в текущей папке, то есть в той, в которой находится активный документ.
Исключение составляет дескриптор <BASE>
> В случае использования данного дескриптора в заголовке HTML документа (то есть контейнера HEAD)относительные адреса (указанные в виде значений HREF) будут восприниматься браузером не относительно текущей папки, а относительно URL адреса, указанного в значении атрибута URL.
Использование дескриптора …
для указания отдельных элементов HTML документов.
1. Атрибут NAME используется для указания места, до которого необходимо пролистать
HTML документ.
Пример:
A>
В этом случае внутри дескриптора находится якорь – это элемент HTML документа, который может быть адресован с помощью гиперссылки. Якорь не выделяется браузером.
Для того чтобы с помощью ссылки адресоваться к якорю надо после URL адреса добавить # и указать имя якоря.
Пример:
Название якоря может формироваться без указания URL адреса HTML документа.
Пример:
Данный якорь будет искаться в текущей папке.
При использовании абсолютного адреса необходимо использовать аббревиатуру http (например, http://www.kirov.ru).
HTML форма
Форма (в документе HTML) – это средство, позволяющее организовать диалог пользователя и Web сайта.
Основные виды HTML форм:
Кнопки.
Списки.
Текстовые поля.
Переключатели (флажки).
Радиокнопки.
Элементы управления HTML форм позволяют пользователю вводить информацию с помощью браузера и отправлять её на обработку Web сайту.
Для обработки форм, заполненных пользователем, на Web сайте используется программа-обработчик. В ответ на данную форму эта программа формирует HTML код.
Группа дескрипторов, формирующих HTML форму.
1. Парный дескриптор <FORM> - задает свойство формы и содержит в своем контейнере элементы этой формы.
Атрибуты:
Атрибут NAME – для задания имя формы.
Например, NAME=”anketa”.
! Каждый элемент HTML формы, как и сама форма, должны быть обязательно поименованы.
Атрибут METHOD – определяет, каким способом HTML форма будет отправляться к программе-обработчику.
Есть два варианта:
1)=POST – используется чаще всего.
2)=GET – используется для отправки HTML формы с помощью URL адреса.
(По умолчанию задается метод GET).
Атрибут ACTION – задает местоположение программы-обработчика. Значением атрибута служит адрес (абсолютный или относительный).
Например,
ACTION=”executive.php” – файл, в котором хранится программа-обработчик.
Или ACTION=“mailto:a@kirov.ru” – пользовательская форма будет отсылаться по указанному электронному адресу.
Атрибут ENCTYPE – тип кодировки.
Варианты:
=”text/htm/”
=”text/plain” – обычный текст без элементов форматирования.
Элементы HTML форм
1.Текстовые поля.
Бывают двух видов:
Многострочное. Парный дескриптор <TEXTAREA>…TEXTAREA>
Атрибуты:
Атрибут NAME.
Атрибут ROWS – высота поля в строчках.
Атрибут COLLS – ширина поля в символах.
Размещенный в контейнере дескриптора <TEXTAREA> текст будет отображаться внутри этого текстового поля (по умолчанию).
Однострочное. Формируется с помощью одиночного дескриптора <INPUT>.
(Данный дескриптор также используется для переключателей, радиокнопок).
Атрибуты:
Атрибут NAME.
Атрибут TYPE – задает тип создаваемого элемента. Для создания однострочного поля значение атрибута TYPE=”Text”.
Атрибут SIZE – ширина поля в символах.
Атрибут MAXLENGTH – максимальная длина вводимого текста.
Атрибут VALUE – используется для хранения значения элемента формы.
Пример:
Мы можем задать значение поля по умолчанию VALUE=”Например, пошел дождь”.
2.Переключатель или флажок.
Формируется с помощью дескриптора <INPUT>, атрибут TYPE которого принимает значение TYPE=”CHECKBOX”.
У данного дескриптора имеются также атрибуты:
Атрибут NAME.
Атрибут CHESKED – если он указан, то флажок будет установлен.
3.Радиокнопка.
(Выглядит как жирная точка).
Достигается с помощью двух дескрипторов <INPUT>, имеющих одинаковое имя. Например, NAME=”1”.
4.Текстовое поле типа пароль.
Данный дескриптор формирует текстовое поле типа пароль. Работает также как и однострочное текстовое поле, но значение отображается в виде звездочек.
5.Кнопка.
Используется для вызова клиентских скриптов (сценариев).
Выглядит так:
Кнопка созданная с помощью: предназначена для отправки формы на обработку в Web сайт.
Выглядит так:
Кнопка сброса формы.
Предназначена для установления первоначального значения формы.
Выглядит так:
6.Списки выбора (меню) – это многоуровневая конструкция.
Парный дескриптор < SELECT >… SELECT > (дескриптор первого уровня) формирует свойства меню.
Атрибуты:
Атрибут NAME.
Атрибут SIZE.
Если данный атрибут равен единице, меньше единицы или не указан, то формируется выпадающее меню.
Выглядит так:
Если SIZE больше единицы, то формируется прокручиваемый список.
Выглядит так:
Внутри контейнера дескриптора
Пример:
Файл
Печать
Ширина меню определяется максимальным значением элемента меню.
Атрибут MULTIPLE – для выбора нескольких разных опций.
Советы преподавателя:
Размещать каждый дескриптор с новой строки.
Перед большими конструкциями делать интервал.
HTML форма отсылается на обработку Web сайту в виде записей, которые выглядят следующим образом:
Имя элемента формы(Name) = значение(Value).
Для списков, переключателей, кнопок, радиокнопок обязательно задавать значение атрибута Value. В остальных случаях значение задает пользователь (во время ввода). В случае если при формировании элементов формы типа переключатель (флажок) атрибут Value не используется, в качестве значения будет формироваться предлог On.
Для списков таковым значением по умолчанию будет назначаться текст, расположенный сразу после дескриптора
Если вы используете элемент Web формы для передачи информации Web сайту, при передаче формы на обработку должна появиться запись:
Имя элемента формы = его значение.
История создания Internet
Толчком к созданию сети Internet послужила холодная война.
Первые разработки по созданию глобальных компьютерных сетей были осуществлены американским агентством по созданию военных разработок DARPA (агентство было создано в 1957 году).
В 1965 году состоялся первый сеанс удаленной связи между компьютерами. Был выделен специальный проект по созданию сети ARPANET (прообраз сети Internet).
В 1969 году были созданы первые маршрутизаторы, благодаря этому в этом же году было создано четыре узла маршрутизации, которые позволили в полной мере реализовать ту модель ГВС, которая была изначально принята за основу при создании сети ARPANET.
В 1972 году был запущен стандарт, регламентирующий основу транспортного протокола TCP.
В этом же году появились первые сервисы:
TELNET (1972).
FTP (1973).
С помощью этих сервисов пользователь получает удаленный доступ к командной строке сервера. Для передачи сообщений использовали командную строку. Для передачи электронной почты использовался протокол FTP.
В 1977 году появился стандарт на сервис электронной почты SMTP.
В 1983 году произошло официальное внедрение протокола TCP/IP.
В результате расширения сети было принято решение о передаче координации проекта ARPANET из обороны науке. И проект был переименован в NSFNET.
В середине 80-х к NSFNET подключились британская сеть, затем канадская, финская и другие.
В 1993 году к Internet присоединилась Россия, и был образован домен .ru
В 1991 году был создан сервис Gopher – прообраз Web сервиса.
Основные организационные структуры,
координирующие работу Internet
После выхода Internet за национальные рамки основная роль по управлению сетью была передана Всемирной общественной организации по назначению имен и чисел – ICANN.
Инженерная организация по развитию Internet – IETF.
Основная задача: Развитие старых и создание новых сетевых стандартов.
Развитием Web стандартов занимается W3C.
IOSC – интернет сообщество. Основная задача – развитие содержательной части, правовые вопросы.
РСИЦ – региональный сетевой информационный центр (в России). Этот центр занимается разработками, опираясь на стандарты четырех вышеперечисленных организаций.
В каждой стране есть такой центр.
Листы каскадных стилей или CSS
CSS – это набор правил для оформления и форматирования различных элементов HTML документов.
Правила подключения стиля к конкретному HTML документу:
1) С помощью одиночного дескриптора <LINK>.
MEDIA – среда, в которой будут работать стили.
При задании значения атрибуту MEDIA правила будут действовать только при выводе страниц на:
MEDIA=”PRINT” – печать.
MEDIA=”SCREEN” – экран.
2) При помощи парного дескриптора <STYLE>…<STYLE>.
….
В контейнере дескриптора