'

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

Понравилась презентация – покажи это...





Слайд 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) Вставки на стороне сервера. Позволяют собирать страницу «из кусков». Динамический сайт (программа + база данных) Позволяют произвольным образом генерировать страницу по данным.


×

HTML:





Ссылка: