Программирование в Интернет

Программа
Синтаксис HTML
Каскадные таблицы стилей
JavaScript
XML
Серверные технологии

Основные понятия
Интернет — это глобальная информационная система, которая:
1. логически взаимосвязана пространством глобальных уникальных адресов, основанных на Интернет-протоколе (IP);
2. способна поддерживать коммуникации с использованием семейства Протокола управления передачей/Интернет-протокола (TCP/IP);
3. обеспечивает, использует или делает доступной, на общественной или частной основе, высокоуровневые сервисы, надстроенные над описанной здесь коммуникационной и иной связанной с ней инфраструктурой.

Основные понятия
Интернет
Сервисы Интернет (WWW, E-mail, FTP, ...)
Протокол - система соглашений о передачи и приеме данных в сети
Сервер - компьютер или программа, предоставляющая некоторые услуги другим компьютерам или программам. На одном компьютере могут работать несколько разных серверов.
Клиент - это компьютер или программа, использующая ресурсы сервера. На одном компьютере одновременно могут работать несколько клиентов.
Пользователь
Адресация. IP-адреса, URL, URI.

IP - адреса
172.16.0.99
10101100 00010000 00000000 01100011
Биты, задающие класс адреса
Номер (адрес) сети
Номер компьютера

URL (uniform resource locator)
http://www.isu.ru:8088/~slava/rchair.htm?p1=v1&p2=v2#mark
Имя
www-сервера
Путь к файлу
Имя файла
протокол
Запрос
Метка
Порт

Домены

Интернет WWW
World Wide Web
Всемирная паутина

Уровни функционирования Интернет

Протоколы
IP – интернет-протокол
TCP – протокол управления передачей (transfer control protocol)
Telnet – протокол терминального подключения к удаленному компьютеру, исторически был одним из первых, сейчас используется редко
FTP – file transfer protocol, протокол передачи данных в виде файлов
HTTP- hyper text transfer protocol, основной протокол передачи данных в WWW
POP3, IMAP, SMTP – протоколы передачи электронной почты, входящие и исходящий
NNTP – протокол передачи новостей или телеконференций

Подробная схема работы WWW
DNS

Подробная схема работы WWW
http-протокол
tcp-протокол
DNS

Подробная схема работы WWW
http-протокол
tcp-протокол
ip-протокол
DNS

Подробная схема работы WWW
http-протокол
tcp-протокол
ip-протокол
DNS

Подробная схема работы WWW
http-протокол
tcp-протокол
ip-протокол
DNS

Подробная схема работы WWW
ip-протокол
DNS
http-протокол
tcp-протокол

WWW-сайт
Тематически единый и оформленный в едином стиле объём информации, выполненный в виде гипертекста и расположенный на WWW-сервере

WWW-страница
WWW-страница соответствует тому объёму информации, который поступает на клиентский компьютер при одном действии пользователя (обращении к одному адресу)
WWW-страница состоит из главного файла (обычно HTML-файл) и файлов, представляющих отдельные части страницы
Имеет свой адрес (URL)

клиент
WWW-клиенты
Браузеры: MS Internet Explorer, Mozilla FireFox, Opera и т.д.
Визуализируют WWW-страницы
Получают файлы WWW-страниц по http-протоколу
браузер
локальные файлы
(локальная версия сайта)
сервер
файлы сайта
http-протокол

Организация WWW-страницы
Простой вариант страницы (html, swf и т.д.)
Страница, использующая динамический HTML
Фреймы
frame2.html

Динамический HTML
Страница не статична, а реагирует на действия пользователя
Основной способ реализации:
К каждому элементу страницы можно получить доступ из программы и изменить его

Статические сайты
Статические страницы
Страницы хранятся на сайте в том же виде, в котором передаются клиенту

Динамические сайты
Динамические страницы
Страницы формируются в момент получения запроса от клиента
Способы формирования:
Универсальные программы (.exe и т.п.)
Скриптовые программы (т.е. программы, состоящие из инструкций, интерпретируемых WWW-сервером)
XML + XSLT

Визуализация информации сайта
База данных (сервер БД) → Программа → HTML → Браузер
Внешние сервера → XML-данные + XSLT-таблица → HTML → Браузер
XML + XSLT → Браузер
HTML + JavaScript → Браузер

Выполнение программ на стороне сервера и на стороне клиента
сервер
клиент
данные
программа
браузер
HTML + JavaScript
интерпретирует java-скрипт

Выполнение программ на стороне сервера и на стороне клиента
сервер
клиент
данные
программа
браузер
HTML + данные + программы
внешние программы
плагины

Технология создания сайтов

Технологическая цепочка разработки сайта
Автор идеи
(директор проекта, заказчик)
Цели и задачи
Содержание
Способ функциони-рования
1. Постановка задачи

Технологическая цепочка разработки сайта
Автор идеи
(директор проекта, заказчик)
Цели и задачи
Содержание
Способ функциони-рования
1. Постановка задачи

Элементы страницы
Графичекие эл-ты
Общая схема страницы, стилевой файл
Веб-
дизайнер
HTML-
кодер
База
данных