Web-технологии и web-дизайн. Введение
Содержание l Основные понятия l Web-технологии l Веб-браузеры l Протокол HTTP l Скрипты клиентские и серверные l Литература
Основные термины и понятия l l l Web, World Wide Web, Всемирная паутина Internet, Интернет, «Инет» , Internet Веб-технологии Content, Содержание, Контент URI страницы, включает: l l l Метод доступа к ресурсу, т. е. протокол доступа (http). Cетевой адрес ресурса (www. yandex. ru). Полный путь к файлу на сервере (all_services. html).
Web-технологии: особенности l l l l техническая основа тонкие клиенты: web-браузеры текстовая и статично-графическая подача информации число потребителей не ограничено ссылки на другие публикации поисковые машины доставка и тиражирование контента бесплатны
Web-технологии: достоинства l интуитивно понятный интерфейс l широкая употребимость l браузерами обеспечены все современные компьютеры и большое число «гаджетов» l простые для освоения l крайне дешевые
Клиент-серверные технологии
Сайты и страницы, сервисы, порталы l Web-страница (гипертекстовый документ) l Сайт (веб-сайт) l Сервис (веб-сервис) l Web-сервер (более точно — httpсервер) l Веб-портал
Взаимодействие: Веб-сервер и браузер l Все сайты открываются браузерами как html-документы l Все современные сайты имеют динамические элементы l Браузер и веб-сервер взаимодействуют по технологии клиент-сервер
Взаимодействие: Веб-сервер и браузер 2
Динамический контент
Веб-браузеры l Современный браузер выполняет следующие функции: обеспечение передачи данных по протоколам http и https; l обработка контента веб страницы (css, java. Script, медиа-файлы); l
Классификация браузеров l По-типу устройства для которого написаны: l l l По-типу интерфейса l l l Десктоп-компьютеры Мобильные устройства Графические Текстовые По-режиму доступа l l On-line Off-line
l клиентское приложение посылает веб -серверу информацию о себе: текстовая строка, являющаяся частью HTTP запроса, начинающаяся с User- Agent l Обзор наиболее часто встречающихся браузеров для десктоп-компьютеров http: //www. netmarketshare. com/? source =NASite
Протокол HTTP l HTTP (англ. Hyper. Text Transfer Protocol — «протокол передачи гипертекста» ) — протокол прикладного уровня передачи данных. HTTP в настоящее время повсеместно используется для получения информации с веб-сайтов.
Протокол HTTP l объектом манипуляции – ресурс l Схема обмена: «запрос-ответ» l HTTP не сохраняет своего состояния
Структура протокола HTTP l Стартовая строка (англ. Starting line) l Заголовки (англ. Headers) l Тело сообщения (англ. Message Body)
Пример диалога по протоколу HTTP l l Запрос: GET /wiki/HTTP/1. 1 Host: ru. wikipedia. org User-Agent: Mozilla/5. 0 (X 11; U; Linux i 686; ru; rv: 1. 9 b 5) Gecko/2008050509 Firefox/3. 0 b 5 Accept: text/html Connection: close Ответ: HTTP/1. 0 200 OK Server: nginx/0. 6. 31 Content-Language: ru Content-Type: text/html; charset=utf-8 Content-Length: 1234 Connection: close <содержимое запрошенной страницы>
Клиентские скрипты l программы на скриптовом языке обрабатывает браузер l недостаток: обработка скрипта зависит от браузера пользователя l преимущество: обработка скриптов выполняется без отправки документа на сервер l самым распространенным является Java. Script
Серверные скрипты Запрос – обработка скриптов – ответ в виде HTML-страницы l работа серверных скриптов зависит от технологий, поддерживаемых сервером l наиболее распространенными являются Php, perl, Asp. net, Java (JSP) l
Литература l http: //ru. html. net/tutorials/html/ l http: //www. wisdomweb. ru/HTML 5/index. php l http: //learn. javascript. ru/
Скачать презентацию Web-технологии и web-дизайн Введение Содержание l Основные
лекция 1 - введение.ppt