Word Wide WEB

1. WORD WIDE WEB

2.

Web -приложения
Web-сеть (протоколы HTTP)
Сеть Интернет (протоколы TCP/IP)

3.

Интернет (Internet) это глобальная компьютерная сеть, позволяющая
передавать данные между компьютерами расположенными по всему миру.
ИНФРАСТРУКТУРА
скоростные каналы передачи
данных
специальные компьютеры, выполняющие управление
передачей пакетов данных (маршрутизаторы)
программное обеспечение
Компьютеры (с серверным и клиентским
программным обеспечением
IP – адрес
109.123.152.2.

4.

Все используемые программы делятся на два типа:
1.
Серверы – пассивные программы, которые ожидают запросы от
клиентов, обрабатывают их как можно быстрее, отправляют
запрашиваемую информацию и ожидают следующих запросов.
2.
Клиенты – активные программы, с которыми обычно работает
пользователь сети на своих компьютерах, отправляют запросы
серверам для выполнения некоторой работы (обычно получение
некоторой информации).

5.

Провайдер - поставщик сетевых услуг – лицо или организация предоставляющие
услуги по подключению к компьютерным сетям.
Существуют также компьютеры, которые непосредственно подключены к глобальной
сети. Они называются хост - компьютерами (host - хозяин). Хост – это любой
компьютер, являющийся постоянной частью Internet, т.е. соединенный по Internet –
протоколу с другим хостом, который в свою очередь, соединен с другим, и так далее.

6.

ПРОТОКОЛЫ ПЕРЕДАЧИ ДАННЫХ
Internet Protocol (IP)
Transmission Control Protocol (TCP),
TCP/IP
Компьютер, в сети TCP/IP имеет свой уникальный IP-адрес или IP –
номер 195.63.77.21

7.

IP-адрес имеет длину 4 байта и обычно записывается в виде четырех
чисел, представляющих значения каждого байта в десятичной форме, и
разделенных точками, например:
128.10.2.30 - традиционная десятичная форма представления адреса,
10000000 00001010 00000010 00011110 - двоичная форма представления
этого же адреса.

8.

Интернет сокеты
Интернет сокеты – специальные программные объекты, которые позволяют
организовать передачу данных между выполняемыми процессами, с
использованием протокола TCP/IP - это некоторые абстракции (объекты), с
помощью которых приложение может посылать и получать данные.
Сокет
позволяет
приложению
подключиться
к
сети
и
выполнять
взаимодействие (обмен данными) с другими приложениями, которые с
помощью своих сокетов подключаются к той же самой сети.
Данные переданные сокету на одном компьютере, могут читаться другим
приложением, использующим сокеты, на другом компьютере.
Сокеты обычно реализуются с помощью API библиотек

9.

Программные процессы, которые предоставляют прикладные сервисы,
называются серверами, они в начале работы создают сокеты, находящиеся в
состоянии прослушивания портов.
АДРЕС СОКЕТА
Ip - адрес
ПОРТ
19.22.23.4
ПАКЕТ
КУДА 19.22.23.4. : 80
ОТ 1.2.3.4. : 425
Операционная
система
80
WEB сервер
25
Mail сервер

10.

Система доменных имен
«Система доменных имен» (Domain Name System, DNS) - является частью
инфраструктуры сети, которая позволяет хранить и быстро находить
специальные записи, связывающие IP адреса с символьными именами
(доменными именами).
Доменное имя, это символьное имя, служащее для обозначения
иерархической структуры подобластей сети Интернет.
www.nntu.nnov.ru
Домен
университета
Российская
часть

11.

В системе адресов Интернета приняты домены, представленные
географическими регионами. Они имеют имя, состоящее из двух букв,
например:
Франция - fr;
Канада - са;
США - us;
Россия - ru.
Существуют и домены, разделенные по тематическим признакам,
например:
Учебные заведения - edu.
Правительственные учреждения - gov.
Коммерческие организации - com.

12.

Доменное имя и IP-адрес не являются тождественными – один IP-адрес может
иметь много доменных имён, что позволяет поддерживать на одном
компьютере набор web-сайтов (так называемый виртуальный хостинг).
Справедливо также и обратное – одному доменному имени может быть
сопоставлено множество IP-адресов, что позволяет поддерживать работу
одного web-сайта несколькими серверами (выполнять балансировку нагрузки
на web-сайт).
Доменная зона — совокупность доменных имён определённого уровня,
входящих в конкретный домен Термин «доменная зона» в основном применяется
в технической сфере, при настройке DNS-серверов (поддержание зоны,
делегирование зоны, трансфер зоны).

13.

Интернет сервисы
Интернет сервисы, это информационные системы, разработанные для
работы в сети Интернет для предоставления некоторых информационных
услуг.
Примеры сервисов:
система обмен сообщениями (первоначально, включающими, только
текст, а затем и документы в других форматах) между пользователями –
электронная почта (протоколы SMTP, POP3);
система передача файлов между компьютерами сети (протокол FTP);
система проведение коллективных обсуждений по разным темам
(протокол NNTP).

14.

Примерами протоколов:
FTP (File Transfer Protocol) – протокол для просмотра содержания
каталогов и передачи файлов между компьютерами;
Telnet
(TELecommunication
NETwork)
–
протокол
для
поддержки
функциональности Network Virtual Terminal, позволяющей подключиться к
удаленному компьютеру по сети Интернет и удаленно работать с его
операционной системой;
SSH (Secure Shell) – протокол, позволяющий производить удаленное
управление операционной системой и передачу файлов. В отличие от
Telnet шифрует весь трафик;

15.

Протоколы работы с электронной почтой E-mail: SMTP (Simple Mail
Transfer Protocol) для отправки электронных почтовых сообщений; POP
(Post Office Protocol) –для получения сообщений электронной почты,
хранящихся на почтовом сервере (последняя версия POP3); IMAP
(Internet Message Access Protocol) – более совершенный протокол
доступа к электронной почте в Интернет. Последняя версия IMAP4.

16.

Протоколы работы в форумах: NNTP (Network News Transfer Protocol) – для
отправки чтения сообщений из новостных групп, поддерживаемых NNTP
сервером;
Протоколы ведения разговоров (чатов) и передачи сообщений: XMPP
(Jabber) – основанный на XML расширяемый протокол для мгновенного
обмена сообщениями в почти реальном времени; talk – для обмена
сообщениями;
LDAP – протокол для доступа к службе каталогов X.500, является широко
используемым стандартом доступа к службам каталогов;
SNMP – базовый протокол управления Интернет сетью

17.

Gopher – протокол поиска и передачи документов.
Наиболее
известным
сервисом
сети
Интернет
является
сервис
предоставления доступа к гипертекстовой информации, который называется
web-сетью (World Wide Web, WWW), либо Всемирной паутиной

18.

Web сеть
Основными стандартами Web-сети являются:
1.
Стандарт задания адресов ресурсов сети – URL;
2.
Протокол взаимодействия между клиентами и серверами – HTTP;
3.
Язык описания информационных ресурсов (гипертекста) – HTML;
4.
Язык форматирования информационных ресурсов – CSS;
5.
Язык выполнения программ на стороне клиента – JavaScript.

19.

Web-сеть может рассматриваться с разных точек зрения (способа
представления Web сети), как:
набор стандартов, в соответствии с которыми web-сеть работает
(основными являются: URL, HTML, HTTP);
набор ресурсов, составляющие web-сеть (основным документами
являются web-страницы (или HTML страницы, или гипертекстовые
страницы), связанные между собой гиперссылками);
набор
программных
средств
позволяющих
работать
такой
информационной системе. Основными программными средствами
являются: web-серверы (HTTP серверы) и браузеры.

20.

Web-сайты
Web-сайт это объединённый под одним адресом (доменным именем или IPадресом) набор логически связанных ресурсов.
Все ресурсы web-сайтов можно разделить на следующие два типа:
статические ресурсы – HTML документы; изображения; мультимедиа
файлы; любые файлы данных, к которым есть доступ;
динамические ресурсы – web-приложения: программные модули (exe,
dll); шаблоны web-страниц; скрипты; программные объекты и т.п.,
которые, как правило, по запросу формируют HTML документы.

21.

Адресация ресурсов web-сети
Указатели ресурсов (Uniform Resource Locator, URL) – URL адреса, которые
помимо идентификации ресурсов, предоставляет еще и информацию об их
местонахождении.
URL адреса ресурсов имеют следующую структуру:
<схема>://хост[:порт] /путь/. . . /имя-ресурса [?строка-запроса] [#ссылка]
схема – схема обращения к ресурсу; обычно это название используемого
протокола (например, ftp или http);
хост – доменное имя web-сайта в системе DNS или IP-адрес компьютера
(хоста), на котором расположен web- сайт;
порт – порт хоста для подключения (номер, используемый для
разделения сообщений по обрабатывающим серверам);

22.

/путь/. . . / (URL-путь) – уточняющая информация о месте нахождения
ресурса в файловой системе сервера. (обычно, index.html или
default.html);
имя-ресурса – собственное имя ресурса в файловой системе сервера,
или условное имя, по которому web-сервер будет определять
требуемый физический ресурс (в процессе разрешения адреса);
строка-запроса – набор пар «параметр=значение», разделенных
символом „&‟,
ссылка (anchor) – указатель на некоторый раздел web-страницы.

23.

Протокол HTTP
Протокол передачи гипертекстов – HTTP (HyperText Transfer Protocol).
HTTP является протоколом без поддержки состояния (stateless), который
не полагается на удержание соединения между сокетами в логике обмена
сообщениями. Единичная HTTP транзакция состоит из одного запроса от
клиента серверу, за которым следует ответ сервера данному клиенту.

24.

25.

Web страницы
Под web-страницей понимаются файл, который содержит информацию,
описанную на языке гипертекстовой разметки HTML, и который может
включать гиперссылки на другие web страницы.

26.

Концептуально веб-страницы объединяют в себе два аспекта:
1. Информационное наполнение
2. Представление информационного наполнения
Пройдены следующие этапы в развитии взаимодействия этих аспектов:
Статические вебстраницы –
информационное
наполнение и
реализация его
представления
располагаются в
одном файле
Каскадные
таблицы стилей
(CSS) для вебстраниц –
содержимое и
реализация его
размещаются
отдельно
Динамические
веб-страницы – и
содержимое и
реализация его
представления
размещаются
отдельно от самой
страницы

27.

Статические веб-страницы
Веб-страница состоит из набора инструкций гипертекстового языка
разметки (Hypertext Markup Language, HTML), которые
сообщают броузеру, как должно быть представлено содержимое вебстраницы.
<HTML>
<HEAD>
<TITLE> Список сотрудников </TITLE>
</HEAD>
<BODY>
<H2> Список сотрудников нашей фирмы </H2>
<H3> Составлено : 01 июля 2012 года </H3>
<p>Данный список содержит фамилии, имена и отчества
всех сотрудников нашей компании. </P>
<p>Список может быть использован только в служебных
целях. </P>
</BODY>
</HTML>
</HEAD>

28.

недостатки:
1. Сложность в редактировании и сопровождении - содержимое
страницы и информация о его представлении располагаются
вместе.
2. Файлы с такими страницами имеют большие размеры - так как
стиль
каждого
элемента
информационного
наполнения
описывается индивидуально, страницы быстро разрастаются в
размерах, что влечет за собой увеличение времени загрузки.

29.

CSS стили
Веб-стандарты - это обобщенный набор «правил», которым следуют
(более или менее точно) броузеры при выводе веб-страниц на экран.
Содержимое
CSS - документ
Представление
ВебСТРАНИЦА
содержимое и реализация его размещаются
отдельно
CSS (Cascading Style Sheets) представляют собой простой механизм добавления
стилей отображения в веб-документы (цвета, шрифты, отступы), причем вся
информация о представлении располагается в самостоятельном файле,
отдельно от содержимого.

30.

Использование каскадных таблиц стилей для управления представлением имеет следующие важные преимущества:
1. Такие страницы намного проще поддерживать и изменять. Если
вдруг потребуется изменить цвет всех заголовков, достаточно будет
исправить лишь одну строку в файле CSS.
2. Размеры обоих файлов значительно меньше, что позволяет загру-
жать их гораздо быстрее, чем без использования CSS.
3. Файл
CSS
может
кэшироваться
(сохраняться)
на
локальном
компьютере, что ликвидирует необходимость загружать его всякий
раз, когда посетитель открывает другую страницу, использующую те
же самые правила оформления.
Один и тот же файл CSS может использовать множество различных
страниц, что обеспечивает единство стиля оформления всего сайта

31.

Динамические веб-страницы
Система управления содержимым (Content Management System - CMS) – это
набор сценариев, которые помогают отделить содержимое от его
представления
СОДЕРЖИМОЕ
CMS
CSS

32.

Администратор
CMS
Веб-сайт под
управлением CMS
БД SQL
Содержимое, сгенерированное
автоматически

33.

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

34.

Статический веб-сайт
Страница с системой управления
содержимым
Для создания начальных страниц
Начальные страницы создаются
очень просто
требуется затратить много времени, так как
необходимо установить большое число
сценариев, настроить базу данных и
создать шаблоны
Содержимое по своей природе
Содержимое динамично для его
статично - для его изменения
изменения не требуется обладать
требуется иметь определенный
техническими навыками, а изменение в
опыт, а многие элементы
одном месте может оказать влияние на
содержимого должны
весь сайт
редактироваться отдельно, на
каждой странице

35.

Статический веб-сайт
Страница с системой управления
содержимым
Добавление новой
функциональности сопряжено с
определенными трудностями, так
как это нередко влечет за собой
необходимость создания
дополнительных сценариев
Большинство систем управления содержимым
имеет массу расширений, которые легко
подключаются

36.

1.
2.
3.
4.
Wordpress. На первом месте во всех рейтингах CMS стоит Wordpress –
самая популярная система управления контентом в Рунете (около 70%
русскоязычных сайтов стоят именно на ней) . Позволяет с лёгкостью
выстраивать структуру сайта, управлять информационными блоками
на страницах, размещать и распределять любой контент.
Joomla. Одной из популярнейших CMS после Wordpress можно
признать систему Joomla – простой и функциональный движок для
сайтов разной сложности. Он позволяет легко определять структуру
сайта, организовывать различные разделы, управлять самим
контентом.
Drupal. Позволяет легко организовывать работу сайта, структурировать
его содержимое, создавать различные разделы и управлять контентом
страниц. Система предлагает хороший набор тем, на основе которых
можно создать собственный дизайн.
DataLife Engine. На CMS DataLife Engine в основном создаются
информационные ресурсы

37.

5.
6.
7.
uCoz – применяется в первую очередь на бесплатных сайтах на
хостинге uCoz. Позволяет создавать ресурсы любой сложности и
назначения, легко управлять контентом, создавать множество
разделов и рубрик на сайте и руководить их работой. Имеет широкие
возможности в отношении дизайна, хотя они более ограниченны по
сравнению с той же Wordpress или Joomla. Очень проста в настройке
и использовании.
TYPO3. CMS TYPO3 изначально рассчитана на малые и средние вебпроекты, связанные с предпринимательством. Позволяет легко
структурировать сайт, предлагает набор высокофункциональных
плагинов, возможности в отношении разработки дизайна и простого
управления контентом.
MDOX – довольно удобная CMS, рассчитана во многом на неопытных
пользователей. MDOX позволяет легко организовать работу сайта,
выстроить собственный дизайн, настроить работу модулей. Также
даёт возможность загружать и использовать любые типы файлов.
Система оптимизирована под поисковые системы.