实用页面设计方法_1_WEB开发基础ppt [兼容模式].pdf

《实用页面设计方法_1_WEB开发基础ppt [兼容模式].pdf》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、实用页面设计方法——WEB开发基础1课程结构内容课时（H）基本概念0.5WEB应用简介2013年7月20日星期六第一章基本概念目标:本章旨在向学员简要介绍WEB的基学时：0.5学时本概念，通过本课的学习，学员应该掌握如下知识：教学方法：讲授1）了解WEB开发的基本概念ppt＋课堂演示2）了解HTTP协议、C/S与B/S结构的相关知识2013年7月20日星期六1.1常用的概念（一）•超文本（hypertext）•超媒体（hypermedia）•网页（WEBPage）2013年7月20日4星期六1.1常用的概念（二）•WEB服务器（WEBServer）•WEB客户端（WEBClie

2、nt）•WEB浏览器（WEBBrowser）2013年7月20日5星期六1.1常用的概念（三）•统一资源定位符（URL）–UniformResourceLocator–描述信息资源–组成：协议+服务器地址（端口）+具体资源路径•统一资源标识符（URI）–UniformResourceIdentifier–包括URL和URN2013年7月20日6星期六1.2HTTP协议•超文本传输协议（HTTP）–HyperTextTransferProtocol–是WEB开发的核心–在TCP/IP协议之上–网址以“http://”开头2013年7月20日7星期六1.2.1HTTP协议特点•特点

3、–无状态–请求（Request）/应答（Response）–内容类型：包含两部分（text/html）•类型：被发送文件的基本类型•子类型：指定文件的格式或者指定创建文件的应用程序–明文传输2013年7月20日8星期六1.2.2HTTP通信机制•通信机制–1、建立连接–2、发送请求–3、发送响应–4、关闭连接2013年7月20日9星期六1.2.3HTTP请求/响应（一）•HTTP请求（get）传参请求行–GET/books?name=Professional%20AjaxHTTP/1.1–Host:www.wrox.com–User-Agent:Mozilla/5.0(Wind

4、ows;U;WindowsNT5.1;en-US;rv:1.7.6)–Gecko/20050225Firefox/1.0.1请求头–Connection:Keep-Alive–（此处空一行）2013年7月20日10星期六1.2.3HTTP请求/响应（一）•HTTP请求（post）请求行–POST/HTTP/1.1–Host:www.wrox.com–User-Agent:Mozilla/5.0(Windows;U;WindowsNT5.1;en-US;rv:1.7.6)–Gecko/20050225Firefox/1.0.1–Content-Type:application/x

5、-www-form-urlencoded–Content-Length:40请求头–Connection:Keep-Alive–（此处空一行）–name=Professional%20Ajax&publisher=Wiley请求数据体2013年7月20日11星期六1.2.3HTTP请求/响应（二）•HTTP响应应答状态行–HTTP/1.1200OK–Set-Cookie:JSESSIONID=D5695E27216A1A726DCD7E4424D7C8C9;Path=/–Content-Type:text/html–Content-Length:40–Date:Wed,20Fe

6、b200806:37:25GMT–Server:Apache-Coyote/1.1应答头–Connection:close–（此处空一行）––i=1应答体–2013年7月20日12星期六两种传输方式(Get/Post)的比较•客户端提交请求的方式：•在HTTP1.1中支持7种请求方式：常用主要是GET/POST。•GET方式：•浏览器地址栏直接输入URL访问；•点击超链接访问；•提交表单，并且