Учебный курс Введение в HTML и CSS Лекция 1 История развития технологий Всемирной Сети и основные инструменты кандидат технических наук Павел Брониславович Храмцов paul@kiae.su 1 Литература 2 История развития гипертекста 1945. Ванневар Буш. Memex 1965. Тед Нельсон. "Гипертекст" 1968. Дуглас Енжильбард. Мышь + гипертекстовый интерфейс 1975. ZOG/KMS ---> Norton Commander 1987. HYPERTEXT`87 1989. World Wide Web: Proposal for HyperText Project (Tim Berners-Lee) 3 История развития web-технологий 1990. HTTP => Архитектура "Клиент-сервер" 1990. HTML 1990. URL (URI) 1993. HTML FORMS + CGI (Mosaic -> Mozilla) 1995. HTML + JavaScript (Netscape) 1995. IE -> ASP, CSS, Channels (XML)… 1995. Java -> Applets, Servlets, JSP, … ... XML, XSL (XSLT), Ajax … 4 Обмен данными в рамках WWW Клиент (мультипротокольный) FTP - сервер FTP HTTP - Сервер HTTP HTML URL (URI) CSS JavaScript Java Plug-ins CGI SSI PHP ASP JSP API Perl Java 5 Преимущества HTML Важным моментом, повлиявшим на судьбу HTML, стало то, что в качестве основы был выбран обычный текстовый файл. Выбор был сделан под влиянием следующих факторов: • такой файл можно создать в любом текстовом редакторе на любой аппаратной платформе в среде какой угодно операционной системы; • к моменту разработки HTML существовал американский стандарт для разработки сетевых информационных систем — Z39.50, в котором в качестве единицы хранения указывался простой текстовый файл в кодировке LATIN1, что соответствует US ASCII. 6 Преимущества HTML. Часть 2 Таким образом, гипертекстовая база данных в концепции WWW — это набор текстовых файлов, размеченных на языке HTML, который определяет форму представления информации (разметка) и структуру связей между этими файлами и другими информационными ресурсами (гипертекстовые ссылки). Гипертекстовые ссылки, устанавливающие связи между текстовыми документами, постепенно стали объединять самые различные информационные ресурсы, в том числе звук и видео; в результате возникло новое понятие — гипермедиа. 7 Универсальный идентификатор - URI Universal Resource Identifier – универсальный идентификатор. URI определяет способ записи (кодирования) адресов различных информационных ресурсов при обращении к ним из страниц WWW. Место применения URI – • гипертекстовые ссылки, которые записываются в тегах <A HREF=URI> и <LINK HREF=URI>; • встраиваемые графические объекты также адресуются по спецификации URI в тегах <IMG SRC=URI> и <FIG SRC=URI>. 8 Преимущества URI В основу URI были заложены следующие принципы: • Расширяемость - новые адресные схемы должны были легко вписываться в существующий синтаксис URI. • Полнота - по возможности, любая из существовавших схем должна была описываться посредством URI. • Читаемость - адрес должен был быть легко читаем пользователем, что вообще характерно для технологии WWW - документы вместе с ссылками могут разрабатываться в обычном текстовом редакторе. 9 Схемы адресации ресурсов Internet Схема HTTP: http://polyn.net.kiae.su/polyn/manifest.html http://144.206.160.40/risk/risk.htm http://144.206.130.137:8080/altai/index.htm http://polyn.net.kiae.su/altai/volume4.html#first http://polyn.net.kiae.su/isindex.html?keyword1+keyword2 http://polyn.net.kiae.su/isindex.html?keyword1%20keyword2 http://polyn.net.kiae.su/isindex.html?field1=value1&field2=value Схема FTP: ftp://nobody:password@polyn.net.kiae.su/users/local/pub 10