46
Введение в веб- технологии Алиев Рауф Enter Руководитель управления разработки RaufAliev.Ru

Введение в веб-технологии. Лекция

Embed Size (px)

DESCRIPTION

Введение в веб-технологии. Лекция. (с) Рауф Алиев

Citation preview

Page 1: Введение в веб-технологии. Лекция

Введение в веб-технологии

Алиев РауфEnter

Руководитель управления разработки

RaufAliev.Ru

Page 2: Введение в веб-технологии. Лекция

Давайте начнем с ваших

вопросов.

Page 3: Введение в веб-технологии. Лекция

President Dwight D. Eisenhower

J.C. R. Licklider

Memo to "Members and Affiliates of the Intergalactic Computer Network"

ARPA

Page 4: Введение в веб-технологии. Лекция

Логическая схема первых четырех компьютеров сети APRANET

Декабрь 1969 года.

(Ларри Робертс)

Page 5: Введение в веб-технологии. Лекция

«Мы установили телефонное соединение между нами и ребятами из Стенфорда. Мы ввели L, и спросили по телефону «Вы увидели L?». «Да, мы видим L!». Мы ввели О. «Да, у нас появилась О!». Нажимаем G и система рушится, пришлось все перегружать».

Page 6: Введение в веб-технологии. Лекция

Совсем немного про сетевые технологии

Page 7: Введение в веб-технологии. Лекция

«Коммутация каналов» (Circuit switching)

«Коммутация пакетов» (Packet switching)

Page 8: Введение в веб-технологии. Лекция

Точка – точка

Page 9: Введение в веб-технологии. Лекция

Локальная сеть

Page 10: Введение в веб-технологии. Лекция

Сети сетей

Page 11: Введение в веб-технологии. Лекция

Средство общения

Page 12: Введение в веб-технологии. Лекция

Модемы

Page 13: Введение в веб-технологии. Лекция

Ethernet

Page 14: Введение в веб-технологии. Лекция

IP-адреса

IANA - Internet Assigned Numbers Authority

●94.100.191.201 – один из адресов Mail.Ru

Page 15: Введение в веб-технологии. Лекция

IP-адреса

Россия

Page 16: Введение в веб-технологии. Лекция

IP адресация

Page 17: Введение в веб-технологии. Лекция
Page 18: Введение в веб-технологии. Лекция

FIDONET

Page 19: Введение в веб-технологии. Лекция

FIDONET

Page 20: Введение в веб-технологии. Лекция

Мицгол

Я вчера поковырялся: там все-таки эти вот гиперссылки, которые в обычном Интернете присутствуют, в фидонете, в нормальном виде, привычном для обычных пользователей Интернета, отсутствуют, хотя с другой стороны, вот эти формы, которые там используются (эхоформы они, по-моему, называются), они интересны и они по самым разнообразным тематикам, так что,

мне кажется, что задача создать гипертекстовый фидонет как минимум, актуальна, потому что я понял — именно гипертекста там и не хватает

«Медведев поддержал»

Page 21: Введение в веб-технологии. Лекция

Браузеры

Page 22: Введение в веб-технологии. Лекция

URL, URI

http://domain.ru/folder1/folder2/file.html?param=value&param1=value#link

http://domain.rufolder1folder2file.html?param=value#link

ПротоколДоменПапка1Папка2файлРазделитель параметров Параметр и значениеМесто на странице

Page 23: Введение в веб-технологии. Лекция

Веб-страницы, веб-сайт, веб-серверы

Page 24: Введение в веб-технологии. Лекция

Домены

База регистратора

Whois

Page 25: Введение в веб-технологии. Лекция

Языки разметки

HTML

XML

Page 26: Введение в веб-технологии. Лекция

HTML

Page 27: Введение в веб-технологии. Лекция

Большинство тегов - парные

Page 28: Введение в веб-технологии. Лекция

Большинство тегов - парные

<p> … </p>

<i> … </i>

<b> … </b>

параграф

наклонным

полужирным

Page 29: Введение в веб-технологии. Лекция

Большинство тегов - парные

<a href=“http://domain.ru”> … </a>

ссылка

Page 30: Введение в веб-технологии. Лекция

Непарные теги – те, что не требуют контекста

<BR/>

<P/>

Page 31: Введение в веб-технологии. Лекция

«Сущности»

&имя; или &#NNNN;где NNNN — код символа в Юникоде в десятичной системе счисления.

Как правило, сущности используются для представления символов, отсутствующих в кодировке документа, или же для представления «специальных» символов: &amp; — амперсанда (&), &lt; — символа «меньше» (<) &gt; — символа «больше» (>), которые некорректно записывать «обычным» образом, из-за их особого значения в HTML.

Page 32: Введение в веб-технологии. Лекция

Пользователь ввел запрос

Page 33: Введение в веб-технологии. Лекция

Политика безопасности

Page 34: Введение в веб-технологии. Лекция

Определение IP-адреса

Page 35: Введение в веб-технологии. Лекция

Обращение к IP-адресу

Page 36: Введение в веб-технологии. Лекция

Нашли сервер

Page 37: Введение в веб-технологии. Лекция

Браузер получил HTML

Page 38: Введение в веб-технологии. Лекция

Контент направляется к пользователю

Page 39: Введение в веб-технологии. Лекция

Контент доставлен обратно

Page 40: Введение в веб-технологии. Лекция

Пользователь рад

Page 41: Введение в веб-технологии. Лекция

Серверное ПО

Веб-сервер

CGI

Языки программирования (Perl, PHP)

Page 42: Введение в веб-технологии. Лекция

Браузерное ПО

Браузер

Javascript Flash

ActiveXJava applets

Page 43: Введение в веб-технологии. Лекция

Пример HTML

Page 44: Введение в веб-технологии. Лекция

Пример PHP

Page 45: Введение в веб-технологии. Лекция

Пример Perl

Page 46: Введение в веб-технологии. Лекция

СПАСИБО!

Рауф Алиев

http://facebook.com/raufaliev

RaufAliev.ru