实用页面设计方法_1_WEB开发基础ppt [兼容模式]-第一文库 | 海量文档资源下载与分享平台

免费试读已结束，剩余 16 页请下载文档后查看

15 金币

下载此文档

/ 26

下载提示文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

实用页面设计方法——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客户端（WEBClient）•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协议特点•特点–无状态–请求（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(Windows;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-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,20Feb200806:37:25GMT–Server:Apache-Coyote/1.1应答头–Connection:close–（此处空一行）–<html><body>–i=1应答体–</html></body>2013年7月20日12星期六两种传输方式(Get/Post)的比较•客户端提交请求的方式：•在HTTP1.1中支持7种请求方式：常用主要是GET/POST。•GET方式：•浏览器地址栏直接输入URL访问；•点击超链接访问；•提交表单，并且<form>元素的method=“get”，或者不设置method属性时。•POST方式(推荐使用)：•数据被包含在http请求的主体中•提交表单，并且<form>元素的method=“post”。•GET/POST的区别：•安全性、编码方