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

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

2. Давайте
начнем
с ваших
вопросов.

3. President Dwight D. Eisenhower
J.C. R. Licklider
Memo to "Members and Affiliates of the
Intergalactic Computer Network"
ARPA

4. Логическая схема первых четырех
компьютеров сети APRANET
Декабрь 1969 года.
(Ларри Робертс)

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

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

7. «Коммутация каналов»
(Circuit switching)
«Коммутация пакетов»
(Packet switching)

8. Точка – точка

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

10. Сети сетей

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

12. Модемы

13. Ethernet

14. IP-адреса
IANA - Internet Assigned Numbers Authority
●

15. IP-адреса
Россия

18. FIDONET

19. FIDONET

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

21. Браузеры

22. URL, URI
http://domain.ru/folder1/folder2/file.html?param=value&param1=value#link
http://
domain.ru
folder1
folder2
file.html
?
param=value
#link
Протокол
Домен
Папка1
Папка2
файл
Разделитель параметров
Параметр и значение
Место на странице

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

24. Домены
База регистратора
Whois

25. Языки разметки
HTML
XML

26. HTML

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

28. Большинство тегов - парные
<p> … </p>
<i> … </i>
<b> … </b>
параграф
наклонным
полужирным

29. Большинство тегов - парные
<a
href=“http://domain.ru”>
… </a>
ссылка

30. Непарные теги –
те, что не требуют контекста
<BR/>
<P/>

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

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

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

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

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

36. Нашли сервер

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

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

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

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

41. Серверное ПО
Веб-сервер
CGI
Языки программирования
(Perl, PHP)

42. Браузерное ПО
Браузер
Javascript Flash
ActiveX
Java
applets

43. Пример HTML

44. Пример PHP

45. Пример Perl

46. СПАСИБО!
Рауф Алиев
http://facebook.com/raufaliev
RaufAliev.ru