Файл: Интернет. Интернет протокол IP.docx

Скачать файл
Заказать решение

ВУЗ: Не указан

Категория: Лекция

Дисциплина: Сети связи

Добавлен: 13.02.2019

Просмотров: 1005

Скачиваний: 6

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

  1. Интернет. Интернет протокол IP

Интерне́т (англ. Internet) — всемирная система объединённых компьютерных сетей для хранения и передачи информации.WWW – набор интернет-сайтов или порталов. Интернет включает в себя и др.службы – e-mail, IP-TV, FTP и тд.

IP – простой протокол, позволяющий передавать данные между двумя ПК. Каждое устройство имеет 32-битный IP-адрес. Адреса – четыре 8-битных числа( от0 до 255). IP можно узнать с помощью сайта 2Ip.ru или с помощью команд для ОС: ipconfig(windows), ifconfing(Mac/Linux). Протокол IP отвечает непосредственно за передачу данных по сети и адресацию, т.е. за правильность доставки сообщений по указанному адресу. Иногда пакеты одного сообщения могут доставляться разными путями.

В каждом IP-пакете указывается адрес отправителя и адрес получателя. Маршрутизатор автоматически определяет маршрут передачи пакета и передает следующему маршрутизатору. Пакет передается маршрутизаторами от одного к другому, пока не достигнет сети, в которой расположен компьютер, которому адресован пакет. Маршрутизатор этой сети определяет, какой рабочей станции адресован пакет. Все пакеты доставляются на эту рабочую станцию и из них собирается сообщение.

Пример: 145.10.34.3 ≈ 10 01001.00001010.00000.00000011

  1. Интернет. Протокол TCP

Интерне́т (англ. Internet) — всемирная система объединённых компьютерных сетей для хранения и передачи информации.WWW – набор интернет-сайтов или порталов. Интернет включает в себя и др.службы – e-mail, IP-TV, FTP и тд.

TCP(Transmission Control Protocol) – протокол передачи данных гарантирует доставку данных по IP, добавляет мультипликсирование(мн-во программ использует один IP). Для этого вводится понятие порт – число, ассоциир-е с каждой программой или службой. Пример: port80 – для браузера, port25 – для почты.

Протокол TCP отвечает за

  • правильность разбиения сообщений на пакеты информации

  • сборку пакетов в конечном пункте в соответствии с их номерами. Если какой-либо из пакетов утерян или поврежден (передан с ошибками), то его передачу повторяют.

  • Обеспечивает надежную доставку данных, так как предусматривает установления логического соединения;

  • Делит передаваемый поток байтов на части — сегменты - и передает их нижнему уровню, на приемной стороне снова собирает их в непрерывный поток байтов.

Соединение двух узлов начинается с handshake (рукопожатия):

  1. Узел A посылает узлу B специальный пакет SYN — приглашение к соединению

  2. B отвечает пакетом SYN-ACK — согласием об установлении соединения

  3. A посылает пакет ACK — подтверждение, что согласие получено

После этого TCP-соединение считается установленным, и приложения, работающие в этих узлах, могут посылать друг другу пакеты с данными.«Соединение» означает, что узлы помнят друг о друге, нумеруют все пакеты, идущие в обе стороны, посылают подтверждения о получении каждого пакета и перепосылают потерявшиеся по дороге пакеты.

3.Интернет. Протокол HTTP

Интерне́т (англ. Internet) — всемирная система объединённых компьютерных сетей для хранения и передачи информации.WWW – набор интернет-сайтов или порталов. Интернет включает в себя и др.службы – e-mail, IP-TV, FTP и тд.

Протокол HTTP (Hypertext Transfer Protocol – Протокол передачи гипертекста) является протоколом самого верхнего уровня - уровня приложения. Он был разработан для эффективной передачи по Интернету Web-страниц, т.е. является основой системы Word Wide Web. (Гипертекст - Совокупность документов, содержащих текстовую, аудиои видеоинформацию, связанных между собой взаимными ссылками в единый текст). Набор команд, понимаемых web-сервером и посылаемым браузером.

HTTP команды: get filename – скачивание, post filename – отправка web-форм, put filename – загрузка файла на сервер.Коды ошибок: 200 – OK, 301-303 – стр. Перемещена, 403 – доступ закрыт, 505 – ошибка сервера.

URL(uniform resource locator) – единый указатель ресурса, индификатор, показывающий положение документа на сайте. Host(интерпритатор php, asp,jsp)→(HTML)→HTTP→браузер.

Пример: http://www.yandex.ru/....... – протокол//host/путь

  1. HTML. Тэги для работы с текстом

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства. Язык регистронезависимый.  Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных.

HTML теги для работы с текстом.

1.<H1>, <H2>, <H3>, <H4>, <H5>, <H6>.Тегу H1 соответствует самый большой заголовок, тегу H6 - самый маленький. Закрывающий тег обязателен.Атрибуты:

  • align - Выравнивает заголовок в соответствии со следующими значениями:

  • center - По центру.

  • left - По левому краю.

  • right - По правому краю.

  • title - Всплывающая подсказка.

2.Тег <p> создает новый параграф.Атрибуты:

align - Выравнивает параграф относительно одной из сторон документа.

left - выравнивание по правому краю (По умолчанию ).

right - выравнивание по правому краю.

center - выравнивание по центру.

justify - выравнивание по ширине.

3.Контейнер <b> </b> выделяет текст жирным шрифтом. Аналогичный тег - <strong> </strong>, он тоже выделяет текст жирным. Но его не рекомендуется использовать больше 1-2 раз на странице - при большом количестве тегов <strong> на странице поисковые системы могут воспринять это как спам. Контейнер <strong> </strong> выделяет текст жирным шрифтом.Рекомендуется использовать этот тег для выделения наиболее значимого ключевого слова (или словосочетания) для акцентирования на нем внимая посковых систем.

4.Тег <hr> добавляет в документ горизонтальную линию.Закрывающий тег не обязателен.Атрибуты:

  • size - Устанавливает толщину линии.

  • width - Устанавливает ширину линии в пикселах или процентах.

  • noshade - Создает линию без тени.

  • color - Задает линии определенный цвет.

  1. Тег <br /> переводит текст на новую строку.

  2. Контейнер <sub> </sub> делает подиндекс. H<sub>2</sub>0 = H2O

  3. Контейнер <sup> </sup> делает надиндекс. X<sup>2</sup> = 4 = X2=4

  4. Контейнер <big> </big> выводит более крупный, чем окружающий текст.

  5. Контейнер <small> </small> выводит более мелкий, чем окружающий текст.

  6. Контейнер <i> </i> и <em> </em> выделяет текст курсивом.

  7. Тег <s> делает текст зачеркнутым.

  8. Контейнер <u> </u> делает текст подчеркнутым.

  9. Тег <font> определяет цвет, размер и выводимый шрифт.Закрывающий тег </font> обязателен.

color - определяет цвет текста.

face - определяет гарнитуру шрифта.

size - определяет размер текста в пределах от 1 до 7, где 1 - самый мелкий шрифт. По умолчанию равен Пр: <font color="#CA0000" face="Times New Roman" size="2"></font>.

15.Тег <marquee> заставляет текст перемещаться из стороны в сторону.Закрывающий тег </marquee> обязателен.Атрибуты:

  • behavior - Определяет вид движения.

  • alternate - Колебательные движения налево и направо.

  • scroll - Перемещение текста в направлении, указанном в direction. Достигнув края экрана, надпись появляется снова с противоположной стороны.

  • slide - Схоже с scroll, но текст перемещается только один раз и останавливается.

  • direction - Определяет направление движения.

  • down - Движение вниз.

  • left - Движение справа налево (по умолчанию).

  • right - Движение слева направо.

  • up - Движение вверх.

Пр:<marquee behavior="alternate" direction="right"></marquee>

16.Контейнер <code> </code> применяют для выделения программного кода, отображаемого на странице.

5. HTML. Тэги для создания таблиц

Для добавления таблицы на веб-страницу используется тег <table>. Этот элемент служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются соответственно с помощью тегов <tr> и <td>. Таблица должна содержать хотя бы одну ячейку. Допускается вместо тега <td> использовать тег <th>. Текст в ячейке, оформленной с помощью тега <th>, отображается браузером шрифтом жирного начертания и выравнивается по центру ячейки. В остальном, разницы между ячейками, созданными через теги <td> и <th> нет. Тег <td> предназначен для создания одной ячейки таблицы. Тег <td> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>. Тег <tr> служит контейнером для создания строки таблицы. Каждая ячейка в пределах такой строки может задаваться с помощью тега<th> или <td>.Атрибуты

  • align-Определяет выравнивание таблицы.

  • background - Задает фоновый рисунок в таблице.

  • bgcolor - Цвет фона таблицы.

  • border - Толщина рамки в пикселах.

  • bordercolor-Цвет рамки.

  • cellpadding-Отступ от рамки до содержимого ячейки.

  • cellspacing-Расстояние между ячейками.

  • cols-Число колонок в таблице.

  • frame-Сообщает браузеру, как отображать границы вокруг таблицы.

  • height-Высота таблицы.

  • rules-Сообщает браузеру, где отображать границы между ячейками.

  • summary-Краткое описание таблицы.

  • width-Ширина таблицы.

6. HTML. Тэги для создания списков и гиперссылок.

HTML-списки используются для группировки связанных между собой фрагментов информации

Маркированный список представляет собой неупорядоченный список (от англ. Unordered List). Создаётся с помощью парного тега <ul></ul>. В качестве маркера элемента списка выступает метка, например, закрашенный кружок.

Каждый элемент списка создаётся с помощью парного тега <li></li> (от англ. List Item).

Пример: <ul>

<li>Microsoft</li>

<li>Google</li>

<li>Apple</li>

<li>IBM</li>

</ul>

Нумерованный список создаётся с помощью парного тега <ol></ol>. Каждый пункт списка также создаётся с помощью элемента <li>. Браузер нумерует элементы по порядку автоматически и если удалить один или несколько элементов такого списка, то остальные номера будут автоматически пересчитаны.

Пример: <ol>

<li>Microsoft</li>

<li>Google</li>

<li>Apple</li>

<li>IBM</li>

</ol>

Списки определений создаются с помощью тега <dl></dl>. Для добавления термина применяется тег <dt></dt>, а для вставки определения — тег <dd></dd>

Пример: <dl>

<dt>Режиссер:</dt>

<dd>Петр Точилин</dd>

<dt>В ролях:</dt>

<dd>Андрей Гайдулян</dd>

<dd>Алексей Гаврилов</dd>

<dd>Виталий Гогунский</dd>

<dd>Мария Кожевникова</dd>

</dl>

Зачастую возможностей простых списков не хватает, например, при создании оглавления никак не обойтись без вложенных пунктов. Разметка для вложенного списка будет следующей:

<ul>

<li>Пункт 1.</li>

<li>Пункт 2.

<ul>

<li>Подпункт 2.1.</li>

<li>Подпункт 2.2.

<ul>

<li>Подпункт 2.2.1.</li>

<li>Подпункт 2.2.2.</li>

</ul>

</li>

<li>Подпункт 2.3.</li>

</ul>

</li>

<li>Пункт 3.</li>

</ul>

Тег <a> (от anchor- якорь), в него можно заключить текст или рисунок, которые станут ссылкой на те или иные документы. Атрибут тега <a> href задаёт имя и путь к документу на который указывает ссылка.

<a href=" stranica/primer.html">Здесь мои фотки!!</a> - Такая запись подразумевает, что в директории, где расположен наш первый html документ есть папка stranica в которой расположен файл primer.html

<a href="http://www.site.ru/primer.html">Здесь мои фотки!!</a> - документ расположен на сайте www.site.ru.

Пример кода: <html>
<head>
<title>Закладки</title>
</head>
<body>
<h2>А. С. ПУШКИН</h2>
<a href="#skazka1">Сказка о попе и работнике его Балде</a><br>
<a href="#skazka2">Сказка о рыбаке и рыбке</a><br>
<a href="#skazka3">Сказка о царе Cалтане</a>
<h3><a name="skazka1">Сказка о попе и работнике его Балде</a></h3>
<pre>
Жил-был поп,
Толоконный лоб.
... ... ...
</pre>
<h3><a name="skazka2">Сказка о рыбаке и рыбке</a></h3>
<pre>
Жил старик со своею старухой
У самого синего моря.
... ... ...
</pre>
<h3><a name="skazka3">Сказка о царе Cалтане</a></h3>
<pre>
Три девицы под окном
Пряли поздно вечерком.
... ... ...
</pre>
</body>
</html>

7. CSS. Задание цвета

CSS (Cascading Style Sheets), или каскадные таблицы стилей, используются для описания внешнего вида документа, написанного языком разметки. Обычно CSS-стили используются для создания и изменения стиля элементов веб-страниц и пользовательских интерфейсов, написанных на языках HTML и XHTML, но также могут быть применены к любому виду XML-документа, в том числе XML, SVG и XUL.

Вот список основных ключевых слов, которые можно использовать:

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow

Имена цветов обязательно нужно указывать маленькими буквами, т.к. CSS здесь чувствителен к регистру.

Вот пример использования ключевых слов:

body {color: black; background: white }

h1 { color: maroon }

h2 { color: olive }

В CSS тоже можно работать с RGB моделью цвета.

В случае использования 16-ричного представления цвета, перед указанием цвета ставится знак решетки (#)

Возможно указание цвета в виде десятичных значений:

em { color: rgb(255,0,0) }

Вместо цифр, возможно указание процентов. В этом случае числу 255 будет соответствовать 100%, а 0 – 0%.

em { color: rgb(100%,0%,7%) }

Если указать число более 255, то оно будет приведено к 255.

((em) — это масштабируемая единица измерения, которую использует в web. 1em равен текущему размеру шрифт)

В CSS тоже можно работать с RGBA моделью цвета (A – отвечает за прозрачность)

В итоге, модель RGBA выглядит следующим образом:

rgba(r,g,b,opacity)

opacity – значение от 0 до 1 с шагом 0.1.

1 – полностью непрозрачный цвет.

0 – полностью прозрачный цвет.

em { color: rgba(255,0,0,0.5)

В отличие от модели RGB, в модели RGBA нельзя представлять значение цвета в 16-ричной системе счисления

8. CSS. Задание параметров текста

CSS-текст представляет набор свойств для форматирования текстового содержимого веб-страниц

text-indent

Отступ первой строки текста в блоке

text-align

Выравнивание текста (left, right, center, justify)

text-decoration

Декорирование текста none (нет), 
underline (подчеркнутый), 
overline (надчеркнутый), 
line-through (перечеркнутый), 
blink (мерцающий)

text-shadow

Эффекты затенения текста

letter-spacing

Межсимвольное расстояние

word-spacing

Расстояние между словами

text-transform

Преобразование текста (none, 
capitalize (первая буква каждого слова заглавная),
uppercase (все буквы заглавные), 
lowercase (все буквы строчные))

line-height

Межстрочный интервал

white-space

Способ обработки символов пустого пространства внутри блока(normal,
pre (не изменять символы пустого пространства ),
nowrap (не разрывать строку))

Пример: <html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Шрифт</title>

<style type="text/css">

H1 {

font-family: Arial, Helvetica, Verdana, sans-serif; /* Гарнитура шрифта */

font-size: 150%; /* Размер текста */

font-weight: lighter; /* Светлое начертание */

}

</style>

</head>

<body>

<H1>Заголовок</H1>

<p>Обычный текст</p>

</body>

</html>

9. CSS.Группирование и наследование стилей

Благодаря группированию и наследованию появляется возможность упорядочить и оптимизировать документы, описывающие стили элементов вебстраниц сайта.

Группирование: общие свойства селекторов можно объединить и не прописывать их в индивидуальных частях кода:

h1, h2, h3 {


    font-family: Tahoma, Arial, Helvetica, sans-serif;


}


h1 {


    font-size: 2.5em;


    color:#fffffd;


}


h2 {


    font-size: 1.8em;


    color: #265a8b;


}


h3 {

Смотрите также файлы