Реферат: Мировые информационные ресурсы
--PAGE_BREAK--Компьютерные сетиКомпьютерная сеть – это группа компьютеров, объединенных с помощью каналов связи и обеспечивающих с совместное использование информационных и вычислительных ресурсов отдельных компьютеров.
Вычислительные ресурсы – это жесткие диски, оперативная память, процессорная мощность, принтеры, модемы, сканеры и другие устройства, установленные на отдельных компьютерах сети.
Локальная сеть – это компьютерная сеть в пределах одного здания, офиса или группы зданий.
Сервер – это компьютер, подсоединенный к компьютерной сети, работающий непрерывно во все время функционирования сети, имеющий мощные информационные и вычислительные ресурсы и обеспечивающий многочисленные обращения к этим ресурсам пользователей.
Клиентский компьютер (клиент) – это компьютер, подключенный к сети, основное назначение которого – обеспечить доступ пользователя к ресурсам сети.
Глобальная сеть – это компьютерная сеть мирового масштаба, включающая в свой состав локальные сети, используемые для совместного доступа к мировым информационным ресурсам.
Узел глобальной сети – это программно — аппаратный комплекс, обслуживаемый соответствующим персоналом и исполняющий роль регионального центра управления глобальной сетью.
Функции узла глобальной сети:
1) Поддержка функционирования регионального сегмента сети.
2) Работы по изменению структуры сегмента сети (его увеличение или уменьшение).
3) Поддержка функционирования региональных ресурсов (то есть больших баз данных).
В состав комплекса узла могут входить, как серверы, так и клиентские компьютеры.
<img width=«128» height=«67» src=«ref-1_256854660-550.coolpic» alt=«Равнобедренный треугольник: клиент» v:shapes="_x0000_s1026">
<img width=«112» height=«40» src=«ref-1_256855210-630.coolpic» v:shapes="_x0000_s1027"><img width=«90» height=«54» src=«ref-1_256855840-1461.coolpic» alt=«Овал: сервер» v:shapes="_x0000_s1028">
<img width=«607» height=«153» src=«ref-1_256857301-5790.coolpic» v:shapes="_x0000_s1034 _x0000_s1042 _x0000_s1031 _x0000_s1039 _x0000_s1040 _x0000_s1041 _x0000_s1033 _x0000_s1030 _x0000_s1029 _x0000_s1035 _x0000_s1038 _x0000_s1037 _x0000_s1036 _x0000_s1032">
<img width=«100» height=«25» src=«ref-1_256863091-623.coolpic» v:shapes="_x0000_s1043">
— коммутируемые каналы связи.
<img width=«98» height=«2» src=«ref-1_256863714-158.coolpic» v:shapes="_x0000_s1044"> — выделенные каналы связи.
Коммутируемый канал предоставляет временную связь к компьютерам сети посредством
телефонной сети общего назначения (через коммутатор АТС).
Выделенный канал предоставляет постоянную связь к компьютерам сети посредством следующих видов связи:
· Выделенная медная пара (телефонная линия).
· Коаксиальный кабель.
· Витая пара.
· Оптоволокно.
· Радиоканал.
· Спутниковый канал.
· Воздушный оптический канал (инфракрасный канал).
Сервис – это программа, работающая на серверах, посредством которой обеспечивается доступ к информационным и вычислительным ресурсам.
Основные сервисы глобальной сети
Internet
1.Web сервис
Web сервис (www) – это технология доступа к информационному ресурсу посредством Web сайта. Это самый используемый сервис сети.
Web сайт – это набор связанных друг с другом документов. Для связи таких документов используются гиперссылки.
· PersonalWebServer – это программа, с помощью которой мы можем регулировать работу Web сервиса. (В рамках локального компьютера).
· Internet Information Service – более полная версия предыдущей программы.
2.FTP сервис
Этот сервис обеспечивает удаленный доступ к файловой системе сервера.
Существует также понятие FTP сайт – это группа файлов, папок, находящихся в файловой системе сервера к которым обеспечивается удаленный доступ.
В составе FTP сервиса имеются средства для передачи файлов в больших объемах и возможности повторной передачи данных с того места, на котором прервалась первая передача.
3.Сервис электронной почты (E-mail)
Предназначен для пересылки информации конкретному пользователю глобальной сети (Internet). Каждый пользователь имеет ящик электронной почты – это папка на сервере,
где хранятся сообщения пользователя.
продолжение
--PAGE_BREAK--4.Сервис телеконференций
Данный сервис также называют сервер групп новостей (NEWS). Он позволяет участвовать всем пользователям сети в групповых дискуссиях, в которых обсуждаются различного рода вопросы.
Группа новостей – это место, где происходит дискуссия по какой-то определенной тематике. (Это папка на жестком диске сервера, в которой хранятся сообщения участников дискуссии).
Адресация в сети
Internet
Передача информации в глобальных сетях осуществляется (в основном) в пакетном режиме. Информация или файл разбиваются на пакеты и передаются независимо друг от друга, а затем снова собираются в целую информацию (файл).
<img width=«27» height=«103» src=«ref-1_256863872-685.coolpic» v:shapes="_x0000_s1045"> Оптоволоконный канал Спутниковый канал
<img width=«630» height=«159» src=«ref-1_256864557-9619.coolpic» v:shapes="_x0000_s1054 _x0000_s1068 _x0000_s1069 _x0000_s1066 _x0000_s1070 _x0000_s1067 _x0000_s1086 _x0000_s1084 _x0000_s1085 _x0000_s1053 _x0000_s1064 _x0000_s1077 _x0000_s1075 _x0000_s1076 _x0000_s1052 _x0000_s1051 _x0000_s1074 _x0000_s1071 _x0000_s1065 _x0000_s1081 _x0000_s1080 _x0000_s1061 _x0000_s1083 _x0000_s1078 _x0000_s1079 _x0000_s1062 _x0000_s1063 _x0000_s1060 _x0000_s1050 _x0000_s1073 _x0000_s1048 _x0000_s1059 _x0000_s1049 _x0000_s1072 _x0000_s1055 _x0000_s1056 _x0000_s1057 _x0000_s1058 _x0000_s1047 _x0000_s1046 _x0000_s1082">
<img width=«52» height=«19» src=«ref-1_256874176-329.coolpic» v:shapes="_x0000_s1087">пакеты узел маршрутизации Радиоканал
Каждый переданный пакет должен получить подтверждение по достижении им получателя. (То есть отправитель должен получить подтверждение о том, что пакет достиг получателя).
Протокол – это набор правил и команд, определяющий передачу информации в сетях (любых).
Сетевой протокол определяет передачу на уровне пакетов (низкий уровень), а прикладной протокол определяет передачу информации на уровне сервисов (то есть информация более высокого уровня).
Адресация глобальных сетей – это система уникальных имен (адресов), позволяющая передавать информацию в определенном направлении.
Сетевая адресация позволяет нам установить местонахождение компьютера в глобальной сети.
Прикладная адресация – устанавливает местоположение единиц информации. (Примерами единиц информации являются Web сайт, FTP сайт, файл и т. д.).
На сетевом уровне различают следующие виды адресов:
1.
IP адрес – уникальное имя компьютера в глобальной сети. (Например, 192.168.0.1 – четырехразрядный адрес. В каждом разряде может быть от одной до трех цифр (числа от 0 до 255).
Именно IP адрес используется для отправки и получения пакетов.
2.Доменный адрес – так же предназначен для определения местоположения компьютеров в сети.
Пример:
www.kirov.ru — (состоит из букв, некоторые из которых складываются в слова). Указывает на компьютер с именем www, находящийся в России в Кирове.
ru – домен первого уровня (это группа компьютеров, входящих в состав российского сегмента сети Internet).
kirov – домен второго уровня (в данном случае указывает на компьютеры, входящие в состав кировского сегмента сети).
Последняя составляющая www – это имя компьютера в домене.
Порт компьютера – указывает местоположение конкретного сервиса среди других, работающих на одном компьютере.
Порт выглядит как обычный номер от 1 до 10000. № порта обязательно указывается при передаче и получении пакетов.
<img width=«486» height=«270» src=«ref-1_256874505-10620.coolpic» v:shapes="_x0000_s1089 _x0000_s1095 _x0000_s1097 _x0000_s1094 _x0000_s1088 _x0000_s1092 _x0000_s1091 _x0000_s1093 _x0000_s1096">
<img width=«65» height=«58» src=«ref-1_256885125-629.coolpic» v:shapes="_x0000_s1098">
<img width=«41» height=«155» src=«ref-1_256885754-967.coolpic» v:shapes="_x0000_s1099"> <img width=«126» height=«90» src=«ref-1_256886721-2257.coolpic» alt=«Овал: Програм-ма клиент» v:shapes="_x0000_s1100"> <img width=«78» height=«64» src=«ref-1_256888978-1355.coolpic» v:shapes="_x0000_s1102 _x0000_s1101">
<img width=«54» height=«42» src=«ref-1_256890333-1046.coolpic» alt=«Овал: С3» v:shapes="_x0000_s1103"><img width=«54» height=«42» src=«ref-1_256891379-1049.coolpic» alt=«Овал: С4» v:shapes="_x0000_s1104"><img width=«39» height=«2» src=«ref-1_256892428-154.coolpic» v:shapes="_x0000_s1105"> IP адрес отправителя.
<img width=«38» height=«2» src=«ref-1_256892582-154.coolpic» v:shapes="_x0000_s1106"> IP адрес сервера получателя.
<img width=«37» height=«2» src=«ref-1_256892736-156.coolpic» v:shapes="_x0000_s1107"> № порта (адрес сервиса).
Прикладной уровень адресации
или адресация на уровне сервисов в глобальной сети
Данная адресация используется для указания информационных ресурсов доступных пользователю посредством конкретного сервиса.
URL адрес — используется в WEB и FTP сервисах для указания местоположения WEB документов и файлов.
Пример URL адреса:
http://www.site.ru:81/folder1/file2.htm, где
http – это протокол, используемый для обращения к ресурсу.
:// — синтаксис.
www.site.ru — доменный адрес, указывает местоположение сервера, где находится ресурс.
81 – номер порта – адрес, по которому находится Web сервис на данном сервере. Этот параметр не обязателен. По умолчанию используется порт 80.
/ — символизирует корневую папку сайта.
folder1/ — путь к ресурсу, начиная от корневой папки.
file2.
htm – имя файла, в котором хранится документ.
Имя файла, в котором хранится ресурс не обязательный параметр. По умолчанию используется имя, которое было указано в настройках Web сервера.
В самом упрощенном виде URL адрес выглядит так:
www.site.ru
Автоматически подставляется http:// и :80/
Сайт – это группа документов, которые связаны между собой тематикой и гиперссылками.
Обращение к сайту выглядит так:
http://www.site.ru/
На одном сервере может находиться несколько сайтов.
www.site.ru
f1
www.site2.ru
f2
<img width=«146» height=«170» src=«ref-1_256892892-478.coolpic» v:shapes="_x0000_s1108">
<img width=«102» height=«42» src=«ref-1_256893370-982.coolpic» alt=«Овал: сервис» v:shapes="_x0000_s1109"> http://www.site.ru/
<img width=«224» height=«49» src=«ref-1_256894352-498.coolpic» v:shapes="_x0000_s1112 _x0000_s1111"> <img width=«28» height=«39» src=«ref-1_256894850-426.coolpic» v:shapes="_x0000_s1110">
<img width=«78» height=«42» src=«ref-1_256895276-650.coolpic» alt=«Блок-схема: документ: Папка f1» v:shapes="_x0000_s1113"> 194.84.201.1
<img width=«78» height=«42» src=«ref-1_256895926-669.coolpic» alt=«Блок-схема: документ: Папка f2» v:shapes="_x0000_s1114">
При обработке запроса, поступившего к Web сервису, анализируется доменный адрес и сопоставляется с таблицей размещения сайтов на сервере, после чего предоставляется доступ к запрошенному сайту. Таким образом, на сервере может находиться несколько сайтов, обслуживаемых одним Web сервисом.
Для того чтобы разные доменные адреса указывали на один сервер, они должны транслироваться в один и тот же IP адрес. Трансляция доменного адреса в IP адрес производится с помощью DNS сервиса.
FTP сервис обрабатывает URLадреса точно так же.
продолжение
--PAGE_BREAK--Адрес электронной почты
Он указывает местоположение папки, где хранятся сообщения, пришедшие к конкретному пользователю (почтовый ящик).
Например, user@server.ru, где
user – имя папки (почтового ящика).
@ — синтаксическая единица (коммерческая at, в переводе на; или просто собачка).
server.ru — адрес сервера, где хранится почтовый ящик.
<img width=«278» height=«206» src=«ref-1_256896595-826.coolpic» v:shapes="_x0000_s1116">
25
<img width=«78» height=«42» src=«ref-1_256897421-1212.coolpic» alt=«Овал: SMTP» v:shapes="_x0000_s1119"><img width=«78» height=«42» src=«ref-1_256897421-1212.coolpic» alt=«Овал: SMTP» v:shapes="_x0000_s1120"><img width=«25» height=«38» src=«ref-1_256899845-452.coolpic» v:shapes="_x0000_s1121"> user@server.ru
<img width=«117» height=«55» src=«ref-1_256900297-748.coolpic» v:shapes="_x0000_s1122"><img width=«79» height=«12» src=«ref-1_256901045-248.coolpic» v:shapes="_x0000_s1123"><img width=«113» height=«94» src=«ref-1_256901293-914.coolpic» v:shapes="_x0000_s1124"> 110
<img width=«12» height=«84» src=«ref-1_256902207-451.coolpic» v:shapes="_x0000_s1125"><img width=«78» height=«42» src=«ref-1_256902658-1221.coolpic» alt=«Овал: POP3» v:shapes="_x0000_s1126"><img width=«15» height=«44» src=«ref-1_256903879-442.coolpic» v:shapes="_x0000_s1127"> 25
<img width=«124» height=«43» src=«ref-1_256904321-502.coolpic» v:shapes="_x0000_s1129"> Сообщение
<img width=«2» height=«34» src=«ref-1_256904823-191.coolpic» v:shapes="_x0000_s1130"> <img width=«90» height=«42» src=«ref-1_256905014-722.coolpic» alt=«Блок-схема: документ: Папка user» v:shapes="_x0000_s1132"> <img width=«62» height=«26» src=«ref-1_256905736-475.coolpic» v:shapes="_x0000_s1131">
Ответ
Номер порта, по которому принимает запросы почтовый сервер 25.
SMTP сервис – почтовый сервис.
POP3 сервис – служит для обращения к почтовому ящику (обслуживает сообщения по 110 порту).
Адрес группы новостей
Он указывает расположение папки, где хранятся сообщения по обсуждаемой в рамках этой группы теме.
Группа новостей рассредоточена по нескольким серверам глобальной сети. Отдельные папки, располагаемые на этих серверах и являющиеся основной частью группы новостей, постоянно синхронизируются, то есть поддерживается их одинаковое содержимое.
<img width=«592» height=«172» src=«ref-1_256906211-6730.coolpic» v:shapes="_x0000_s1143 _x0000_s1134 _x0000_s1135 _x0000_s1139 _x0000_s1137 _x0000_s1136 _x0000_s1146 _x0000_s1140 _x0000_s1145 _x0000_s1141 _x0000_s1144 _x0000_s1133 _x0000_s1138 _x0000_s1142">
alt.soft.windows
alt– корневая группа новостей. Используется для обозначения начала иерархии.
soft – основное обсуждение по теме.
windows – конкретно обсуждается эта проблема. (Обсуждение программного обеспечения, которое работает под управлением Windows).
продолжение
--PAGE_BREAK--Работа с
Web сервисом. Использование программы
Internet
Explorer
Программа InternetExplorer, как и любой другой браузер, предназначена для работы с Web сайтами. В качестве дополнительной функции обеспечивается работа с FTP сайтами.
Основные функции программы:
1) Открытие HTML документов.
2) Сохранение HTML документов на локальных дисках.
3) Хранение избранных URL адресов и учет URL адресов, посещенных пользователем страниц (открытых HTML документов).
4) Обеспечение эффективности работы с Web сайтом.
5) Загрузка документов, отличных от HTML документов (то есть имеющих иной формат).
1.
Открытие
HTML документов.
Основная функция InternetExplorer – открытие HTML документов.
Способы открытия:
1) Адресная строка. В ней указывается адрес того документа, который необходимо открыть.
2) Использование ссылок.
Гипрессылка– это URL адрес того документа, который привязан к одному из элементов Web страницы (текстовому или графическому).
Ссылки бывают внутренние и внешние, по отношению к открытому Web документу.
Внутренние – хранятся внутри открытого Web документа.
Внешние – хранятся в папках Windows (избранное и в других).
3) Команда открытьв InternetExplorer.
4) Команда открыть в Windows.
5) Диалог загрузка файла.
2.Сохранение документа.
Команда InternetExplorer сохранить как.
Существует 3 способа сохранения:
Web страница полностью (когда сохраняется и текст и мультимедийные элементы). Web страница только
HTML (сохраняется только текстовое содержимое без мультимедийных элементов). Текстовый файл (сохраняется текст, но теряется форматирование, то есть внешний вид текста).
3.Учет
URL адресов. Сохранение внешних ссылок.
1)Использование папки избранное.
Папка избранное является обычной папкой Windows, хранящейся на локальном диске, в которой ссылки хранятся в виде файлов (папки хранятся в виде ярлыков).InternetExplorer предоставляет доступ к этой папке через панель => избранное и команд добавить => избранное и упорядочить => избранное.
2)Использование панели ссылок.
Панель ссылок – это панель инструментов InternetExplorer, на которой отображается содержимое папки ссылки, которая в свою очередь, входит в состав папки избранное.
3)Назначение домашней страницы.
Домашняя страница – это Web документ, открывающийся при запуске программы InternetExplorer, а также при щелчке по кнопке HOME на основной панели инструментов InternetExplorer. Назначение домашней страницы осуществляется или через свойства обозревателя, где явно указывается URL адрес домашней страницы, или с помощью перетаскивания ссылки на домашнюю страницу поверх кнопки домой на панели инструментов.
4)Журнал.
Журнал – это автоматически заполненный InternetExplorer список ссылок на Web документы, когда-либо открывавшиеся пользователем.
Настройка журнала осуществляется командой сервис => обозреватель.
В журнале имеется возможность сортировки вида ссылок:
· По узлу (то есть по принадлежности к тому или иному сайту).
· По дате.
· По порядку посещения.
· По посещаемости, то есть по частоте посещения сайта (наиболее часто посещаемые сайты отображаются на первой странице журнала).
Папки хранятся в виде ярлыков.
5)Создание ярлыка
Internet.
Ярлык
Internet – это файл, в котором хранится URL адрес. Этот файл располагается в какой-либо папке на жестком диске. Этот файл имеет расширение .
url
4.Обеспечение эффективности работы с
Web сайтом.
1)Авто заполнение – это автоматическое завершение набора текста, начатого пользователем в любом текстовом поле.
2)Открытие нового окна
Internet
Explorer.
Открытие производится с помощью клавишCNTRL+N или открыть New => окно. Это позволяет нам работать сразу с несколькими документами.
3)Отключение мультимедийных элементов (картинок, видео, аудио анимации).
Осуществляется посредством диалога со свойством обозревателя в пункте меню Сервис. (Сервис => свойства обозревателя => дополнительные).
4)Использование КЕШ памяти.
КЕШ память – это область оперативной памяти компьютера, или папка на локальном диске, или папка на диске удаленного компьютера, предназначенная для промежуточного хранения Web документов и последующего более быстрого доступа к ним.
<img width=«278» height=«82» src=«ref-1_256912941-2083.coolpic» v:shapes="_x0000_s1149 _x0000_s1147 _x0000_s1148 _x0000_s1150 _x0000_s1151">
КЕШ память.
КЕШ оперативной памяти используется в InternetExplorer посредством команд вперед (стрелка вправо) и назад (стрелка влево).
КЕШ на локальном диске организуется InternetExplorer в папке временных файлов.
КЕШ на диске удаленного компьютера подключается посредством диалога со свойством обозревателя (настройка прокси-сервера).
5)Работа в автономном режиме.
Работа автономно осуществляется с Web документами, копии которых хранятся в папке временных файлов. Работа осуществляется без подключения к Internet.
5.Исправление ошибок.
Изменение вида кодировки:
Web документы хранящиеся на сервере с платформой отличной от Windows (например Unix) могут отображаться неправильно по причине использования других принципов хранения файлов.
Эту ошибку мы можем исправить с помощью изменения кодировки (пункт меню Вид).
2 основные кодировки:
КириллицаWindows-1251 (Windows). КириллицаKOI8-R (Unix).
Индикация
ошибок
Internet Explorer:
Недоступность сервера – “Невозможно отобразить страницу” Отсутствие страницы на сайте – “Невозможно найти страницу”
продолжение
--PAGE_BREAK--Работа с сервисом электронной почты.
Программа
Outlook Express.
Существует два основных этапа работы с электронной почтой:
1)Открытие почтового ящика.
Открытие почтового ящика это автоматическая (посредством Web интерфейса почтовой службы) или ручная (с помощью провайдера) регистрация на почтовом сервере, связанная с созданием папки на диске почтового сервера (то есть создание почтового ящика) и присвоением имени и пароля для доступа к этому почтовому ящику.
<img width=«341» height=«128» src=«ref-1_256915024-6739.coolpic» v:shapes="_x0000_s1152 _x0000_s1154 _x0000_s1153 _x0000_s1155 _x0000_s1156">
2)Отправка и получение корреспонденции с помощью почтовой программы(мы рассмотрим OutlookExpress).
Основные функции программы
Outlook
Express:
1) Хранение сообщений.
2) Создание учетных записей.
3) Получение сообщений из почтового ящика.
4) Ведение адресной книги.
5) Создание и отправка сообщений.
1.
Хранение сообщений.
Для хранения сообщений используется служебная папка в программе OutlookExpress:
Папка входящие – здесь хранятся вновь поступающие сообщения. Сообщения загружаются в эту папку из почтового ящика по команде доставить. Папка исходящие – предназначена для временного хранения отправленных сообщений до тех пор, пока они не будут переданы SMTP сервису. Папка отправленные – здесь хранятся копии отправленных вами сообщений. Папка черновики – здесь хранятся незаконченные вновь создаваемые сообщения. Папка удаленные – здесь хранятся сообщения, предназначенные для удаления (почти как корзина). Пользовательские папки – предназначены для хранения различного рода сообщений по усмотрению пользователя. Эти папки создаются пользователем.
Содержимое папок отображается в виде списка сообщений.
2.
Создание учетной записи (и ее хранение).
Учетная запись – это набор настроек указывающих программе OutlookExpress, где находится почтовый ящик, сервер и так далее.
Основные поля учетной записи:
Имя учетной записи. Имя пользователя. Поле организация (если сообщение посылается организации). Электронный адрес (в большинстве случаев сервис SMTP при получении от пользователя сообщения не проверяет достоверность электронного адреса, то есть адрес может быть фиктивным). Тип сервиса входящей почты (чаще сервис POP3, следующий по популярности сервис IMAP4). Адрес сервера входящей почты. Здесь указывается IP или доменный адрес сервера, где хранится почтовый ящик. Адрес сервера исходящей почты. Здесь указывается IP или доменный адрес сервера, который используется для отправки сообщений. Имя для входа. Указывается имя пользователя, зарегистрированное в сервисе входящей почты и используемое для доступа к почтовому ящику. Пароль. Используется для авторизации доступа к почтовому ящику. Порт SMTP сервиса. Здесь указывается номер порта, к которому обращается программа OutlookExpress для отправки сообщений (стандартный 25 порт). Порт сервиса POP3. Здесь указывается номер удаленного сервера (сервера входящей почты).
3.
Получение сообщений.
Оно производится с помощью команды доставка. Сообщение попадает в папку входящие и отображается в виде списка сообщений. Просмотр вновь полученных сообщений возможен с помощью открытия отдельного окошка или с помощью команды открыть.
Сообщение сохраняется на жестком диске в формате .
eml
При получении сообщений может использоваться их автоматическая сортировка. Для этого создаются правила для сообщений почты:
1) Определение условия (критерия) по возникновению которого в отношении сообщения нужно произвести определенное действие.
2) Определение действия.
Настройка правил помогает не только сэкономить время при сортировке сообщений, но и сэкономить денежные средства при загрузке сообщений (так как можно удалять сообщения из сервера без загрузки, то есть без переноса в папку входящие).
4.Адресная книга.
Адресная книга предназначена для создания и хранения контактов.
Контакты – это электронный адрес пользователя и персональная информация пользователя.
Контакты могут создаваться в адресной книге:
Автоматически – с помощью специальной настройки программы OutlookExpress:
”Помещать в адресную книгу адреса отправителей сообщений, на которые вы отвечаете”
· Ручной– создать контакт.
· Полуавтоматический– добавить контакт в адресную книгу.
5.Создание сообщения.
Оно может происходить тремя способами:
1)Создание оригинального сообщения с помощью команды “создать сообщение”.
Поля нового сообщения:
· Поле. От или from: (адрес отправителя).
· ПолеКому или to: (адрес получателя сообщения). Здесь указывают электронные адреса получателей сообщений (через запятую или точку с запятой, если получателей несколько). Адрес должен быть полным.
· ПолеКопия или cc: (функции как у предыдущего поля).
· ПолеСкрытая копия или fcc: Используется для скрытной рассылки сообщения сразу в несколько адресов.
· ПолеТема или Subject. Используется для краткого обозначения сути письма (содержимое, кому отправляется, от кого).
· ПолеТело письма. Используется для помещения текста сообщения. Это поле не обязательно для заполнения.
· ПолеПрикрепленный файл. Используется для отображения названий и размеров файлов, присоединяемых к сообщениям.
2)Создание ответа.
Команда “ответить” используется для создания ответа в отношении полученного вами письма. Создается новое сообщение с указанием адреса отправителя оригинального письма в поле “кому”, с указанием оригинальной темы оригинального письма в поле “тема” (добавляется аббревиатура Re) и копируется текст оригинального сообщения в поле “тело сообщения”.
3)Пересылка или перенаправление письма.
Также производится в отношении полученного вами письмаи выполняется команда переслать. Появляется окно “создание нового сообщения”, в которое копируется тема оригинального письма с добавлением аббревиатуры Fwи копируется текст оригинального письма.
Вложение или присоединение файлов к сообщению производится с помощью: Вставка => вложить файл.
Незаконченное новое сообщение сохраняется в папку черновики командой “сохранить” или при попытке закрыть окно создания нового сообщения.
продолжение
--PAGE_BREAK--Сервис новостей (
NEWS). Работа с телеконференциями.
Для работы с сервисом новостей используются или специальные клиентские программы чтения новостей или используется работа с Web интерфейсами.
NNTP – этот протокол подразумевает определенный интерфейс для работы с сервисом новостей.
Одной из программ для чтения новостей является программа OutlookExpress. Эта программа может выполнять следующие функции:
1) Создание учетной записи новостей.
2) Управление группами новостей.
3) Синхронизация групп новостей, чтение сообщений в группах новостей.
4) Отправка сообщений группы новостей.
Процесс подключения отдельных групп для работы с группой новостей называется подписка.
Работа с группами разбивается на 2 этапа:
Загрузка сообщений (синхронизация):
Только заголовков. Полностью.
Пользователь может осуществлять дополнительную синхронизацию (загрузку) специально помеченных им сообщений (при загрузке сначала только заголовков). Эти этапы проходят быстро (загрузка заголовков и затем загрузка выделенных заголовков).
<img width=«74» height=«74» src=«ref-1_256921763-274.coolpic» v:shapes="_x0000_s1157"> <img width=«74» height=«74» src=«ref-1_256921763-274.coolpic» v:shapes="_x0000_s1158">
Синхронизация <img width=«196» height=«12» src=«ref-1_256922311-293.coolpic» v:shapes="_x0000_s1165"> <img width=«111» height=«12» src=«ref-1_256922604-246.coolpic» v:shapes="_x0000_s1164"> <img width=«75» height=«12» src=«ref-1_256922850-237.coolpic» v:shapes="_x0000_s1163"> <img width=«26» height=«26» src=«ref-1_256923087-650.coolpic» v:shapes="_x0000_s1159"><img width=«26» height=«26» src=«ref-1_256923087-650.coolpic» v:shapes="_x0000_s1160"><img width=«26» height=«26» src=«ref-1_256923087-650.coolpic» v:shapes="_x0000_s1161"><img width=«26» height=«26» src=«ref-1_256923087-650.coolpic» v:shapes="_x0000_s1162">
Киров Москва
Поиск информации.
<img width=«582» height=«246» src=«ref-1_256925687-9249.coolpic» v:shapes="_x0000_s1166 _x0000_s1170 _x0000_s1169 _x0000_s1173 _x0000_s1167 _x0000_s1171 _x0000_s1178 _x0000_s1168 _x0000_s1175 _x0000_s1174 _x0000_s1172 _x0000_s1176 _x0000_s1177">
Поисковый сервис выдает список URL адресов, которые указывают на документы, соответствующие запросу пользователя. Общение с поисковым сервисом осуществляется с помощью Web интерфейса.
Поисковый сервис делится на 3 части:
1) Web интерфейс.
2) Поисковый робот.
3) СУБД. В поисковой базе СУБД хранятся ссылки (URL адреса, хранящиеся в Internet). Помимо списка URL адресов в поисковой СУБД также хранится ключевое содержимое соответствующих документов.
Поисковый робот – это программа, осуществляющая автоматическое сканирование Web ресурсов (индексирование) на предмет появления новых, модификаций существующих и удаление старых Web ресурсов.
В результате сканирования обновляется поисковая база.
Существует 2 способа работы поискового робота:
1) Сканирование роботом Web ресурсов; заполнение базы данных.
2) Обращение пользователя к поисковому сервису через Web интерфейс (используется специальная форма для указания запроса).
<img width=«134» height=«146» src=«ref-1_256934936-430.coolpic» v:shapes="_x0000_s1179">
<img width=«114» height=«66» src=«ref-1_256935366-1900.coolpic» alt=«Овал: Web ин-терфейс» v:shapes="_x0000_s1180">
Форму (пользователь передает сообщение (запрос))
<img width=«92» height=«3» src=«ref-1_256937266-174.coolpic» v:shapes="_x0000_s1181"> <img width=«78» height=«64» src=«ref-1_256937440-1324.coolpic» v:shapes="_x0000_s1183 _x0000_s1182"> <img width=«102» height=«134» src=«ref-1_256938764-2049.coolpic» alt=«Цилиндр: База адресов» v:shapes="_x0000_s1184"> <img width=«102» height=«134» src=«ref-1_256940813-2052.coolpic» alt=«Цилиндр: База ключей» v:shapes="_x0000_s1185">
<img width=«62» height=«2» src=«ref-1_256942865-155.coolpic» v:shapes="_x0000_s1186"> Список всех
<img width=«62» height=«2» src=«ref-1_256943020-154.coolpic» v:shapes="_x0000_s1187"> Список URL слов русского
адресов языка
Например:
арбуз
1
арбалет
2,3,5,10
арка
1
1
www.mail.ru
2
www.rui.ru
3
Каждая отметка сопровождается весом, например 2:50; 3:1 (вес показывает сколько раз слово встречается в документе).
Например, в поисковую систему пользователь вводит “арбалет”.
1.Ранжирование (вес), определяющее ценность документа рассчитывается на основании количества нахождений слова в документе.
2.Нахождение слова в составе заголовка документа.
3.Нахождение слова в составе ссылки документа.
Эффективность поисковой системы сводится к объему поисковых баз, а также определяется эффективностью алгоритма ранжирования документов, наличием языка запросов.
Язык запросов – это набор команд, позволяющий пользователю уточнить поисковый запрос и получить более точные результаты на свой запрос.
Например
:
Если нужно найти в предложении Российская федерация, пишем, федерация пробел Российская. Будет найден пятый документ.
Российская
1,5,10,17
… … … …
Федерация
2,5,11,12
продолжение
--PAGE_BREAK--Средства разработки
Web сайтов
Средства разработки состоят из среды разработки и языка разработки.
1.
Язык разметки
HTML.
(Это основной инструмент разработки Web сайтов).
Язык разметки
HTML – это система команд, основная задача которой – представление текстовых и мультимедийных элементов Web страницы в наиболее благоприятной для восприятия форме.
(Первую часть определения можно отнести к любому языку разметки). В дополнение к командам разметки в язык HTML были добавлены команды для работы с гиперссылками.
Язык
HTML позволяет:
1) Разместить элементы
Web страницы в удобной для восприятия форме:
· Установить тип текстовых фрагментов, их стиль.
· Использовать в составе Web станицы элементы сложного форматирования (таблицы, списки и так далее).
2) Определять предназначение Web страницы в целом, отдельные ее свойства (кодировка, сроки использования); параметры взаимоотношения данной Web страницы с другими Web документами (наследование).
3) Поддерживать интерактивное взаимодействие с Web сайтом (это реализуется с помощью форм).
4) Переходить к другим Web документам посредством гиперссылок.
Документ
HTML состоит из нескольких частей:
1) Основная составляющая – это дескриптор (или ТЭГ)
HTML.
Дескриптор (ТЭГ) – это команды языка HTML, представляющие собой слово или аббревиатуру, заключенные в треугольные скобки(<HTML>).
Дескрипторы бывают двух видов: одиночные и парные.
Одиночный дескриптор – определяет реакцию браузера в том месте, в котором он находится на Web странице.
Пример.
Дескриптор <BR> переводит в то место, где встретится на Web странице.
Парный дескриптор – определяет действие в отношении фрагмента 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) Блокнот.
продолжение
--PAGE_BREAK--Основные дескрипторы
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 документа.
<img width=«102» height=«114» src=«ref-1_256943174-788.coolpic» v:shapes="_x0000_s1189 _x0000_s1190 _x0000_s1188 _x0000_s1191">
Пример парного дескриптора:
<BODY bgcolor=”…” LINK=”…”>
-----------------------
</BODY>
продолжение
--PAGE_BREAK--Форматирование текста
В HTML документе можно помещать комментарии (они игнорируются браузером и используются для служебных целей).
Комментарии.
1) Одиночный дескриптор.
<!--
Все, что находится между первой и последней треугольной скобкой считается комментарием.
-->
2) Парный дескриптор <COMMENT> .
<COMMENT>
------------------
</COMMENT>
Браузеры игнорируют “обычные” средства форматирования текста, такие как последовательность пробелов, знаки табуляции, переводы строки и прочие. Чтобы отформатировать документ используются средства физическогои логического форматирования.
К физическим относятся дескрипторы, которые определяют напрямую внешний вид текста.
К логическим относятся дескрипторы, которые определяют логический статус (значение) текста.
Физические средства форматирования.
1.Одиночный дескриптор <br>— перевод строки (разрыв строки)
.
2.Парный дескриптор <nobr>…</
nobr> — запрещает разрыв текста, находящегося в контейнере. Данный дескриптор еще называют дескриптор жесткого переноса.
По причине различных условий, в которых отражается HTML документ (разные браузеры, видеорежимы, разрешение экрана) HTML документ может отображаться с нарушением взаимного расположения элементов.
<img width=«158» height=«77» src=«ref-1_256943962-646.coolpic» v:shapes="_x0000_s1195 _x0000_s1194 _x0000_s1202 _x0000_s1193 _x0000_s1199 _x0000_s1198 _x0000_s1201 _x0000_s1203 _x0000_s1192 _x0000_s1197 _x0000_s1196 _x0000_s1205 _x0000_s1206 _x0000_s1200 _x0000_s1204">
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 >
Все содержимое контейнера данного дескриптора выравнивается по центру.
продолжение
--PAGE_BREAK--Советы по форматированию текстовых фрагментов
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) &
lt — отобразится левая скобка.
2) &
gt — отобразится правая скобка.
3) &
copy — отобразится значок авторского права.
4) &
deg — отобразится значок температуры.
5) &
nbsp; отобразится символ пробела (жесткого пробела). Если пробел указан с помощью данного специального символа, то разрыв строки не допускается, так как браузер будет видеть слова и пробелы как одно слово.
Сложное форматирование
В отличие от простого форматирования символов и абзацев в 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.
Например:
<OLTYPE=[1/a/A/I], где
1 — арабские цифры.
а – прописные буквы.
А – заглавные буквы.
I – римские цифры.
Атрибут START позволяет указать номер, с которого начинается нумерация.
Например, если START=3, то нумерация начнется с трех или с буквы “c”.
2.Парный дескриптор <UL>…</
UL>
Формирует не упорядоченный список (маркерный).
abc def
Например:
<ULTYPE=disc, square, circle>
<LI>abc</LI>
</UL>
Где disc – жирная точка; square — квадрат; circle – не закрашенная окружность.
При отображении элементов списка браузер делает отступ слева.
Многоуровневые списки.
Например:
<ULTYPE=disc, square, circle>
<LI>abc</LI>
<UL>
<LI>def</LI>
<LI>ghi</LI>
</UL>
</UL>
Отобразиться
:
abc
def
ghi
Браузер будет делать очередной отступ слева.
Таблицы.
1.Парный дескриптор <TABLE>…</
TABLE>
В его контейнере должны быть сформированы элементы таблицы (ячейки) в которых и будет информация.
2.Парный дескриптор <TR>…</
TR> — формирует строку таблицы.
3.Парный дескриптор <TD>…</
TD> — формирует ячейку внутри строки.
Пример
:
<TABLE>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TR> <TR>
<TR> <TR>
</TABLE>
Атрибуты дескриптора <
TABLE>:
АтрибутWIDTH – определяет ширину таблицы (в процентах или пикселях).
Пример:
<TABLEWIDTH=100% или WIDTH=200>
Атрибут HEIGHT – высота (принимает такие же значения, как и атрибут WIDTH). Атрибут ALIGN – выравнивание таблицы по ширине относительно краев окна. Атрибут BORDER – определяет ширину рамки (если значение данного атрибута 0, то рамки отсутствуют). Атрибут bgcolor – для формирования фона таблицы с помощью цвета. Атрибутbackground — для формирования фона таблицы с помощью картинки. Атрибутcellpadding – для указания отступов от краев ячейки (в пикселях). Атрибутcellspacing – расстояние между ячейками.
Обычная таблица
<img width=«50» height=«50» src=«ref-1_256944608-220.coolpic» v:shapes="_x0000_s1209"> <img width=«50» height=«50» src=«ref-1_256944608-220.coolpic» v:shapes="_x0000_s1208">
<img width=«50» height=«50» src=«ref-1_256945048-221.coolpic» v:shapes="_x0000_s1210"> <img width=«50» height=«50» src=«ref-1_256945048-221.coolpic» v:shapes="_x0000_s1211">
Атрибутbordercolor – цвет границ ячеек (рамки).
Атрибуты дескриптора <
TR>:
1) АтрибутALIGN – выравнивание текста в ячейках.
2) АтрибутVALIGN – определяет вертикальное выравнивание текста в ячейках.
Возможные значенияатрибута
VALIGN:
· =TOP – по верху.
· =MIDDLE – по центру.
· =BOTTOM – по нижнему краю ячейки.
3)Атрибут bgcolor – для указания фона строки.
Атрибуты дескриптора <
TD>:
АтрибутALIGN. АтрибутVALIGN. Атрибут bgcolor.
Вышеперечисленные атрибуты действуют так же, как для дескриптора <TR>.
Дополнительно атрибуты
:
АтрибутCOLSPAN – объединение ячеек, находящихся в одной строке. Значение атрибута равно количеству близлежащих ячеек находящихся в одной строке, которые будут объединены.
Пример:
<TABLE>
<TD COLSPAN=2>1</TD>
<TD>3</TD>
<TD>4</TD>
<TR> </TR>
<TR> </TR>
</TABLE>
АтрибутROWSPAN – объединение ячеек, находящихся в одном столбце. Значение атрибута указывает количество близлежащих ячеек находящихся в одном столбце, которые будут объединены.
Пример
:
<TABLE>
<TD ROWSPAN=2>1</TD>
<TD>2</TD>
<TD>4</TD>
<TR> </TR>
<TR> </TR>
</TABLE>
продолжение
--PAGE_BREAK--Форматирование текстовых фрагментов
HTML документа
Кроме ширины и высоты таблицы в целом можно регулировать ширину и высоту ячеек (то есть использовать такие же атрибуты в дескрипторе <TD>, в пикселях и в процентах).
Если они не указаны, то браузер выравнивает размер ячейки по ширине текста.
Таблица является наиболее часто употребляемым инструментом в Web дизайне, позволяющим точно разместить на таблице отдельные мультимедийные элементы. Подобно спискам, таблицы могут быть вложены в другие таблицы.
Пример:
Чтобы добавить такую таблицу в контейнере дескриптора ячейки пишут следующее:
<TD>
<TABLE>
<TR><TD></TD><TD></TD></TR>
<TR><TD></TD><TD></TD></TR>
</TABLE>
<TD>
Фон отдельных ячеек могут отображать не все браузеры.
Размещение графических изображений в
HTML документе
Для размещения изображений используются в основном два графических формата:
JPG GIF
1.Формат
JPG.
Плюсы — Графическое изображение, сохраненное в данном формате, имеют наименьший объем.
Минусы – при сохранении происходит довольно сильное сжатие картинки, а при сжатии изображение теряет качество и наблюдается эффект пикселизации.
Пример
:
Картинка сжалась в девять раз.
Девять пикселей заменяются одним пикселем среднего цвета.
Изображение сохраняется в формате .
jpg в том случае, если необходимо сохранить максимальное количество оттенков.
2.Формат
GIF.
При сохранении картинок в этом формате также происходит сжатие, но пикселизации не происходит.
Минусы – изображение сохраняется с помощью ограниченного количества цветов (обычно 256 цветов) => изображение будет не очень красочным.
С помощью формата .
gifсохраняются навигационные кнопки, навигационные графические элементы и фоновые изображения.
Для внедрения изображения используется одиночный дескриптор <IMG>.
Атрибут SRC – основной атрибут. Он указывает путь и имя файла, в котором содержится графический элемент.
Пример:
<IMG SRC=1.gif>
Атрибут WIDTH – ширина внедряемого изображения (в пикселях). Атрибут HEIGHT — высота внедряемого изображения (в пикселях). Атрибуты VSPACE, HSPACE – устанавливают отступ текста от внедряемого в HTML документ изображения. Атрибут BORDER – задает толщину рамки вокруг изображения. Атрибут ALT – задает альтернативный текст, который появляется в том месте, где должны быть картинки.
Пример:
ALT=”Здесь была картинка”.
Обычно атрибут используют при размещении навигационных изображений (ссылок), а так же при размещении изображений, о которых надо дать знать поисковой системе.
Атрибут ALIGN – выравнивание.
Возможные значения:
=LEFT, CENTER, RIGHT.
Добавляются значения: =TOP, MIDDLE, BOTTOM.
Если не используются атрибуты WIDTH,
HEIGHT, то изображение внедряется оригинального размера.
Если используется только один атрибут, например HEIGHT, то браузер уменьшит или увеличит ширину пропорционально изображению.
продолжение
--PAGE_BREAK--Использование гипрессылок
Гипрессылка– это URL адрес того документа, который привязан к одному из элементов Web страницы (текстовому или графическому).
Для внедрения ссылок в HTML документ применяется парный дескриптор <A>…</
A>.
Пример:
<A HREF=”http://www.kirov.ru/price.htm”>
Все, что находится внутри контейнера, называется элемент привязки (текстовый фрагмент или графический элемент).
</A>
В результате на экране отображается подчеркнутый выделенный текст.
Пример привязки к изображению:
<A>
<IMG SRC=”1.gif”>
</A>
Изображение, к которому привязывается ссылка, называется навигационной картинкой (изображением).
В случае привязки к картинке ссылки вокруг картинки формируется рамка (чаще всего синего цвета). Чтобы ее убрать, необходимо указать:
<IMG border=”0”>
Значением атрибутаHREFможет быть абсолютный адрес (URL адрес) или относительный адрес (имя файла, в котором хранится HTML документ, указываемый с помощью ссылки). Например, HREF=”1.htm”. Браузер будет искать данный документ в текущей папке, то есть в той, в которой находится активный документ.
Исключение составляет дескриптор <BASE>
<BASE URL=”http://www.kirow.ru”>
В случае использования данного дескриптора в заголовке HTML документа (то есть контейнера HEAD)относительные адреса (указанные в виде значений HREF) будут восприниматься браузером не относительно текущей папки, а относительно URL адреса, указанного в значении атрибута URL.
Использование дескриптора <A>…</A> для указания отдельных элементов HTML документов.
1. Атрибут NAME используется для указания места, до которого необходимо пролистать
HTML документ.
Пример:
<A NAME=”ZDES”>
</A>
В этом случае внутри дескриптора <A> находится якорь – это элемент HTML документа, который может быть адресован с помощью гиперссылки. Якорь не выделяется браузером.
Для того чтобы с помощью ссылки адресоваться к якорю надо после URL адреса добавить # и указать имя якоря.
Пример:
<AHREF=”http://www.kirov.ru/price.htm#1>
Название якоря может формироваться без указания URL адреса HTML документа.
Пример:
<A HREF=”#1”>
Данный якорь будет искаться в текущей папке.
При использовании абсолютного адреса необходимо использовать аббревиатуру http (например, http://www.kirov.ru).
HTML форма
Форма (в документе HTML) – это средство, позволяющее организовать диалог пользователя и Web сайта.
Основные виды
HTML форм:
1) Кнопки.
2) Списки.
3) Текстовые поля.
4) Переключатели (флажки).
5) Радиокнопки.
Элементы управления 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” – обычный текст без элементов форматирования.
продолжение
--PAGE_BREAK--Элементы
HTML форм
1.Текстовые поля.
Бывают двух видов:
1) Многострочное.Парный дескриптор <
TEXTAREA>…</
TEXTAREA>
Атрибуты:
· АтрибутNAME.
· АтрибутROWS – высота поля в строчках.
· АтрибутCOLLS – ширина поля в символах.
Размещенный в контейнере дескриптора <TEXTAREA> текст будет отображаться внутри этого текстового поля (по умолчанию).
<img border=«0» width=«183» height=«75» src=«ref-1_256945490-1414.coolpic» v:shapes="_x0000_i1025">
2) Однострочное. Формируется с помощью одиночного дескриптора <
INPUT>.
(Данный дескриптор также используется для переключателей, радиокнопок).
Атрибуты:
· АтрибутNAME.
· АтрибутTYPE – задает тип создаваемого элемента. Для создания однострочного поля значение атрибута TYPE=”Text”.
· АтрибутSIZE – ширина поля в символах.
· АтрибутMAXLENGTH – максимальная длина вводимого текста.
· АтрибутVALUE – используется для хранения значения элемента формы.
Пример:
Мы можем задать значение поля по умолчанию VALUE=”Например, пошел дождь”.
<img border=«0» width=«189» height=«26» src=«ref-1_256946904-674.coolpic» v:shapes="_x0000_i1026">
2.Переключатель или флажок.
<img border=«0» width=«17» height=«18» src=«ref-1_256947578-224.coolpic» v:shapes="_x0000_i1027">
Формируется с помощьюдескриптора <
INPUT>, атрибутTYPEкоторого принимает значение TYPE=”CHECKBOX”.
<INPUT TYPE=”CHECKBOX”>
У данного дескриптора имеются также атрибуты:
· АтрибутNAME.
· АтрибутCHESKED – если он указан, то флажок будет установлен.
3.Радиокнопка.
(Выглядит как жирная точка).
Достигается с помощью двух дескрипторов <
INPUT>, имеющих одинаковое имя. Например, NAME=”1”.
<INPUT TYPE=”RADIO” NAME=”1” VALUE=”GENAT”>
<INPUT TYPE=”RADIO” NAME=”1” VALUE=”XOLOST”>
<img border=«0» width=«63» height=«20» src=«ref-1_256947802-385.coolpic» v:shapes="_x0000_i1028">
<img border=«0» width=«73» height=«25» src=«ref-1_256948187-489.coolpic» v:shapes="_x0000_i1029">
4.Текстовое поле типа пароль.
<INPUT TYPE=”PASSWORD”>
Данный дескриптор формирует текстовое поле типа пароль. Работает также как и однострочное текстовое поле, но значение отображается в виде звездочек.
<img border=«0» width=«154» height=«27» src=«ref-1_256948676-343.coolpic» v:shapes="_x0000_i1030">
5.Кнопка
.
<INPUT TYPE=”BUTTON”>
Используется для вызова клиентских скриптов (сценариев).
Выглядит так:
<img border=«0» width=«72» height=«27» src=«ref-1_256949019-351.coolpic» v:shapes="_x0000_i1031">
Кнопка созданная с помощью:<INPUTTYPE=”SUBMIT” VALYE=”Пуск”> предназначена для отправки формы на обработку в Web сайт.
Выглядит так:
<img border=«0» width=«49» height=«23» src=«ref-1_256949370-315.coolpic» v:shapes="_x0000_i1032">
Кнопка сброса формы.
Предназначена для установления первоначального значения формы.
<INPUT TYPE=”RESET” VALUE=”Сброс”>
Выглядит так:
<img border=«0» width=«59» height=«25» src=«ref-1_256949685-325.coolpic» v:shapes="_x0000_i1033">
6.Списки выбора (меню) – это многоуровневая конструкция.
Парный дескриптор<
SELECT >…</
SELECT > (дескриптор первого уровня)формирует свойства меню.
Атрибуты:
АтрибутNAME. АтрибутSIZE. Если данный атрибут равен единице, меньше единицы или не указан, то формируется выпадающее меню.
Выглядит так:
<img border=«0» width=«76» height=«25» src=«ref-1_256950010-431.coolpic» v:shapes="_x0000_i1034">
ЕслиSIZE больше единицы, то формируется прокручиваемый список.
Выглядит так:
<img border=«0» width=«93» height=«90» src=«ref-1_256950441-1331.coolpic» v:shapes="_x0000_i1035">
Внутри контейнера дескриптора<SELECT> находятся элементы меню, которые формирует одиночный дескриптор <OPTION> (дескриптор второго уровня).
Пример:
<SELECT NAME=”Menu”>
<OPTION>Файл
<OPTION>Печать
</SELECT>
Ширина меню определяется максимальным значением элемента меню.
· АтрибутMULTIPLE – для выбора нескольких разных опций.
Советы преподавателя:
1) Размещать каждый дескриптор с новой строки.
2) Перед большими конструкциями делать интервал.
HTML форма отсылается на обработку Web сайту в виде записей, которые выглядят следующим образом:
Имя элемента формы(Name) = значение(Value).
Для списков, переключателей, кнопок, радиокнопокобязательно задавать значение атрибута Value. В остальных случаях значение задает пользователь (во время ввода). В случае если при формировании элементов формы типа переключатель (флажок) атрибут Value не используется, в качестве значения будет формироваться предлогOn.
Для списков таковым значением по умолчанию будет назначаться текст, расположенный сразу после дескриптора <OPTION>.
Если вы используете элемент Web формы для передачи информации Web сайту, при передаче формы на обработку должна появиться запись:
Имя элемента формы = его значение.
продолжение
--PAGE_BREAK--
еще рефераты
Еще работы по информатике