- •Лекции по дисциплине «Открытые информационные системы» Литература
- •Лекция 1. Понятие открытой информационной системы. Стандартизация и сертификация оис
- •Понятие открытой информационной системы
- •Информационная инфраструктура и открытые системы
- •Сущность и свойства технологии открытых систем
- •Определение открытой системы
- •Примеры открытых систем
- •Стандартизация и сертификация оис
- •Масштаб проблемы
- •Источники стандартов
- •Лекция 2
- •Модели открытых информационных систем (оис).
- •Референсная модель взаимодействия открытых систем osi/iso
- •Платы сетевого адаптера
- •Уровни модели osi
- •Процесс передачи данных по сети
- •Пакет. Структура пакета.
- •Формирование пакетов
- •Адресация пакета
- •Протокол
- •Эталонная модель среды открытой системы ose/rm
- •Лекция 3 Развитие сети Internet. Способы организации канала клиент-провайдер или «последней мили»
- •Развитие сети Internet
- •Краткая история Internet
- •Развитие сети arpanet
- •Структура Internet
- •Современная структура управления Internet
- •Типичное подключение домашнего пользователя
- •Способы организации канала клиент-провайдер или «последней мили»
- •Коммутируемая телефонная линия и обычный модем
- •Доступ в Интернет по dsl-технологии
- •Асимметричный dsl (adsl)
- •Широкополосный доступ
- •Выделенная линия
- •Доступ по сети кабельного телевидения
- •Доступ в Интернет по радиоканалу
- •Доступ в Интернет по спутниковому каналу
- •Использование бытовой электрической сети для доступа в Интернет
- •Лекция 4 Сотовый Интернет. Стандарт gsm
- •Сотовый Интернет
- •Стандарт сотовой связи gprs
- •Технология edge
- •Стандарт gsm
- •Подключение к Интернету через мобильный телефон
- •Скорость доступа, стоимость и удобство работы
- •Максимальные скорости доступа в Интернет при использовании различных технологий
- •Лекция 5 Передача информации и адресация в Интернете.
- •Как происходит передача информации в Интернете
- •Маршрутизаторы
- •Протоколы Интернета
- •Адресация в Интернете
- •Доменные имена
- •Как работает dns-сервер
- •Лекция 6 Сервисы Интернета. Электронная почта
- •Сервисы Интернета
- •Серверы и клиенты
- •Система адресации url
- •Общий вид формата url-адреса
- •Сервисы Интернета
- •Электронная почта
- •Преимущества электронной почты
- •Адрес электронной почты
- •Клиентские программы электронной почты
- •Создание электронного письма
- •Сортировка сообщений
- •Получение электронных писем
- •Почтовые клиенты на все случаи жизни
- •Как работает почта
- •Отправление и доставка письма
- •Почему письма не доходят до адресата
- •Передача специальных символов и вложенных сообщений
- •Лекция 7
- •Служба World Wide Web
- •Гипертекст
- •Всемирная паутина
- •Браузеры
- •Web-страница
- •Средства создания web-страниц
- •Блокнот
- •Веб-редакторы типа wysiwyg
- •Основы html
- •Структура html-документа
- •Обязательные теги
- •Краткое руководство по html
- •Лекция 8. Фреймы, слои, каскадные таблицы стилей
- •Index.Htm
- •Index.Htm
- •Verh.Htm
- •Таблицы стилей в отдельных файлах
- •Каскадность стилей
- •Основные свойства, описываемые в таблицах стилей.
- •Лекция 9. Статические и динамические страницы. Протокол ftp
- •Механизм работы Web-сервера
- •Статические и динамические страницы
- •Технология cgi
- •JavaScript-приложения
- •Java-аплеты и элементы управления ActiveX
- •File Transfer Protocol и ftp-клиенты
- •Ftp-клиенты
- •Доступ с помощью ftp.Exe
- •Доступ с помощью ftp-клиента, встроенного в браузер
- •Доступ с помощью ftp-клиента, встроенного в файловый менеджер
- •Доступ с помощью ftp-клиента, встроенного в html-редакторы
- •Доступ с помощью специальных ftp-клиентов
- •Поиск файлов на ftp-серверах
Index.Htm
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Содержимое-Тип" content="text/html; charset=windows-1251">
</head>
<frameset rows="80,*" frameborder="yes" border="5" framespacing="5" bordercolor="blue">
<frame name="topFrame" scrolling="NO" noresize src="verh.htm">
<frameset cols="80,*" frameborder="yes" border="0" framespacing="0">
<frame name="leftFrame" scrolling="NO" noresize src="lev.htm">
<frame name="mainFrame" src="prav.htm">
</frameset>
</frameset>
<noframes><body bgcolor="#FFFFFF" text="#000000">
</body></noframes>
</html>
Verh.Htm
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Содержимое-Тип" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head>
<body bgcolor="#FFFFFF" background="pictures/Bg1.gif" text="#000000">
<table width="75%" border="0">
<!--DWLayoutTable-->
<tr>
<td width="226" height="67" valign="top"><div align="center">
<h2>Верхний фрейм </h2>
</div></td>
<td width="212" valign="top"><img src="pictures\top1000E.gif" width="117" height="65"></td>
</tr>
</table>
</body>
</html>
lev.htm
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Содержимое-Тип" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head>
<body bgcolor="#FFFFFF" background="pictures/Chiantl.jpg" text="#000000">
<p>Левый фрейм </p>
<a href="doc1.htm" target="mainFrame">Ссылка1</a>
<a href="doc2.htm" target="mainFrame">Ссылка2</a>
<a href="doc3.htm" target="mainFrame">Ссылка3</a>
</body>
</html>
prav.htm
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Содержимое-Тип" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head>
<body bgcolor="#CCCCCC" text="#000000">
Правый фрейм
</body>
</html>
doc1.htm
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Содержимое-Тип" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head>
<body bgcolor="#FFFFFF" text="#000000">
<p><img src="pictures\B_book.gif" width="81" height="63"> </p>
<p>Рисунок 1</p>
</body>
</html>
doc2.htm
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Содержимое-Тип" content="text/html; charset=windows-1251">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<p><img src="pictures\B_los.gif" width="81" height="63"> </p>
<p>Рисунок 2</p>
</body>
</html>
doc3.htm
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Содержимое-Тип" content="text/html; charset=windows-1251">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<p><img src="pictures\Gimm2.jpg" width="81" height="63"> </p>
<p>Рисунок 3</p>
</body>
</html>
Внешний вид в браузере (сначала и при поочереднм вызове ссылок):
Стили
Существует прием форматирования текстов и достижения внешних эффектов, который может украсить web-страницу и привлечь к ней внимание. Этот прием основан на использовании CSS (Cascading Style Sheets) – каскадных таблиц стилей. CSS -- это технология, разработанная для форматирования html-документов и придания им определенного внешнего вида при выводе на экран (определяется положение элементов на экране, цвет текста, величина отступа абзаца и многое другое). Фактически, каскадные таблицы стилей представляют собой набор правил, в соответствии с которыми происходит форматирование текста и элементов на экране. Правила хранятся либо в самом html-документе, либо в отдельном текстовом файле с расширением css. Создавать эти файлы можно в любом текстовом редакторе.
Если таблица стилей задана, то различные документы могут просто ссылаться на эту таблицу и не содерджать большое количество атрибутов в тегах форматирования (типа <h1>, <p> и т.п.).
Таблица стилей размещается в самом документе
Форматирование задается внутри тегов <style>…</style>, которые рсположены внутри тегов <head>…</head>.
<head>
<style>
ТЕГ {свойство_1: значение_1; свойство_2: значение_2; … ; свойство_n: значение_n}
</style>
</head>
Пример 1.
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
h1 {font-size:48 pt; color:red}
h2 {font-size:20 pt; color:blue}
</style>
</head>
<body>
<h1>Это стиль Н1. Цвет - красный. </h1>
<h2>Это стиль Н2. Цвет - синий.</h2>
<p>Это обычный стиль по умолчанию.</p>
</body>
</html>
Внешний вид в браузере (стили Н1 и Н2 увеличились в размере и изменили цвета):
Если нужно задать один и тот же стиль сразу для нескольких тегов, то перед определением стиля можно указать перечень тегов:
Пример 2.
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
h1,h2 {font-size:48 pt; color:red}
</style>
</head>
<body>
<h1>Это стиль Н1. Цвет - красный. </h1>
<h2>Это стиль Н2 (такой же, как Н1).</h2>
<p>Это обычный стиль по умолчанию.</p>
</body>
</html>
Внешний вид в браузере:
Можно создать таблицы стилей, закрепив за ними имя. Это имя задается как обычное имя, но с точкой в качестве первого символа. Тогда в тегах мы можем обращаться к этой таблице по её имени, используя атрибут class="имя_стиля", где имя стиля уже используется без точки.
Пример 3.
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
.mystyle {color: blue; font-family: Courier}
</style>
</head>
<body>
<h1>Это стиль Н1.</h1>
<h2 class="mystyle">Это стиль Н2 + mystyle.</h2>
<p>Это обычный стиль по умолчанию.</p>
</body>
</html>
Внешний вид в браузере: