Главная Учебники - Разные Лекции (разные) - часть 34
|
Информационные ресурсы
. Сведения
- это набор сигналов физических процессов воспринимаемых субъектом через органы его чувств. ( Субъектом может быть человек или машина, которая предназначена для восприятия сигналов.) Передача данных
-
обмен данными любого характера между различными устройствами по каналам связи. ( Пример – работа факсов.) Обработка данных
- последовательность операций, производимых над данными. Данные различаются по
:
1)Формату данных
–
характеристика данных, способствующая оптимальному их использованию и определяющая структуру и способ их хранения, диапазон возможных значений и допустимые операции, которые можно выполнять над этими данными. (Графический документ, электронный формат и т.д.) 2)Структуре данных
– это организационная схема, в соответствии с которой данные упорядочены с тем, чтобы их можно было максимально эффективно интерпретировать или выполнять над ними различные операции. Информация
– это сведения, независимо от формы их представления, усваиваемые субъектом в форме знаний. Документ
– это материальный объект с зафиксированной на нем информацией, пред– назначенный для передачи во времени и пространстве в целях хранения и общественного использования, содержащий реквизит. Реквизит документа
– обязательные характеристики, которые должен содержать документ для его однозначной идентификации. Документ в электронной форме
– это документ, представленный в форме набора состояний элементов вычислительной техники или иных средств обработки, хранения, передачи информации, допускающий преобразования в форму, пригодную для однозначного восприятия человека. Информационный продукт
– это документированная информация, подготовленная в соответствии с потребностями пользователей и представленная в форме товара. Основные особенности информационного продукта, отличающие информацию от других товаров
: 1)
Информация не исчезает при потреблении, а может быть использована многократно. Информационный продукт сохраняет содержащуюся в нем информацию, независимо от того, сколько раз она была использована. 2)
Информационный продукт со временем подвергается моральному износу, заключающемся в потере актуальности и появлении более новых копий. 3)
Разным потребителям дается возможность различных способов потребления информационного продукта. (Монитор, распечатка и т.д.) Эта особенность называется адресность
информации.
4)
Производство информации в отличие от производства материальных товаров требует значительных затрат по сравнению с затратами на тиражирование. Информационная система
– это организационно упорядоченная совокупность документов (информационных продуктов) и информационной инфраструктуры. (Примеры информационных систем - библиотеки, архивы, фильмотеки, базы данных, Internet.) Информационные ресурсы
– это отдельные документы, массивы документов, которые входят в состав информационных систем. Информационная инфраструктура
– это информационные технологии в виде вычислительных комплексов, оргтехники, средств и каналов связи, управляемая и поддерживаемая в рабочем состоянии с помощью неких организационных мероприятий
. Основные части информационной инфраструктуры
: 1)
Вычислительная техника. 2)
Организационная техника (конторское оборудование). 3)
Дисплейная техника (мониторы, телевизоры и т.д.) 4)
Устройства хранения информации (накопители на жестких дисках, на магнитную ленту). 5)
Печатное оборудование (принтер). 6)
Средства связи (средства радио и теле вещания). 7)
Системы передачи данных (коммутаторы, маршрутизаторы). 8)
Каналы связи (оптоволокно). 1)
Возрастание роли информационного продукта. 2)
Стандартизация в сфере информационных технологий. 3)
Глобализация информационных технологий. 4)
Ликвидация промежуточных звеньев. 5)
Интеграция информационных технологий. 1.Возрастание роли информационного продукта.
Потребность в обработке все возрастающих объемов информации, потребность в различных формах восприятия информации, а также потребность в актуальности и точности информации послужило развитию этой тенденции. 2.Стандартизация в сфере информационных технологий
. Эта тенденция раскрывает способность к взаимодействию между элементами информационных технологий различных производителей. То есть необходимо, чтобы старые устройства могли взаимодействовать с новыми. 3.Глобализация информационных технологий.
Процесс глобализации обуславливает пять основных причин: 1)
Различный уровень знаний в области информационных технологий. 2)
Соотношение стоимости разработки отдельных элементов информационных технологий и эффективности их применения. 3)
Правительственная поддержка. 4)
Стандартизация. 5)
Сравнительное достоинство сосуществующих и взаимозаменяемых технологий. (В основном глобализации способствует первая причина). 4.Ликвидация промежуточных звеньев.
Эта тенденция способствует непосредственному взаимодействию источника и потребителя информации. 5.Интеграция информационных технологий.
Интеграция – это глобализация мирового масштаба. Это обеспечение бизнеса с помощью сторонних компаний и предприятий. (Например, одной компании дорого строить магазин, а две собрались вместе и построили.) Компьютерная сеть
– это группа компьютеров, объединенных с помощью каналов связи и обеспечивающих с совместное использование информационных и вычислительных ресурсов отдельных компьютеров. Вычислительные ресурсы
– это жесткие диски, оперативная память, процессорная мощность, принтеры, модемы, сканеры и другие устройства, установленные на отдельных компьютерах сети. Локальная сеть
– это компьютерная сеть в пределах одного здания, офиса или группы зданий. Сервер
– это компьютер, подсоединенный к компьютерной сети, работающий непрерывно во все время функционирования сети, имеющий мощные информационные и вычислительные ресурсы и обеспечивающий многочисленные обращения к этим ресурсам пользователей. Клиентский компьютер (клиент)
– это компьютер, подключенный к сети, основное назначение которого – обеспечить доступ пользователя к ресурсам сети. Глобальная сеть
– это компьютерная сеть мирового масштаба, включающая в свой состав локальные сети, используемые для совместного доступа к мировым информационным ресурсам. Узел глобальной сети
– это программно - аппаратный комплекс, обслуживаемый соответствующим персоналом и исполняющий роль регионального центра управления глобальной сетью. Функции узла глобальной сети
: 1)
Поддержка функционирования регионального сегмента сети. 2)
Работы по изменению структуры сегмента сети (его увеличение или уменьшение). 3)
Поддержка функционирования региональных ресурсов (то есть больших баз данных). В состав комплекса узла могут входить, как серверы, так и клиентские компьютеры. - коммутируемые каналы связи. Коммутируемый канал
предоставляет временную связь к компьютерам сети посредством телефонной сети общего назначения (через коммутатор АТС). Выделенный канал
предоставляет постоянную связь к компьютерам сети посредством следующих видов связи: · Выделенная медная пара (телефонная линия). · Коаксиальный кабель. · Витая пара. · Оптоволокно. · Радиоканал. · Спутниковый канал. · Воздушный оптический канал (инфракрасный канал). Сервис
– это программа, работающая на серверах, посредством которой обеспечивается доступ к информационным и вычислительным ресурсам. Web сервис
(www) – это технология доступа к информационному ресурсу посредством Web сайта. Это самый используемый сервис сети. Web сайт
– это набор связанных друг с другом документов. Для связи таких документов используются гиперссылки. · PersonalWebServer – это программа, с помощью которой мы можем регулировать работу Web сервиса. (В рамках локального компьютера). · Internet Information Service – более полная версия предыдущей программы. Этот сервис обеспечивает удаленный доступ к файловой системе сервера. Существует также понятие FTP сайт
– это группа файлов, папок, находящихся в файловой системе сервера к которым обеспечивается удаленный доступ. В составе FTP сервиса имеются средства для передачи файлов в больших объемах и возможности повторной передачи данных с того места, на котором прервалась первая передача. Предназначен для пересылки информации конкретному пользователю глобальной сети (Internet). Каждый пользователь имеет ящик электронной почты
– это папка на сервере, где хранятся сообщения пользователя. Данный сервис также называют сервер групп новостей (NEWS). Он позволяет участвовать всем пользователям сети в групповых дискуссиях, в которых обсуждаются различного рода вопросы. Группа новостей
– это место, где происходит дискуссия по какой-то определенной тематике. (Это папка на жестком диске сервера, в которой хранятся сообщения участников дискуссии). Передача информации в глобальных сетях осуществляется (в основном) в пакетном режиме. Информация или файл разбиваются на пакеты и передаются независимо друг от друга, а затем снова собираются в целую информацию (файл). Каждый переданный пакет должен получить подтверждение по достижении им получателя. (То есть отправитель должен получить подтверждение о том, что пакет достиг получателя). Протокол
– это набор правил и команд, определяющий передачу информации в сетях (любых). Сетевой протокол
определяет передачу на уровне пакетов (низкий уровень), а прикладной протокол
определяет передачу информации на уровне сервисов (то есть информация более высокого уровня). Адресация глобальных сетей
– это система уникальных имен (адресов), позволяющая передавать информацию в определенном направлении. Сетевая адресация
позволяет нам установить местонахождение компьютера в глобальной сети. Прикладная адресация
– устанавливает местоположение единиц информации. (Примерами единиц информации являются Web сайт, FTP сайт, файл и т. д.). На сетевом уровне различают следующие виды адресов
: 1.
IP адрес
– уникальное имя компьютера в глобальной сети. (Например, 192.168.0.1 – четырехразрядный адрес. В каждом разряде может быть от одной до трех цифр (числа от 0 до 255). Именно IP адрес используется для отправки и получения пакетов. 2.Доменный адрес
– так же предназначен для определения местоположения компьютеров в сети. Пример
: www.kirov.ru - (состоит из букв, некоторые из которых складываются в слова). Указывает на компьютер с именем www, находящийся в России в Кирове. ru
– домен первого уровня (это группа компьютеров, входящих в состав российского сегмента сети Internet). kirov
– домен второго уровня (в данном случае указывает на компьютеры, входящие в состав кировского сегмента сети). Последняя составляющая www
– это имя компьютера в домене. Порт компьютера
– указывает местоположение конкретного сервиса среди других, работающих на одном компьютере. Порт выглядит как обычный номер от 1 до 10000. № порта обязательно
указывается при передаче и получении пакетов. Прикладной уровень адресации
или адресация на уровне сервисов в глобальной сети
Данная адресация используется для указания информационных ресурсов доступных пользователю посредством конкретного сервиса. 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/ На одном сервере может находиться несколько сайтов. При обработке запроса, поступившего к Web сервису, анализируется доменный адрес и сопоставляется с таблицей размещения сайтов на сервере, после чего предоставляется доступ к запрошенному сайту. Таким образом, на сервере может находиться несколько сайтов, обслуживаемых одним Web сервисом. Для того чтобы разные доменные адреса указывали на один сервер, они должны транслироваться в один и тот же IP адрес. Трансляция доменного адреса в IP адрес производится с помощью DNS сервиса. FTP сервис обрабатывает URLадреса точно так же. Он указывает местоположение папки, где хранятся сообщения, пришедшие к конкретному пользователю (почтовый ящик). Например, user@server.ru, где user – имя папки (почтового ящика). @- синтаксическая единица (коммерческая at, в переводе на; или просто собачка). server.ru - адрес сервера, где хранится почтовый ящик. 25 Ответ Номер порта, по которому принимает запросы почтовый сервер 25
. SMTP сервис – почтовый сервис. POP3 сервис – служит для обращения к почтовому ящику (обслуживает сообщения по 110
порту). Он указывает расположение папки, где хранятся сообщения по обсуждаемой в рамках этой группы теме. Группа новостей рассредоточена по нескольким серверам глобальной сети. Отдельные папки, располагаемые на этих серверах и являющиеся основной частью группы новостей, постоянно синхронизируются, то есть поддерживается их одинаковое содержимое. alt.soft.windows alt
– корневая группа новостей. Используется для обозначения начала иерархии. soft
– основное обсуждение по теме. windows
– конкретно обсуждается эта проблема. (Обсуждение программного обеспечения, которое работает под управлением Windows). Программа 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 способа сохранения
: 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 документов и последующего более быстрого доступа к ним. КЕШ память. КЕШ оперативной памяти используется в InternetExplorer посредством команд вперед (стрелка вправо) и назад (стрелка влево). КЕШ на локальном диске организуется InternetExplorer в папке временных файлов. КЕШ на диске удаленного компьютера подключается посредством диалога со свойством обозревателя (настройка прокси-сервера). 5)
Работа в автономном режиме.
Работа автономно осуществляется с Web документами, копии которых хранятся в папке временных файлов. Работа осуществляется без подключения к Internet. 5.Исправление ошибок.
Изменение вида кодировки:
Web документы хранящиеся на сервере с платформой отличной от Windows (например Unix) могут отображаться неправильно по причине использования других принципов хранения файлов. Эту ошибку мы можем исправить с помощью изменения кодировки (пункт меню Вид). 2 основные кодировки: Индикация
ошибок
Internet Explorer:
Существует два основных этапа работы с электронной почтой
: 1)Открытие почтового ящика.
Открытие почтового ящика это автоматическая (посредством Web интерфейса почтовой службы) или ручная (с помощью провайдера) регистрация на почтовом сервере, связанная с созданием папки на диске почтового сервера (то есть создание почтового ящика) и присвоением имени и пароля для доступа к этому почтовому ящику. 2)Отправка и получение корреспонденции с помощью почтовой программы
(мы рассмотрим OutlookExpress). Основные функции программы
Outlook
Express
: 1) Хранение сообщений. 2) Создание учетных записей. 3) Получение сообщений из почтового ящика. 4) Ведение адресной книги. 5) Создание и отправка сообщений. 1.
Хранение сообщений.
Для хранения сообщений используется служебная папка в программе OutlookExpress: Содержимое папок отображается в виде списка сообщений. 2.
Создание учетной записи (и ее хранение).
Учетная запись
– это набор настроек указывающих программе OutlookExpress, где находится почтовый ящик, сервер и так далее. Основные поля учетной записи: 3.
Получение сообщений.
Оно производится с помощью команды доставка.
Сообщение попадает в папку входящие и отображается в виде списка сообщений. Просмотр вновь полученных сообщений возможен с помощью открытия отдельного окошка или с помощью команды открыть
. Сообщение сохраняется на жестком диске в формате .
eml
При получении сообщений может использоваться их автоматическая сортировка. Для этого создаются правила для сообщений почты
: 1) Определение условия (критерия) по возникновению которого в отношении сообщения нужно произвести определенное действие. 2) Определение действия. Настройка правил помогает не только сэкономить время при сортировке сообщений, но и сэкономить денежные средства при загрузке сообщений (так как можно удалять сообщения из сервера без загрузки, то есть без переноса в папку входящие). 4.Адресная книга.
Адресная книга предназначена для создания и хранения контактов. Контакты
– это электронный адрес пользователя и персональная информация пользователя. Контакты могут создаваться в адресной книге:
”Помещать в адресную книгу адреса отправителей сообщений, на которые вы отвечаете” · Ручной
– создать контакт. · Полуавтоматический
– добавить контакт в адресную книгу. 5.Создание сообщения.
Оно может происходить тремя способами
: 1)
Создание оригинального сообщения с помощью команды “создать сообщение”.
Поля нового сообщения
: · Поле. От
или from
: (адрес отправителя). · Поле Кому
или to
: (адрес получателя сообщения). Здесь указывают электронные адреса получателей сообщений (через запятую или точку с запятой, если получателей несколько). Адрес должен быть полным. · Поле Копия
или cc
: (функции как у предыдущего поля). · Поле Скрытая копия
или fcc
: Используется для скрытной рассылки сообщения сразу в несколько адресов. · Поле Тема
или Subject
. Используется для краткого обозначения сути письма (содержимое, кому отправляется, от кого). · Поле Тело письма.
Используется для помещения текста сообщения. Это поле не обязательно для заполнения. · Поле Прикрепленный файл
. Используется для отображения названий и размеров файлов, присоединяемых к сообщениям. 2)
Создание ответа.
Команда “ответить” используется для создания ответа в отношении полученного вами письма. Создается новое сообщение с указанием адреса отправителя оригинального письма в поле “кому”, с указанием оригинальной темы оригинального письма в поле “тема” (добавляется аббревиатура Re) и копируется текст оригинального сообщения в поле “тело сообщения”. 3)
Пересылка или перенаправление письма.
Также производится в отношении полученного вами письмаи выполняется команда переслать. Появляется окно “создание нового сообщения”, в которое копируется тема оригинального письма с добавлением аббревиатуры Fw и копируется текст оригинального письма. Вложение или присоединение файлов к сообщению производится с помощью: Вставка => вложить файл.
Незаконченное новое сообщение сохраняется в папку черновики командой “сохранить” или при попытке закрыть окно создания нового сообщения. Для работы с сервисом новостей используются или специальные клиентские программы чтения новостей или используется работа с Web интерфейсами. NNTP
– этот протокол подразумевает определенный интерфейс для работы с сервисом новостей. Одной из программ для чтения новостей является программа OutlookExpress. Эта программа может выполнять следующие функции: 1) Создание учетной записи новостей. 2) Управление группами новостей. 3) Синхронизация групп новостей, чтение сообщений в группах новостей. 4) Отправка сообщений группы новостей. Процесс подключения отдельных групп для работы с группой новостей называется подписка
. Работа с группами разбивается на 2 этапа
: Загрузка сообщений (синхронизация): Пользователь может осуществлять дополнительную синхронизацию (загрузку) специально помеченных им сообщений (при загрузке сначала только заголовков). Эти этапы проходят быстро (загрузка заголовков и затем загрузка выделенных заголовков). Синхронизация Киров Москва Поисковый сервис выдает список URL адресов, которые указывают на документы, соответствующие запросу пользователя. Общение с поисковым сервисом осуществляется с помощью Web интерфейса. Поисковый сервис делится на 3 части:
1) Web интерфейс
. 2) Поисковый робот
. 3) СУБД
. В поисковой базе СУБД хранятся ссылки (URL адреса, хранящиеся в Internet). Помимо списка URL адресов в поисковой СУБД также хранится ключевое содержимое соответствующих документов. Поисковый робот
– это программа, осуществляющая автоматическое сканирование Web ресурсов (индексирование) на предмет появления новых, модификаций существующих и удаление старых Web ресурсов. В результате сканирования обновляется поисковая база. Существует 2 способа работы поискового робота
: 1) Сканирование роботом Web ресурсов; заполнение базы данных. 2) Обращение пользователя к поисковому сервису через Web интерфейс (используется специальная форма для указания запроса). Форму (пользователь передает сообщение (запрос)) адресов языка Например
: Каждая отметка сопровождается весом, например 2:50; 3:1 (вес показывает сколько раз слово встречается в документе). Например, в поисковую систему пользователь вводит “арбалет”. 1.Ранжирование (вес), определяющее ценность документа рассчитывается на основании количества нахождений слова в документе. 2.Нахождение слова в составе заголовка документа. 3.Нахождение слова в составе ссылки документа. Эффективность поисковой системы сводится к объему поисковых баз, а также определяется эффективностью алгоритма ранжирования документов, наличием языка запросов. Язык запросов
– это набор команд, позволяющий пользователю уточнить поисковый запрос и получить более точные результаты на свой запрос. Например
:
Если нужно найти в предложении Российская федерация, пишем, федерация пробел Российская. Будет найден пятый документ. Средства разработки состоят из среды разработки и языка разработки. 1.
Язык разметки
HTML.
(Это основной инструмент разработки Web сайтов). Язык разметки
HTML
– это система команд, основная задача которой – представление текстовых и мультимедийных элементов Web страницы в наиболее благоприятной для восприятия форме. (Первую часть определения можно отнести к любому языку разметки). В дополнение к командам разметки в язык HTML были добавлены команды для работы с гиперссылками. Язык
HTML позволяет
: 1) Разместить элементы
Web страницы в удобной для восприятия форме
: · Установить тип текстовых фрагментов, их стиль. · Использовать в составе Web станицы элементы сложного форматирования (таблицы, списки и так далее). 2) Определять предназначение Web страницы в целом, отдельные ее свойства (кодировка, сроки использования); параметры взаимоотношения данной Web страницы с другими Web документами (наследование). 3) Поддерживать интерактивное взаимодействие с Web сайтом (это реализуется с помощью форм). 4) Переходить к другим Web документам посредством гиперссылок. Документ
HTML состоит из нескольких частей
: 1)
Основная составляющая – это дескриптор (или ТЭГ)
HTML
. Дескриптор (ТЭГ)
– это команды языка HTML, представляющие собой слово или аббревиатуру, заключенные в треугольные скобки(<HTML>). Дескрипторы бывают двух видов: одиночные
и парные
. Пример
. Дескриптор <BR> переводит в то место, где встретится на 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) Блокнот. 1.Заголовок
HTML документа
– определяет назначение HTML документа и его основные свойства. Формируется при помощи парного дескриптора <HEAD>: <HEAD> ----------- </HEAD> Содержимое заголовка обычно не отражается на экране пользователя при просмотре Web документа. 2.Тело
Web документа
– содержит содержательную часть Web документа (информация, графика и так далее). Формируется при помощи парного дескриптора <BODY>: <BODY> ------------ </BODY> 3.Дескриптор, определяющий начало и конец документа
.
Формируется при помощи парного дескриптора <HTML>. Начальный находится в самом начале HTML документа, конечный – в самом конце Web документа. <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> 1.
Атрибут
bgcolor
– для отображения фона HTML документа. Пример
.
bgcolor=”white” (black, blue и другие цвета) Данному атрибуту может присваиваться свойство RGB (RGB – red, green, blue). Пример.
bgcolor=”#FFCC22”, где FF – уровень красной составляющей, CC - уровень зеленой составляющей, 22 – уровень синей составляющей. В шестнадцатеричной системе исчисления FFFFFF – белый цвет, 000000 – черный цвет. Данная кодировка (RGB) может использоваться во всем HTML документе. 2.
Атрибут
background
– определяет фон с помощью графического формата. Пример
.
background=”2.jpg” В значении атрибута указывается название документа и путь к нему. (Если указано только название, то данный файл должен находиться в той же папке, что и HTML документ). Если путь указан так: background=”/fold1/2.jpg”, то папка будет искаться начиная от корневого каталога. 3.
Атрибут
TEXT.
Значения данного атрибута могут быть такими же,
как у атрибута bgcolor. Эти же правила верны и для следующих атрибутов
: 4.
Атрибут
LINK=
определяет цвет ссылки. 5.
Атрибут
VLINK=
определяет цвет уже посещенной ранее ссылки.
6.
Атрибут
ALINK=
определяет цвет активной ссылки (то есть ссылки, указывающей на текущий документ). 7.
Атрибут
TOPMARGIN
=(верхнее поле). 8.
Атрибут
LEFTMARGIN
=(левое поле). Пример
.
TOPMARGIN=”20” (в пунктах). LEFTMARGIN=”10” (в пунктах). Все содержимое HTML документа будет смещено относительно левого и верхнего края HTML документа. Пример парного дескриптора:
<BODY bgcolor=”…” LINK=”…”> ----------------------- </BODY> В HTML документе можно помещать комментарии (они игнорируются браузером и используются для служебных целей). Комментарии.
1)
Одиночный дескриптор
. <!-- Все, что находится между первой и последней треугольной скобкой считается комментарием. --> 2)
Парный дескриптор
<COMMENT
> . <COMMENT> ------------------ </COMMENT> Браузеры игнорируют “обычные” средства форматирования текста, такие как последовательность пробелов, знаки табуляции, переводы строки и прочие. Чтобы отформатировать документ используются средства физического
и логического
форматирования. К физическим
относятся дескрипторы, которые определяют напрямую внешний вид текста. К логическим
относятся дескрипторы, которые определяют логический статус (значение) текста. Физические средства форматирования.
1.
Одиночный дескриптор <
br>
-
перевод строки (разрыв строки) . 2.
Парный дескриптор <
nobr>…</
nobr
> -
запрещает разрыв текста, находящегося в контейнере. Данный дескриптор еще называют дескриптор жесткого переноса. По причине различных условий, в которых отражается HTML документ (разные браузеры, видеорежимы, разрешение экрана) HTML документ может отображаться с нарушением взаимного расположения элементов. 3.
Одиночный дескриптор <
wbr
>
- определяет место мягкого переноса. Данный дескриптор используется совместно с дескриптором <nobr>
и размещается внутри его контейнера. Браузер осуществляет перенос в соответствии с этим дескриптором только в том случае, если строчка не помещается в ширину окна и обычный перенос запрещен с помощью дескриптора <nobr>
. 4.
Парный дескриптор<
p>…</
p
>
- параграф или абзац. Текст, находящийся внутри дескриптора оформляется в виде параграфа или абзаца. Атрибут ALIGN=
выравнивание текста. Возможные значения
: · =LEFT – по левому краю. · =CENTER – по центру. · =RIGHT – по правому краю. 5.
Парные дескрипторы заголовка.
Бывают шести уровней
: <H1
>…
</H1
> … … …
<H6
>…
</H6
> Текст заголовка выравнивается, до и после текста интервал. Допустимо использование атрибута ALIGN.
Данные дескрипторы имеют большое значение для повышения информационной ценности документа в ”глазах” поисковой системы. (Дескрипторы заголовка – один из основных инструментов для повышения ценности). 6.
Дескриптор <
HR>
– одиночный горизонтальный дескриптор.
Там где находится данный дескриптор, отображается горизонтальная черта. Атрибуты
: · ALIGN
· COLOR
–цвет черты (значения как уbackground
). · WIDTH
– ширина линии (в пунктах). · SIZE
– толщина линии (в пунктах). · NOSHADE
– без тени. 7.
Парный дескриптор <
FONT
>
…
</FONT
>.
Предназначен для определения шрифта (начертания) отображаемого текста (курсив и так далее). Атрибуты
: · FACE
– название шрифта. Пример
:
FASE=”Times New Roman” Текст, который помещен внутри контейнера будет отображен данным шрифтом. В связи с тем, что сложно угадать есть ли у пользователя такой же шрифт, допускается перечисление нескольких шрифтов через запятую в дескрипторе. · COLOR
· SIZE=3
-по умолчанию
. (Размер символов может быть от 1 до 7). 8.
Одиночный дескриптор <
BASEFONT>
Данный дескриптор устанавливает базовое значение текстовых значений Web страниц, находящихся после <
BASEFONT>.
Атрибуты как у дескриптора <
FONT>
. 9.
Парный дескриптор <
PRE
>
…
</PRE
> - дескриптор пре форматирования.
Используется для форматирования текста стандартными способами (табуляцией, последовательностью пробелов и так далее). Пример:
<PRE> _ _ _ _ _ _ _ _ _ _ _ _ _ _ |_ _ _ _ _ _ _|_ _ _ _ _ _ _| </PRE> 10.
Парный дескриптор <
DIV
>
…
</DIV
> Используется для выравнивания группы элементов таблицы (группа – несколько текстовых или графических элементов). Все, что внутри таблицы выравнивается. Пример:
<
DIV>
Align
<
/
DIV>
10.
Парный дескриптор <
Center
>
…
</Center
> Все содержимое контейнера данного дескриптора выравнивается по центру. 1.
Использовать мягкий контраст между фоном и текстом (например, черный и белый). 2.
Использовать как можно меньшее число шрифтов (2-3). Принято для отображения заголовков использовать шрифты типа Arial (то есть без засечек), а шрифты с засечками для самого текста (например, ТАЙМС). 3.
Реже используйте выделения, подчеркивания и жирные шрифты. Существуют так же дескрипторы
: 1)
<
b>…</
b>
- выделяет текст в контейнере с помощью жирного шрифта. 2)
<
i>…</
i> -
выделяет текст в контейнере с помощью наклонного текста (курсив). Пример логического форматирования.
1)
Парный дескриптор <
CITE
>
…
</CITE
> Используется для цитат. Обычно браузером отображается в виде курсива (наклонного текста). 2)
Парный дескриптор
<BLOCKQUOTE
>…
</
BLOCKQUOTE
> Используется для выделения больших цитат. (Браузер обычно делает отступ от левого края). В большинстве случаев браузер не допускает пересечение дескрипторов. Пример пересечения
: <
PRE>
<
FONT>
</PRE > </FONT > (В лучшем случае просто не запустится). Но есть и исключения, например <
b>…<
i>…</
b>
…</i>
В том месте, где пересеклись дескрипторы <i> и <
b>, текст будет выделен жирным курсивом. 3)
Парный дескриптор
<U>…</
U
> - подчеркивание. Используются для отображения символов, которые являются в HTML управляющими и не могут быть отображены обычными способами. Например, (>) - больше или (<) – меньше. Браузер ее воспринимает как начало контрольной последовательности. Для того чтобы все-таки отобразить эту скобку необходимо набрать последовательность
: 1) &
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>
- формирует нумерованный список (или упорядоченный). Например
: <OLTYPE=[1/a/A/I] , где 1 - арабские цифры. а – прописные буквы. А – заглавные буквы. I – римские цифры. Например
, если START=3, то нумерация начнется с трех или с буквы “c”. 2. Парный дескриптор
<UL
>…</
UL>
Формирует не упорядоченный список (маркерный). Например
: <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>
Отобразиться
:
Браузер будет делать очередной отступ слева. Таблицы.
1
. Парный дескриптор
<TABLE
>…</
TABLE>
В его контейнере должны быть сформированы элементы таблицы (ячейки) в которых и будет информация. 2
. Парный дескриптор
<TR
>…</
TR>
- формирует строку таблицы. 3
. Парный дескриптор
<TD
>…</
TD>
- формирует ячейку внутри строки. Пример
:
<TABLE> <TR> <TR> <TR> <TR> Атрибуты дескриптора <
TABLE>
: Пример:
<TABLEWIDTH=100% или WIDTH=200> Если значение атрибута больше нуля, то таблица выглядит так: Обычная таблица Атрибуты дескриптора <
TR>
: 1)
Атрибут
ALIGN
– выравнивание текста в ячейках. 2)
Атрибут
VALIGN
– определяет вертикальное выравнивание текста в ячейках. Возможные значенияатрибута
VALIGN
: · =
TOP – по верху. · =
MIDDLE – по центру. · =
BOTTOM – по нижнему краю ячейки. 3)
Атрибут
bgcolor
– для указания фона строки. Атрибуты дескриптора <
TD>
: Вышеперечисленные атрибуты действуют так же, как для дескриптора <TR>. Дополнительно атрибуты
:
Пример:
<TABLE> <TR> </TR> <TR> </TR> </TABLE> Пример
:
<TABLE> <TD ROWSPAN=2>1</TD> <TR> </TR> <TR> </TR> </TABLE> Кроме ширины и высоты таблицы в целом можно регулировать ширину и высоту ячеек (то есть использовать такие же атрибуты в дескрипторе <TD>, в пикселях и в процентах). Если они не указаны, то браузер выравнивает размер ячейки по ширине текста. Таблица является наиболее часто употребляемым инструментом в Web дизайне, позволяющим точно разместить на таблице отдельные мультимедийные элементы. Подобно спискам, таблицы могут быть вложены в другие таблицы. Пример:
Чтобы добавить такую таблицу в контейнере дескриптора ячейки пишут следующее: <TD> <TABLE> <TR><TD></TD><TD></TD></TR> <TR><TD></TD><TD></TD></TR> </TABLE> <TD> Фон отдельных ячеек могут отображать не все браузеры. Для размещения изображений используются в основном два графических формата: 1.Формат
JPG.
Плюсы
- Графическое изображение, сохраненное в данном формате, имеют наименьший объем. Минусы
– при сохранении происходит довольно сильное сжатие картинки, а при сжатии изображение теряет качество и наблюдается эффект пикселизации. Пример
:
Картинка сжалась в девять раз. Девять пикселей заменяются одним пикселем среднего цвета. Изображение сохраняется в формате .
jpg
в том случае, если необходимо сохранить максимальное количество оттенков. 2.Формат
GIF.
При сохранении картинок в этом формате также происходит сжатие, но пикселизации не происходит. Минусы
– изображение сохраняется с помощью ограниченного количества цветов (обычно 256 цветов) => изображение будет не очень красочным. С помощью формата .
gif
сохраняются навигационные кнопки, навигационные графические элементы и фоновые изображения. Для внедрения изображения используется одиночный
дескриптор
<IMG
>. Пример
: <IMG SRC=1.gif> Пример
: ALT=”Здесь была картинка”. Обычно атрибут используют при размещении навигационных изображений (ссылок), а так же при размещении изображений, о которых надо дать знать поисковой системе. Возможные значения
: =LEFT, CENTER, RIGHT. Добавляются значения: =TOP, MIDDLE, BOTTOM. Если используется только один атрибут, например HEIGHT
, то браузер уменьшит или увеличит ширину пропорционально изображению. Гипрессылка
–
это 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. 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) – это средство, позволяющее организовать диалог пользователя и Web сайта. Основные виды
HTML форм:
1) Кнопки. 2) Списки. 3) Текстовые поля. 4) Переключатели (флажки). 5) Радиокнопки. Элементы управления HTML форм позволяют пользователю вводить информацию с помощью браузера и отправлять её на обработку Web сайту. Для обработки форм, заполненных пользователем, на Web сайте используется программа-обработчик. В ответ на данную форму эта программа формирует HTML код. Группа дескрипторов, формирующих
HTML форму
. 1.
Парный дескриптор
<
FORM>
- задает свойство формы и содержит в своем контейнере элементы этой формы. Атрибуты:
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||