Понравилась презентация – покажи это...
Слайд 0
Программирование в Интернет
Петухин Вячеслав Алексеевич
1 семестр, 72 часа лекций, 38 часов практики, 38 часов лабораторных.
http://math.isu.ru/ru/chairs/it/ip/
Слайд 1
Программа
Синтаксис HTML
Каскадные таблицы стилей
JavaScript
XML
Серверные технологии
Слайд 2
Основные понятия
Интернет — это глобальная информационная система, которая:
1. логически взаимосвязана пространством глобальных уникальных адресов, основанных на Интернет-протоколе (IP);
2. способна поддерживать коммуникации с использованием семейства Протокола управления передачей/Интернет-протокола (TCP/IP);
3. обеспечивает, использует или делает доступной, на общественной или частной основе, высокоуровневые сервисы, надстроенные над описанной здесь коммуникационной и иной связанной с ней инфраструктурой.
Слайд 3
Основные понятия
Интернет
Сервисы Интернет (WWW, E-mail, FTP, ...)
Протокол - система соглашений о передачи и приеме данных в сети
Сервер - компьютер или программа, предоставляющая некоторые услуги другим компьютерам или программам. На одном компьютере могут работать несколько разных серверов.
Клиент - это компьютер или программа, использующая ресурсы сервера. На одном компьютере одновременно могут работать несколько клиентов.
Пользователь
Адресация. IP-адреса, URL, URI.
Слайд 4
IP - адреса
172.16.0.99
10101100 00010000 00000000 01100011
Биты, задающие класс адреса
Номер (адрес) сети
Номер компьютера
Слайд 5
URL (uniform resource locator)
http://www.isu.ru:8088/~slava/rchair.htm?p1=v1&p2=v2#mark
Имя www-сервера
Путь к файлу
Имя файла
протокол
Запрос
Метка
Порт
Слайд 6
Домены
Слайд 7
Интернет WWW
World Wide Web
Всемирная паутина
Слайд 8
Уровни функционирования Интернет
Слайд 9
Протоколы
IP – интернет-протокол
TCP – протокол управления передачей (transfer control protocol)
Telnet – протокол терминального подключения к удаленному компьютеру, исторически был одним из первых, сейчас используется редко
FTP – file transfer protocol, протокол передачи данных в виде файлов
HTTP- hyper text transfer protocol, основной протокол передачи данных в WWW
POP3, IMAP, SMTP – протоколы передачи электронной почты, входящие и исходящий
NNTP – протокол передачи новостей или телеконференций
Слайд 10
Подробная схема работы WWW
DNS
Слайд 11
Подробная схема работы WWW
http-протокол
tcp-протокол
DNS
Слайд 12
Подробная схема работы WWW
http-протокол
tcp-протокол
ip-протокол
DNS
Слайд 13
Подробная схема работы WWW
http-протокол
tcp-протокол
ip-протокол
DNS
Слайд 14
Подробная схема работы WWW
http-протокол
tcp-протокол
ip-протокол
DNS
Слайд 15
Подробная схема работы WWW
ip-протокол
DNS
http-протокол
tcp-протокол
Слайд 16
WWW-сайт
Тематически единый и оформленный в едином стиле объём информации, выполненный в виде гипертекста и расположенный на WWW-сервере
Слайд 17
WWW-страница
WWW-страница соответствует тому объёму информации, который поступает на клиентский компьютер при одном действии пользователя (обращении к одному адресу)
WWW-страница состоит из главного файла (обычно HTML-файл) и файлов, представляющих отдельные части страницы
Имеет свой адрес (URL)
Слайд 18
клиент
WWW-клиенты
Браузеры: MS Internet Explorer, Mozilla FireFox, Opera и т.д.
Визуализируют WWW-страницы
Получают файлы WWW-страниц по http-протоколу
браузер
локальные файлы
(локальная версия сайта)
сервер
файлы сайта
http-протокол
Слайд 19
Организация WWW-страницы
Простой вариант страницы (html, swf и т.д.)
Страница, использующая динамический HTML
Фреймы
frame2.html
Слайд 20
Динамический HTML
Страница не статична, а реагирует на действия пользователя
Основной способ реализации:
К каждому элементу страницы можно получить доступ из программы и изменить его
Слайд 21
Статические сайты
Статические страницы
Страницы хранятся на сайте в том же виде, в котором передаются клиенту
Слайд 22
Динамические сайты
Динамические страницы
Страницы формируются в момент получения запроса от клиента
Способы формирования:
Универсальные программы (.exe и т.п.)
Скриптовые программы (т.е. программы, состоящие из инструкций, интерпретируемых WWW-сервером)
XML + XSLT
Слайд 23
Визуализация информации сайта
База данных (сервер БД) ® Программа ® HTML ® Браузер
Внешние сервера ® XML-данные + XSLT-таблица ® HTML ® Браузер
XML + XSLT ® Браузер
HTML + JavaScript ® Браузер
Слайд 24
Выполнение программ на стороне сервера и на стороне клиента
сервер
клиент
данные
программа
браузер
HTML + JavaScript
интерпретирует java-скрипт
Слайд 25
Выполнение программ на стороне сервера и на стороне клиента
сервер
клиент
данные
программа
браузер
HTML + данные + программы
внешние программы
плагины
Слайд 26
Технология создания сайтов
Слайд 27
Технологическая цепочка разработки сайта
Автор идеи
(директор проекта, заказчик)
Цели и задачи
Содержание
Способ функциони-рования
1. Постановка задачи
Слайд 28
Технологическая цепочка разработки сайта
Автор идеи
(директор проекта, заказчик)
Цели и задачи
Содержание
Способ функциони-рования
1. Постановка задачи
Слайд 29
Элементы страницы
Графичекие эл-ты
Общая схема страницы, стилевой файл
Веб-
дизайнер
HTML-
кодер
База
данных
Слайд 30
Технологии специализации
HTML + CSS. Активное использование каскадных таблиц стилей для форматирования – выделение оформления в стилевые файлы.
Специализированные редакторы (Dreamweaver). Автоматизируют создание набора страниц сайта.
SSI. (Server Side Include) Вставки на стороне сервера. Позволяют собирать страницу «из кусков».
Динамический сайт (программа + база данных) Позволяют произвольным образом генерировать страницу по данным.