实用页面设计方法1WEB开发基础.pptxVIP

实用页面设计方法

——WEB开发基础

课程结构内容课时（H）第一章：基本概念0.5第二章：WEB应用简介0.521April2025

第一章：基本概念21April2025学时：0.5学时教学方法：讲授ppt＋课堂演示目标:本章旨在向学员简要介绍WEB的基本概念，通过本课的学习，学员应该掌握如下知识：1）了解WEB开发的基本概念2）了解HTTP协议、C/S与B/S结构的相关知识

1.1常用的概念（一）21超文本（hypertext）超媒体（hypermedia）网页（WEBPage）

1.1常用的概念（二）WEB服务器（WEBServer）WEB客户端（WEBClient）WEB浏览器（WEBBrowser）

统一资源定位符（URL）UniformResourceLocator描述信息资源组成：协议+服务器地址（端口）+具体资源路径统一资源标识符（URI）UniformResourceIdentifier包括URL和URN1.1常用的概念（三）

超文本传输协议（HTTP）HyperTextTransferProtocol是WEB开发的核心在TCP/IP协议之上网址以“http://”开头1.2HTTP协议

1.2.1HTTP协议特点特点无状态请求（Request）/应答（Response）内容类型：包含两部分（text/html）类型：被发送文件的基本类型子类型：指定文件的格式或者指定创建文件的应用程序明文传输21April2025

1.2.2HTTP通信机制通信机制建立连接发送请求发送响应关闭连接12

1.2.3HTTP请求/响应（一）HTTP请求（get）GET/books?name=Professional%20AjaxHTTP/1.1User-Agent:Mozilla/5.0(Windows;U;WindowsNT5.1;en-US;rv:1.7.6)Connection:Keep-Alive（此处空一行）21April2025请求行请求头传参

1.2.3HTTP请求/响应（一）HTTP请求（post）POST/HTTP/1.1User-Agent:Mozilla/5.0(Windows;U;WindowsNT5.1;en-US;rv:1.7.6)Content-Type:application/x-www-form-urlencodedContent-Length:40Connection:Keep-Alive（此处空一行）name=Professional%20Ajaxpublisher=Wiley21April2025请求行请求头请求数据体

1.2.3HTTP请求/响应（二）HTTP响应HTTP/1.1200OKSet-Cookie:JSESSIONID=D5695E27216A1A726DCD7E4424D7C8C9;Path=/Content-Type:text/htmlContent-Length:40Date:Wed,20Feb200806:37:25GMTServer:Apache-Coyote/1.1Connection:close（此处空一行）htmlbodyi=1/html/body21April2025应答状态行应答头应答体

1.2.4模拟HTTP通信响应模拟通信环境：jdk、Tomcat操作1、建立test.jsp2、telnetlocalhost80803、GET/test.jspHTTP/1.04、GET/test_1.jspHTTP/1.021April2025

1.3.5WEB访问处理过程

1.3C/S与B/S概念C/S架构主要应用于局域网充分利用两端硬件环境，降低系统通信开销，提供丰富的客户端控制能力B/S架构主要应用于广域网软件业务逻辑大部分在服务器端实现，不必开发客户端，应用广泛，易于分发维护服务器处理请求时，浏览器处于loading状态Web应用程序开发采用B/S模式21April2025

1.3C/S与B/S比较比较C/SB/S硬件小范围，固定可以无专门硬件安全用户固定，强用户不可知，较弱程序架构注重流程注重安全及速度软件重用复杂，不方便构件独立，便于重用维护两端维护服务器个别构件维护用户接口以Window平台为基础，接口有限建立在浏览器之上，表达丰富信息流中央集权，交互性低流向可变，类似交易中心21April2025

学时：0.5学时教学方法：讲授ppt＋课堂演示目标:本章旨在向学员简要介绍WEB的相关应用，通过本课的学习，学员应该掌握如下知识：了解WEB开发中相关技术应用第二章：WE