Web网页编程_01_Web开发基础.pdf

3 Sept.2008 Neusoft ConfidentialWeb网页编程 网页编程 Web开发基础开发基础Copyright 2008 By Neusoft Group.All rights reserved东软人才实训中心东软人才实训中心3 Sept.2008Confidential内容提要内容提要 WEB开发基本概念 WEB应用简介3 Sept.2008Confidential议题议题 WEB开发基本概念 WEB应用简介3 Sept.2008Confidential网页（网页（WEB Page）&网站（网站（WEB Site）网页（WEB Page）存储WEB信息的文档 一般是以htm或者html做为扩展名的文件 多半用HTML语言实现 网页元素：文字、图片、动画、声音、程序等 网站（WEB Site）由一系列网页组成3 Sept.2008ConfidentialWEB访问处理过程访问处理过程 WEB服务器（WEB Server）WEB客户端（WEB Client）WEB浏览器（WEB Browser）3 Sept.2008ConfidentialWEB核心要素核心要素 统一资源标识符（URL），这是一个世界通用的负责给万维网上例 如网页这样的资源定位的系统。超文本传送协议（HTTP），它负责规定浏览器和服务器怎样互相 交流。超文本标记语（HTML），作用是定义超文本文档的结构和格式。3 Sept.2008ConfidentialHTTP协议协议?从从WWW服务器传输超文本到本地浏览器的传送协议服务器传输超文本到本地浏览器的传送协议?WEB开发的三个标准之一开发的三个标准之一HTTP（HyperText Transfer Protocol）超文本传输协议）超文本传输协议?通过通过HTTP协议，使协议，使HTTP客户（如客户（如Web浏览器）能够从浏览器）能够从HTTP服务器（如服务器（如Web服务器）请求信息和服务服务器）请求信息和服务?使浏览器更加高效，使网络传输减少使浏览器更加高效，使网络传输减少3 Sept.2008ConfidentialHTTP请求请求&响应响应 HTTP请求格式 HTTP响应格式3 Sept.2008ConfidentialCS架构架构&BS架构架构?即即Client/Server（客户机（客户机/服务器）结构服务器）结构?早期的软件系统多以此作为首选设计标准。服务器通常采用高性能的早期的软件系统多以此作为首选设计标准。服务器通常采用高性能的PC、工作站或小型机，并采用大型数据库系统、工作站或小型机，并采用大型数据库系统?客户端安装专门的软件客户端安装专门的软件?主要应用于广域网主要应用于广域网?软件业务逻辑大部分在服务器端实现，不必开发客户端，应用广泛，易于分发维护软件业务逻辑大部分在服务器端实现，不必开发客户端，应用广泛，易于分发维护?用户界面完全通过浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现用户界面完全通过浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现 C/S B/S3 Sept.2008ConfidentialCS架构架构&BS架构比较架构比较比较比较C/SC/SB/S硬件小范围，固定可以无专门硬件B/S硬件小范围，固定可以无专门硬件安全安全用户固定，强用户固定，强用户不可知，较弱程序架构注重流程注重安全及速度用户不可知，较弱程序架构注重流程注重安全及速度软件重用软件重用复杂，不方便复杂，不方便构件独立，便于重用维护两端维护服务器个别构件维护构件独立，便于重用维护两端维护服务器个别构件维护用户接口用户接口以Window平台为基础，接口 有限以Window平台为基础，接口 有限建立在浏览器之上，表达丰 富信息流中央集权，交互性低流向可变，类似交易中心建立在浏览器之上，表达丰 富信息流中央集权，交互性低流向可变，类似交易中心3 Sept.2008Confidential议题议题 WEB开发基本概念 WEB应用简介3 Sept.2008ConfidentialWeb应用的特点应用的特点 Web是图形化的和易于导航的 可以将文本、图形、音频、视频集合于一体，页面跳转灵活 Web与平台无关 对系统平台没有限制 Web是分布式的 信息资源在物理上不必放在一起3 Sept.2008ConfidentialWeb开发开发 Web应用程序开发采用B/S架构，以HTML与HTTP为基础，为用 户提供界面一致的信息浏览方式 基于Web的应用程序通常是指通过http协议进行数据传输的应 用程序3 Sept.2008ConfidentialWeb开发技术开发技术 Web的前台技术 制作静态网页的技术 可以利用Flash、JavaScript和VBScript增加特效 Web的后台技术 实现客户端和服务器之间的动态交互 制作动态网页 依靠Web编程语言和Web数据库的支持访问数据库3 Sept.2008Confidential静态页面静态页面&动态页面动态页面 静态页面 内容相对固定不变，除了可以浏览网页的内容外，对它也不 能进行任何的操作 实现网页中的特效，但是这些效果都是简单重复的，任何人 访问该网页，都会看到相同的效果 动态页面 网页信息可以根据用户的需求或用户的浏览状况实现与用户 的交流和页面信息自动更新 当不同的时间、不同的人访问同一网址时，会产生不同的页 面3 Sept.2008ConfidentialWeb前台技术前台技术 Web的前台技术-制作静态网页的技术 HTML CSS Client-Side Scripting JavaScript VBScript XML3 Sept.2008ConfidentialWeb前台技术前台技术HTMLHTMLHTML负责页面结构和内容CSSCSSCSS负责样式表现JavaScriptJavaScript负责动态行为3 Sept.2008ConfidentialCopyright 2008 版权所有 东软集团