C#程序设计及应用教程 第2版 教学课件 马骏 第13章 Web应用程序设计基础.pptVIP

* * * 13.1 Web应用程序开发工具 13.2 页面设计基础 13.3 Web应用程序中的常用对象 13.4 网页切换与网页间数据传递 第13章 Web应用程序设计基础 13.1 Web应用程序开发工具 在Web应用程序中，对页面的处理有两种方式，一种是服务器响应客户端请求，然后在服务器端处理业务逻辑，处理完成后再将其转变为页面元素发送到客户端；另一种是直接在客户端进行处理。 开发Web应用程序需要： C#语言：运行在服务器端，用于处理各种业务逻辑。 HTML或者XHTML：靠客户端浏览器解析执行，用于在客户端呈现页面。 JavaScript：运行在客户端，靠客户端浏览器解析执行，用于处理一些与页面控制相关的工作。 CSS：靠客户端浏览器解析执行，用于控制在客户端呈现的页面元素样式。 13.2 页面设计基础 13.2.1 HTML 在ASP.NET中，网页的默认扩展名为.aspx，页面中呈现的所有内容都放在标记html和/html之间。 每个页面文档都包含首部（head）和主体（body）两部分，主体紧接在首部的后边。 13.2.1 HTML 基本格式： HTML文档=首部（head）+主体（body） 首部：由标记head和/head之间的内容构成。用于设置HTML文件的标题、作者等信息（浏览器中不显示）。首部中可包含标题标记符 title 、样式标记符 style、脚本语言标记符 script等。 主体：由标记body和/body之间的内容构成。网页中的所有内容，包括文字、图形、链接以及其他页面元素都包含在该标记符内。 13.2.1 HTML HTML文档的一般形式为 : html head title文档标题/title /head body 这是xhtml文档的主体部分 /body /html 在HTML文档中，〈标记〉和〈/标记〉都是配对使用的。 13.2.1 HTML 标记中可以包含属性，一般格式为： 〈标记 属性1=值1 属性2=值2 …〉 例如： img alt=smile src=smile.png / 标记之间必须使用空格隔开，属性名和属性值之间用等号隔开，等号左边是属性名称，右边是属性值。 表13-1: 常用的HTML标记。 13.2.1 HTML 表格除了可直接在单元格内显示内容，还可将整个页面划分为若干个独立的部分，精确地定位文本、图像或其它元素。表格由行和列组成，行列交叉构成了单元格。如下面代码对应右边的图： table tr td第一行第一个单元格/td td第一行第二个单元格/td /tr /table 在这段代码中，每一个tr/tr作为一行，每一个td/td作为该行中的一个单元格。 13.2.2 CSS 层叠样式表简称CSS（Cascading Style Sheets），它可以控制网页中一个或多个元素的外观。由于改变样式表中任何一个元素的显示样式，网页中所有与该样式级联的元素都会自动发生改变，因此使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便。 样式是指每一个网页元素呈现在浏览器中的风格，例如：字体的大小、颜色，页面的背景色和背景图等。样式属性与值之间用冒号“:”分隔，如果一个样式中有多个样式属性，各样式属性之间要用分号“;”隔开。 样式表就是将网页元素的样式定义设计为一个独立的文件。凡是在网页的head部分与该样式表文件建立链接的HTML文件，其页面元素的样式就会按照样式表中的定义显示。样式文件的扩展名为.css。 在网页文件中引用该样式文件，只需要在网页的head与/head之间添加如下代码：link href=MyStyleSheet1.css type=text/css rel=Stylesheet / 13.2.3 JavaScript JavaScript用于在客户端直接对页面中的元素进行编程控制，因为JavaScript是在客户端运行，所以可以不必依赖于服务器端的程序。 JavaScript代码包含在script块中，一般格式如下： script language=JavaScript type=text/JavaScript JavaScript代码 /script 13.2.3 JavaScript 1．响应并处理客户端事件 利用JavaScript可以响应鼠标移动、进入某个控件区域、离开某个控件区域等事件，并编写对应的JavaScript事件代码。 2．弹出窗口 （1）弹出新窗口 通过调用wind