Transcript История Интернет

Устройство Интернета. WWW
Управление IT-сервисами и контентом
Лекция №2
Часть I. Устройство сети
Что такое Интернет?
Веб-сайты.
Мысленный образ сервисов (веб, почта, IM и т.д.),
работающих на базе сетевой инфраструктуры.
Что такое Интернет?
Что такое Интернет?
Интернет – сетевая (физическая) инфраструктура, состоящая из
огромного количества компьютеров, объединенных между собой.
На базе этой инфраструктуры работают сетевые сервисы (веб,
почта, мгновенные сообщение и т.д.), которые и составляют
полезную суть Интернета.
Инфраструктура
Сервисы
Благоустроенный дом
(электричество, водопровод,
канализация, охрана и т.д.)
Офисы, снимающие помещение в
этом доме и предоставляющие
населению сервисы.
Компьютер
Программное обеспечение
компьютера: офисные
приложения, игры и т.д.
Компьютеры, объединенные в
сеть
Сетевые сервисы: почта,
мгновенные сообщения,
видеоконференции, веб и т.д.
Клиент-серверная модель
Клиент-серверная система (или система, построенная на базе
клиент-серверной модели) – это система (совокупность)
компонент, которые могут взаимодействовать друг с другом.
Клиенты – это компоненты, которые в чем-то нуждаются.
Серверы – это компоненты, которые ни в чем не нуждаются,
зато много чего умеют и предоставляют свои услуги другим
компонентам.
Если говорить
точнее, то «клиент» и «сервер»
Сервер
Клиенты – это не
компоненты,
а роли, которыеБольные
могут играть компоненты.
Врач
При
этом одна и та же компонента
Продавец
Покупатели может играть сразу
обе
роли – сервер может одновременно
быть клиентом, и
Библиотека
Читатели
наоборот.
Веб-сервер
Браузеры
Почтовый сервер
Почтовые клиенты
Клиент-серверная модель
Клиент-серверная система – это система взаимодействующих компонент, в которой взаимодействие
осуществляется между компонентами двух типов:
клиентами и серверами – по принципу запрос-ответ.
Общение клиента и сервера регламентируется
протоколом.
Протокол – это набор формальных правил, по
которым строится общение между двумя
компонентами системы. Протокол описывает порядок
взаимодействия и язык взаимодействия (синтаксис и
семантику).
Что такое Интернет?
Инфраструктура
Сервисы
Компьютер
Программное обеспечение
компьютера: офисные
приложения, игры и т.д.
Компьютеры, объединенные в
сеть
Сетевые сервисы: почта,
мгновенные сообщения,
видеоконференции, веб и т.д.
Кто предоставляет сетевые сервисы, работая на компьютерах,
объединенных в сеть?
Компьютерные программы!
Программы делятся на клиентские и серверные. Клиентские
запускаются пользователем по необходимости, серверные
работают постоянно.
Классификации сетей
1) По размеру охваченной территории
2) По типу функционального взаимодействия
3) По типу сетевой топологии
4) По сетевым операционным системам
и т.д.
По размеру охваченной территории
1. Персональная сеть (personal area network, PAN)
2. Локальная сеть (local area network, LAN)
3. Городская сеть (metropolitan area network, MAN)
4. Глобальная сеть (wide area network, WAN)
Персональная
Локальная
Городская
Глобальная
сеть
сеть
сеть
сеть
–––
охватывает
компьютерная
представляет
– сеть, построенная
несколько
собой
сеть, зданий
покрывающая
в
компьютерную
“вокруг”
пределах
человека.
одного
относительно
сеть,
города
Призвана
охватывающую
либо
небольшую
объединить
городбольшие
целиком.
все
территорию,
Как
территории
персональные
правилоиобъединяет
такую
включающую
устройства
как дом,
между
пользователя
вофис,
себя
собой
или
десятки
локальные
и
небольшую
сети.
сотни
(телефоны,
тысячкарманные
группу
компьютеров.
зданий,
персональные
Служат
например,
для
университет. разрозненных
объединения
компьютеры,
смартфоны, ноутбуки,
сетей так,
гарнитуры
чтобы и
пользователи
т.д.).
К стандартам
и компьютеры,
таких сетейгде
в настоящее
бы они не время
находились,
относят
Bluetooth.
могли взаимодействовать со всеми
остальными участниками глобальной сети.
По типу функционального взаимодействия
1) Одноранговые сети
2) Сети с выделенным сервером
3) Гибридные сети
Гибридные
Одноранговые,
Сети
с выделенным
сетидецентрализованные
–сети,
сервером
включающие
– это узлы
или
всех
пиринговые сети
компьютерные
типов.
сети,–состоящие
это компьютерные
из чистыхсети,
основанные
клиентов
и одного
на равноправии
выделенного
участников.
сервера, который
Каждый
компонент такой
обслуживает
запросы
сети всех
является
клиентов.
как сервером, так
и клиентом.
По типу сетевой топологии
Топология – конфигурация физических связей между
компьютерами сети.
1.
1.
2.
3.
2.
4.
5.
6.
По типу сетевой топологии
Типы возможных конфигураций
Полносвязные
Ячеистая
Звезда
Неполносвязные
Кольцо
Смешанная
Общая шина
Полносвязная топология
(-) Громоздко и неэффективно с точки зрения
построения
(-) Необходимо (N*(N-1)) / 2 каналов связи
(+) Самая надежная и эффективная в работе сеть
Ячеистая топология
Кольцевая топология
(+) Минимальное количество линий связи
(+) Обладает свойством резервирования линий
(-) Неустойчива к повреждению более одной линии
Топология звезда
(-) Необходимость выделенного концентратора
(-) Неустойчива к повреждениям
(-) Максимальная централизация
Топология дерево
(+) Относительно легко создается и поддерживается
(+) Легко масштабируется
Часть II. WWW
Всемирная паутина
Всемирная паутина (англ. World Wide Web) —
глобальное информационное пространство,
основанное на физической инфраструктуре Интернета
и протоколе передачи данных HTTP.
Всемирная паутина вызвала настоящую революцию
в информационных технологиях и бум в развитии
Интернета. Часто, говоря об Интернете, имеют в
виду именно Всемирную паутину. Для обозначения
Всемирной паутины также используют слово веб
(англ. web) и аббревиатуру «WWW».
История всемирной паутины
Изобратателем веба является
британский ученый Тим Бернерс-Ли.
(Родился 8 июня 1955 года в Лондоне. Учился в Оксфорде, в
последствии работал в нескольких IT-компаниях. В 80-х
годах приходит в CERN, где и создает свои значительные
изобретения.)
В 1989 году, работая в CERN над внутренней сетью организации,
предложил глобальный гипертекстовый проект, теперь известный
как Всемирная паутина. Проект подразумевал публикацию
гипертекстовых документов, связанных между собой гиперссылками,
что облегчило бы поиск и консолидацию информации для
учёных CERN. Для осуществления проекта Тимом Бернерсом-Ли
(совместно с его помощниками) были изобретены идентификаторы
URL, протокол HTTP и язык HTML.
История всемирной паутины
В рамках проекта Бернерс-Ли написал первый в мире
веб-сервер «httpd» и первый в мире гипертекстовый
веб-браузер, называвшийся «WorldWideWeb».
Первый в мире веб-сайт Бернерс-Ли создал по адресу
http://info.cern.ch/, теперь сайт хранится в архиве.
Этот сайт появился он-лайн в Интернете 6 августа
1991 года.
С 1994 года основную работу по развитию Всемирной
паутины взял на себя Консорциум Всемирной
паутины (англ. World Wide Web Consortium, W3C),
основанный и до сих пор возглавляемый Тимом
Бернерсом-Ли.
История всемирной паутины
Консорциум — организация, разрабатывающая и
внедряющая технологические стандарты для
Интернета и Всемирной паутины.
Миссия W3C: «Полностью раскрыть потенциал
Всемирной паутины, путём создания
протоколов и принципов, гарантирующих
долгосрочное развитие Сети».
Две другие важнейшие задачи Консорциума —
обеспечить полную «интернационализацию Сети» и
сделать Сеть доступной для людей с ограниченными
возможностями.
HTML
HTML (от англ. Hypertext Markup Language — «язык
разметки гипертекста») — это стандартный язык
разметки документов во Всемирной паутине.
HTML создавался как язык для обмена научной и технической
документацией, пригодный для использования людьми, не
являющимися специалистами в области вёрстки.
Изначально язык HTML был задуман и создан как средство
структурирования и форматирования документов без их
привязки к средствам воспроизведения (отображения).
Однако современное применение HTML очень далеко от его
изначальной задачи.
CSS
CSS используется создателями веб-страниц для
задания цветов, шрифтов, расположения и других
аспектов представления документа. Основное
назначение, для которого технология CSS была
разработана, это разделение содержимого
(написанного на HTML или другом языке разметки) и
представления документа (написанного на CSS).
CSS
CSS (англ. Cascading Style Sheets —
каскадные таблицы стилей) —
формальный язык описания внешнего
вида документа, написанного с
использованием языка разметки.
CSS
p{
font-family: "Garamond", serif;
}
h2 {стилей состоит из набора правил. Каждое правило, в свою
Таблица
font-size:
110из
%;одного или нескольких селекторов, разделённых
очередь,
состоит
color:
запятыми
и red;
блока определений. Блок определений же обрамляется
background: white;
фигурными скобками, и состоит из набора свойств и их значений.
}
.note {
color: red;это можно показать так:
Схематически
background: yellow;
font-weight: bold;
селектор,
} селектор {
p#paragraph1
{
свойство:
значение;
margin: 0;
свойство: значение;
}
свойство:
a:hoverзначение;
{
text-decoration: none;
}
}
#news p {
color: blue;
}
Включение в HTML
Внешний файл:
<link rel="stylesheet" type="text/css" href="style.css">
Непосредственно в HTML-документе:
<style type="text/css">
body {
color: red;
}
</style>
Непосредственно в элемент:
<p style="font-size: 21px; color: green;">Рассказ о том, как вредно красить
батареи</p>
Типы верстки
На сегодняшний день существует два основных типа
верстки веб-документов:
- табличная верстка (посредством HTML-таблиц)
- блочная верстка (посредством CSS)
CSS-верстка
Преимущества:
 Несколько дизайнов страницы для разных устройств просмотра.
 Уменьшение времени загрузки страниц сайта
 Простота последующего изменения дизайна.
 Дополнительные возможности оформления.
 Оптимально с точки зрения поисковых систем.
Недостатки:
 Различное отображение вёрстки в различных браузерах (особенно
устаревших)
 Часто встречающаяся необходимость на практике исправлять не
только один CSS-файл, но и теги HTML, которые сложным и
ненаглядным способом связаны с селекторами CSS
Уровень 1 (CSS1)
Рекомендация W3C принята 17 декабря 1996, откорректирована 11 января
1999. Среди возможностей, предоставляемых этой рекомендацией были:
Параметры шрифтов. Возможности по заданию гарнитуры и размера
шрифта, а также его стиля - обычного, курсивного или полужирного.
Цвета. Спецификация позволяет определять цвета текста, фона, рамок и
других элементов страницы.
Атрибуты текста. Возможность задавать межсимвольный интервал,
расстояние между словами и высоту строки (т.е. межстрочные отступы)
Выравнивание для текста, изображений, таблиц и других элементов.
Свойства блоков, такие как высоту, ширину, внутренние (padding) и
внешние (margin) отступы и рамки. Так же в спецификацию входили
ограниченные средства по позиционированию элементов, такие как float
и clear.
И другое…
Уровень 2 (CSS2)
Рекомендация W3C принята 12 мая 1998. Построена на CSS1 с
сохранением обратной совместимости. Добавление функциональности:
Блочная верстка. Появились относительное, абсолютное и
фиксированное позиционирование. Позволяет управлять размещением
элементов по странице без табличной верстки
Типы носителей. Позволяет устанавливать разные стили для разных
носителей (например монитор, принтер, КПК)
Звуковые таблицы стилей. Определяет голос, громкость и т. д. для
звуковых носителей (например для слепых посетителей сайта)
Страничные носители. Позволяет, например, установить разные
стили для элементов на чётных и нечётных страницах при печати
Расширенный механизм селекторов
Генерируемое содержание. Позволяет установить текст или картинку,
который будет отображаться до или после нужного элемента
И другое…
Уровень 2.1 (CSS2.1)
Рабочая версия W3C от 6 ноября 2006. Построена на CSS2, содержит
исправления ошибок
Уровень 3 (CSS3)
Сильно расширена по сравнению с предыдущими версиями.
Нововведения, начиная с малых, вроде закругленных углов блоков,
заканчивая трансформацией (анимацией) и, возможно, введением
переменных.