Введение в webтехнологии web-программирование (php)
Содержание • • • Структура и принципы web Введение в клиент-серверные технологии web Протоколы передачи данных Языки разметки HTML, XML Роль PHP и Java. Script web-программирование (php)
Структура и принципы web Web – всемирная паутина (world wide web) или просто паутина (the Web) – распределенная система связанных между собой компьютеров с предоставлением доступа к файлам, расположенным на них. Большинство ресурсов всемирной паутины – гипертекстовые документы, читаемые браузерами. Web включает в себя не только сайты (протокол http), но и специальные сервисы: электронная почта, файловые хранилища, сервис точного времени и другие. Понятие "Web 2. 0" используется для определения сайтов с ярко выраженной обратной связью с пользователями. web-программирование (php)
Структура и принципы web-программирование (php)
Введение в клиент-серверные технологии web-программирование (php)
Протоколы передачи данных Протокол – набор соглашений, описывающий механизм обмена сообщениями между отдельными программами. Примеры интернет-протоколов: • HTTP – hypertext transfer protocol – протокол передачи гипертекста • POP 3 – post office protocol, v. 3 – протокол получения почтовых сообщений • SMTP – simple mail transfer protocol – протокол отправки почтовых сообщений • FTP – file transfer protocol – протокол передачи файлов • Telnet – terminal network – сетевой протокол реализации текстового терминального доступа • DNS – domain name system – система получения информации о доменах web-программирование (php)
Протоколы передачи данных Большинство интернет-протоколов инкапсулированы в TCP/IP и действуют по принципу: "соединение ==> запрос ==> ответ ==> отключение". Пример запроса HTTP: GET /id 5982250 HTTP/1. 1 Host: vkontakte. ru User-Agent: Mozilla/5. 0 Accept: text/html, application/xhtml+xml, application/xml; q=0. 9, */*; q=0. 8 Accept-Language: ru, en-us; q=0. 7, en; q=0. 3 Accept-Encoding: gzip, deflate Accept-Charset: windows-1251, utf-8; q=0. 7, *; q=0. 7 Keep-Alive: 300 Connection: keep-alive Cookie: remixchk=5; remixclosed_tabs=391939; . . . web-программирование (php)
Протоколы передачи данных Пример ответа HTTP: HTTP/1. 1 200 OK Server: nginx/0. 7. 59 Date: Tue, 31 Aug 2010 21: 38: 41 GMT Content-Type: text/html; charset=windows-1251 Transfer-Encoding: chunked Connection: keep-alive X-Powered-By: PHP/5. 2. 6 -1+lenny 3 Pragma: no-cache Cache-control: no-store Content-Encoding: gzip Vary: Accept-Encoding 3 ec 5. . . }ks. G. . w. . F -. . . . , . c. . . o. O. E 4. . . web-программирование (php)
Протоколы передачи данных Пример обмена сообщениями POP 3: +OK USER catch 2000 +OK Password required for user catch 2000 PASS ***** +OK Welcome! STAT +OK 1 4096 LIST +OK 1 messages (4096 octets) 1 3700 UIDL +OK 1 messages (4096 octets) 1 12366*****5404 QUIT +OK POP 3 server at inbox. ru signing off web-программирование (php)
Языки разметки HTML, XML SGML – standard generalized markup language – стандартный обобщенный язык разметки, прародитель HTML, XML и многих других. При помощи обобщенного метаязыка авторы документа размечают свои документы, вводя структурную, представительную и семантическую информацию параллельно с основным содержимым – контентом. Документ SGML состоит из пролога и содержимого документа. Пролог дает пояснение интерпретатору, каким образом обрабатывать документ. Состоит пролог из SGML-декларации и определения типа документа (DTD), в котором описаны элементы и сущности документа. web-программирование (php)
Языки разметки HTML, XML HTML – hypertext markup language – стандартный язык разметки документов в интернете. <!DOCTYPE html PUBLIC "-//W 3 C//DTD XHTML 1. 0 Transitional//EN" "http: //www. w 3. org/TR/xhtml 1/DTD/xhtml 1 -transitional. dtd"> <html> <head> <title>Проект</title> <script type="text/javascript" src="/js/jquery. js" language="Java. Script" /> <link type="text/css" href="/css/pr. css" rel="stylesheet" media="screen" /> </head> <body> <div style="padding: 0 10 px; "> Всякое в жизни случается, авось пригодится. . . </div> </body> </html> web-программирование (php)
Языки разметки HTML, XML – extensible markup language – расширяемый язык разметки широкого профиля. <? xml version="1. 0" encoding="UTF-8"? > <!-- You may freely edit this file. See commented blocks below for --> <!-- some examples of how to customize the build. --> <!-- (If you delete it and reopen the project it will be recreated. ) --> <project name="Taxi. ME" default="jar" basedir=". "> <description>Builds, tests, and runs the project. </description> <import file="nbproject/build-impl. xml"/> </project> web-программирование (php)
Роль HTML и CSS Hyper. Text Markup Language – язык разметки гипертекста. Язык HTML описывает структуру и содержимое документа, отображаемого пользователю специальной программой – браузером. Cascading Style Sheets – каскадные таблицы стилей. Надстройка над языком разметки для упрощения описания внешнего вида документа. Пользователь вводит адрес в браузере, браузер делает запрос на сервер, в ответ получает, как правило, страницу в формате HTML, внутри которой даны ссылки на файлы оформления *. css или тег <style></style>. WEB-страница отображается браузером. Браузер отрисовывает её так, как задано тегами в HTML, применяя поверх стили CSS. web-программирование (php)
Роль PHP и Java. Script HTML-документ может быть размещен на сервере и запрошен клиентом в своем статичном виде, либо сформирован "на лету" с содержимым, зависящим от самого запроса или других факторов. HTTP-запросы получает специальное приложение – webсервер. По запросу будет найден файл. По расширению файла, и исходя из настроек сервера, определяется, выдать его в поток без изменений, либо выполнить как обычную программу, либо выполнить через интерпретатор. Интерпретаторы загружают указанный файл, компилируют и выполняют его "на лету", выдавая результат в поток. Одним из интерпретаторов, как раз, является PHP – personal home page tools – изначально, набор скриптов на Perl'е. web-программирование (php)
Роль PHP и Java. Script На стороне браузера HTML-страница отображается в соответствии с описанным в ней же форматированием. Изначально, чтобы полученная информация или ее часть сменилась, браузеру было необходимо получить новую страницу целиком с сервера и подменить ею старую. Для реализации динамичности страниц, более отзывчивого интерфейса сайтов, ставших скорее сервисами, чем набором документов, потребовался язык, работающий на стороне пользователя со структурой и содержимым загруженного HTML-документа. Таким языком стал Java. Script не имеет отношения к языку Java, исполняется браузером на компьютере пользователя в контексте текущей страницы. web-программирование (php)
Роль PHP и Java. Script web-программирование (php)
Полезные источники информации HTML и CSS для начинающих: 1. 2. 3. 4. http: //htmlbook. ru/samhtml http: //htmlbook. ru/samcss http: //www. intuit. ru/department/internet/vinhtmlcss/ (видео) http: //www. intuit. ru/department/internet/htmlbasics/ Java. Script для начинающих: 1. http: //javascript. ru/tutorial 2. http: //www. intuit. ru/department/internet/jscs/ PHP для начинающих: 1. http: //www. intuit. ru/department/pl/plphp/ 2. http: //firststeps. ru/php 51. html 3. http: //www. php-book. ru/ web-программирование (php)
Скачать презентацию Введение в webтехнологии web-программирование php Содержание
WEB PHP 01 - Введение в web-технологии.ppt