- •Лекции по дисциплине «Открытые информационные системы» Литература
- •Лекция 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-серверах
Таблицы стилей в отдельных файлах
При использовании тега <style> требуется вставлять таблицу стилей в каждый документ. Это может показаться довольно неэкономным как с точки зрения объема файлов, так и времени, необходимого на разработку страницы. Поэтому есть способ автоматического применения таблицы стилей, сохраненной в отдельном файле. Это файл должен иметь расширение *. css.
Для применения стилей, описанных в этом файле, к данному документу используется специальная инструкция, которую нужно вставить между тегами <style>…</style>:
@import URL("адрес_файла_стилей ")
Например:
@import URL("http://www.yourdoman.ru/style.css")
Другой способ использования внешних таблиц стилей основан на применении тега <LINK> внутри тега <HEAD>:
<HEAD>
<LINK REL=STYLESHEET TYPE="text/css" HREF="адрес_таблицы_стилей"
TITLE="Style">
</HEAD>
Простой пример использования каскадных таблиц стилей включает в себя html- и css-файлы, текст которых указан ниже
Содержимое файла primercss1.htm:
<html>
<head>
<title>Untitled Document</title>
<LINK REL=STYLESHEET TYPE="text/css" HREF="style.css">
<TITLE>Пример использования таблиц стилей</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head>
<body >
<DIV class=first>Каскадные таблицы стилей -</DIV>
<DIV class=second>это</DIV>
<DIV class=third>круто!</DIV>
</body>
</html>
Содержимое файла style.css
body {
font-family: Arial, sans-serif;
text-align: center;
}
.first {
color: brown;
margin-top: 60px;
font-size: 40px;
}
.second {
color: green;
margin-top: -50px;
font-size: 100px;
}
.third {
color: black;
margin-top: -80px;
font-size: 120px;
font-weight: bold;
}
Внешний вид в браузере:
Каскадность стилей
Рассмотрим пример:
1.css
body {
background-color: bisque;
font-family:"Arial"
}
p {
font-size: 10 pt;
font-style: italic;
}
h1 {
color:teal;
font-size: 16 pt;
font-family: "Times New Roman", Times, serif;
}
cascad.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Разные стили</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="1.css" rel="stylesheet" type="text/css">
<style>
<!-- Задаем другой стиль для тега Н1-->\
h1 {font-size: 14 pt; font-family:"Times New Roman"}
<!--Доопределяем свойства тега Р-->
p {font-style: italic}
h2 {font-size: 12 pt}
</style>
</head>
<body>
<h1>Разные стили</h1>
<p>Это web-страница, созданная с использованием таблиц стилей.</p>
<h2>Предупреждение!</h2>
<p style="font-size: 8 pt">Это web-страница, созданная с использованием разных таблиц стилей.</p>
</body>
</html>
Внешний вид в браузере:
Здесь мы подошли к понятию иерархичности (каскадности) стилей. \
В таблице 1.css мы установили для тега < body> шрифт Arial. В таблице стилей, встроенной в web-страницу, для тега <h1> мы изменили шрифт на "Times New Roman", и текст, отформатированный этим тегом, отразился шрифтом "Times New Roman". Следовательно, установки встроенной таблицы стилей перекрыли установки внешней таблицы стилей (1.css). Остальнойже текст будет отображаться с использованием шрифта Arial, т.е. для него будет действовать «унаследованный» от родительского тега <body> стиль.
В таблице 1.css для тега <p> был задан размер 10 пт. Во встроенной таблице для этого тега задано курсивное начертание. Поэтому текст, отформатированный тегом <p>, будет отражен курсивом 10 пт. Но последний абзац отразится размером 8 пт, т.к. он явно указан в описании (для него задан встроенный стиль).
Таким образом, выстраиваетсяиерархия таблиц стилей. Встроенные в тег стили отменяют установки встроенной в документ таблицы стилей, а та в свою очередь отменяет установки внешней таблицы стилей.
Небольшой совет тем, кто только научился использовать таблицы стилей: не спешите включать их только ради самого включения. Старайтесь использовать их с умом. И обязательно проверяйте, как будут выглядеть ваши html-файлы в браузере без поддержки CSS. Для этого достаточно временно удалить таблицу стилей.