第一章Web应用程序开发原理第一章Web应用程序开发原理(1047KB).pptVIP

Web工作原理详细解述 Web项目的分工 专业的网页设计师负责网页的设计、版面布局、图像制作、网页元素颜色搭配等有关设计的工作， Web程序员则负责客户端脚本或者服务器段脚本的编码工作。 Web文档主要由结构、表现和行为三个部分组成。对应于此结构，一般Web文档的表现部分即CSS，由网页设计师负责编写。而网页的行为部分，一般由Web程序员负责。而文档的结构，则是二者都关心的部分。 在当今Web2.0时代，精通XHML/CSS/JavaScript的UI工程师或者用户体验工程师，已经成为一个非常时髦的职业。 客户端网页编程工具 演示 总结 企业应用计算模式每隔十年都会发生变化，从二十世纪七十年代的主机/哑终端的集中计算模式，到二十世纪八十年代的客户机/服务器计算模式，到当今的浏览器/服务器计算模式。 运行一个完整的Web应用程序所需的最基本的组成部分包括：由网页组成的Web应用程序；存放Web应用程序并提供网页浏览服务的Web服务器；解析网页并显示网页给用户浏览的客户端浏览器；在客户端和Web服务器端提供通讯的HTTP网络协议。 开发Web应用程序的技术分为多种，根据Web服务器解析网页的方式，我们可以将其分为静态网页、客户端动态网页、服务器端动态网页三种。 不管我们采用静态网页技术还是动态网页技术开发的网页，最终由Web服务器解析，通过HTTP协议发送到客户端的，都是一种形式。即：我们在浏览器中查看网页源代码时，所看到的都是一种形式。 发送到客户端的网页由四个部分组成，包括：网页的内容、网页的结构、网页的表现形式，以及网页的行为。其中，网页的结构是由XHTML定义，网页的表现形式由CSS定义，网页的行为由JavaScript和DOM定义。 作业 书后11页 * * 企业应用系统的演变 * 1-* * 1-* * 1-* 1 * 1-* * 1-* * 1-* * 1-* * 1-* * 1-* * 1-* * 1-* * 1-* * 1-* * 1-* 1 第一章 Web应用程序开发原理 目录 理解Web工作原理 掌握常见的Web术语 了解网页编程开发工具与环境 企业应用计算的演变 主机/哑终端的集中计算模式 也称为主机/终端模式（Mainframe/Terminal），或者称为集中式的企业计算模式。 这种计算模式如今仍然存在，例如超市收银、航空售票、小型储蓄所等。 优点 缺点 客户机/服务器计算模式 简称C/S模式 客户机 服务器 优点 缺点 浏览器/服务器计算模式 B/S架构 优点 缺点 B/S结构Web应用程序工作原理 采用B/S计算模式开发的应用程序，我们一般称为Web应用程序。 运行一个完整的Web应用程序所需的最基本的组成部分： Web应用程序的组成部分1：网页 网页的内容 创建网页的目的是为了将信息提供给浏览网页的用户看 用户登录 用户名：可以输入用户名的文本框密码：可以输入密码的文本框确定按钮取消按钮 网页的结构 文档标题、段落和列表等称做结构。结构使内容更加具有逻辑性，易用性。 在网页中，结构的定义使用的是HTML语言。 html headtitle用户登录/titlelink type=text/css rel=stylesheet href=login.css //head body fieldset id=f1 legend用户登录/legend form action=# method=post id=frmLogin div label for=txtUserName用户名:/label input type=text id=txtUserName / /div div label for=txtPassword密nbsp;nbsp;码:/label input type=password id=txtPassword / /div div input type=submit value=确定 id=btnOk / input type=reset value=取消 id=btnEsc /div /form /fieldset script type=text/javascript src=login.js/script /body /html HTML标记 HTML XHTML 网页的表现形式 字体大小、字体颜色、版面布局、背景等等，所有这些用来改变内容外观的东西，我们称之为“表现形式”。 在网页中，用来对编写文档表现形式的语言是CSS（层叠样式表）。 #f1 { width: 300px; text-align: cent