ASP.NET3.5网站开发实例教程ppt课件汇总(完整版).ppt

《ASP.NET3.5网站开发实例教程ppt课件汇总(完整版).ppt》由会员分享，可在线阅读，更多相关《ASP.NET3.5网站开发实例教程ppt课件汇总(完整版).ppt（472页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、第第1章章 ASP.NET与 VWD 2008 开发平台2023年3月9日第1页教学目标教学目标l掌握静态网站与动态网站的概念、特点掌握静态网站与动态网站的概念、特点l了解了解ASP.NET的发展历史、特点及开发环的发展历史、特点及开发环境境l掌握安装掌握安装ASP.NET的开发环境的开发环境VWD 2008的步骤的步骤l了解开发动态网站的一般流程了解开发动态网站的一般流程l能够创建简单的动态网站能够创建简单的动态网站2023年3月9日第2页第第1章章 ASP.NET与 VWD 2008 开发平台l1.1 网站建设基础知识网站建设基础知识l1.2 ASP.NET与与VWD 2008l1.3 安

2、装安装VWD 2008开发环境开发环境l1.4 开发开发ASP.NET Web程序流程程序流程2023年3月9日第3页1.1 网站建设基础知识网站建设基础知识l 静态网站静态网站 l 动态网站动态网站 2023年3月9日第4页 1.1.1 静态网站l传统的网站一般是采用静态网页技术制作的静态传统的网站一般是采用静态网页技术制作的静态网站。网站。l在静态网站中所有的内容以在静态网站中所有的内容以HTML语言编写，存语言编写，存储在静态网页文件中，文件扩展名为：储在静态网页文件中，文件扩展名为：.htm、.html、.shtml、.xml等。等。l我们所讨论的静态网站中的我们所讨论的静态网站中的“

3、静静”是指网页内容是指网页内容在用户发出请求之前就已经生成了（这就是我们在用户发出请求之前就已经生成了（这就是我们每次总能看到相同页面的原因），每次总能看到相同页面的原因），Web服务器只服务器只负责保存和传递负责保存和传递HTML文件，而不进行额外处理，文件，而不进行额外处理，用户只能阅读网站所提供的信息用户只能阅读网站所提供的信息2023年3月9日第5页 1.1.1 静态网站优点l静态网站中网页的内容相对稳定，不需要静态网站中网页的内容相对稳定，不需要通过数据库工作，对于通过数据库工作，对于Web服务器来说，服务器来说，处理负担不大处理负担不大l因此静态网站具有容易被搜索引擎检索、因此静态

4、网站具有容易被搜索引擎检索、访问速度比较快的优点。访问速度比较快的优点。2023年3月9日第6页 1.1.1 静态网站缺点l静态网站的致命弱点是不易维护，为了不静态网站的致命弱点是不易维护，为了不断更新网页内容，网络管理者必须不断地断更新网页内容，网络管理者必须不断地重复制作重复制作HTML文档，随着网站内容和信息文档，随着网站内容和信息量的日益增长，维护工作将变得十分艰巨量的日益增长，维护工作将变得十分艰巨l静态网站往往适用于数据不多，网页比较静态网站往往适用于数据不多，网页比较固定，更新不频繁的情况固定，更新不频繁的情况l更新较少的展示型网站一般采用静态网站更新较少的展示型网站一般采用静态

5、网站技术搭建技术搭建 2023年3月9日第7页1.1.2 动态网站概念1、交互性l动态网站中的网页会根据用户的要求和选择而改变和响应l网站管理员只需要掌握计算机基本操作方法，就可以方便、及时的更新网站内容l浏览网站的用户可以在网站中进行查询、留言等操作l动态网站技术大大增加了管理员与网站、客户与网站的互动性 2023年3月9日第8页1.1.2 动态网站概念2、通过数据库进行架构l在动态网站中，网络管理员除了要设计网页视觉效果，还要设计数据库和程序代码来使网站具有更多自动的和高级的功能l现在广泛使用的网上交易系统、在线采购系统、商务交流系统等都是由数据库提供技术支持的。2023年3月9日第9页1

6、.1.2 动态网站概念3、在服务器端运行，方便更新l在服务器端运行的程序、网页、组件，会随不同客户、不同要求返回不同的页面，网站管理员无须手动更新网页文档，可以大大节省网站管理的工作量。2023年3月9日第10页动态网站与静态网站区别：l静态和动态内容的主要区别在于：l静态网站内容是在用户发出请求之前预先生成l动态网站内容则是在用户发出请求之后生产的。2023年3月9日第11页动态网站与静态网站区别：l搭建网站采用动态还是静态技术主要取决于网站的功能需求和内容的多少，如果网站功能比较简单，内容更新量不是很大，采用静态网站的方式会更简单，反之一般要采用动态网站技术来实现。2023年3月9日第12

7、页1.2 ASP.NET与VWD 2008l1.2.1 ASP.NET的历史的历史l1.2.2 ASP.NET的开发环境的开发环境2023年3月9日第13页1.2.1 ASP.NET的历史的历史l早期的Web程序开发一个简单的动态页面就需要编写大量的代码（一般用C语言）才能完成。l1996年，Microsoft推出了ASP（Active Server Page）1.0版l1998年，微软发布了ASP 2.0和IIS 4.0。l随后，微软公司开发了Windows 2000操作系统，其中的Windows 2000 SERVER系统提供了IIS 5.0和ASP 3.0。2023年3月9日第14页1.

8、2.1 ASP.NET的历史的历史lASP.NET是Microsoft公司于2002年推出的新一代体系结构Microsoft.NET的一部分，用来在服务器端构建功能强大的Web应用。ASP.NET 1.0也应运而生把逻辑代码（.aspx.cs）和表现页面（.aspx）分离开来，使用户很容易使用后台代码来控制页面的逻辑功能。l2003年，Microsoft公司发布了Visual Studio.NET 2003（简称VS 20032023年3月9日第15页1.2.1 ASP.NET的历史的历史l2005年，.NET框架从1.0版升级到2.0版，相应的ASP.NET 1.0也从得到了升级，成为ASP

9、.NET 2.0。l2008年，Visual Studio.NET 2008(简称VS 2008)问世了，ASP.NET 相应的从2.0版升级到3.5版。2023年3月9日第16页1.2.2 ASP.NET的开发环境的开发环境lVisual Studio.NET 2008集成了Visual Basic 2008、Visual C#2008、Visual C+2008Visual Web Developer 2008l是一个功能强大的集成开发平台，几乎可以在其中完成所有的软件开发任务2023年3月9日第17页ASP.NET的的四个版本面向大型软件开发团队的Visual Studio Team S

10、ystem面向一般开发者的ProfessionalStandardExpress l其中的Visual Studio.NET 2008 Express（速成版）是微软免费为初学者提供的。2023年3月9日第18页1.3 安装安装VWD 2008开发环境开发环境l我们以我们以Visual Studio 2008 Express为例，为例，介绍介绍Visual Web Developer 2008的安装步的安装步骤：骤：(结合实际演示结合实际演示)2023年3月9日第19页1.4 开发开发ASP.NET Web程序流程程序流程l开发开发ASP.NET Web应用程序，就是创建基于应用程序，就是创建

11、基于ASP.NET的的Web网站。网站。l一个一个Web网站通常在计算机中对应于一个虚拟目网站通常在计算机中对应于一个虚拟目录，目录中包含页、控件、代码模块和服务，以录，目录中包含页、控件、代码模块和服务，以及配置文件和各种资源。及配置文件和各种资源。l一般分为三大阶段：一般分为三大阶段：规划，创建动态网站：需要确定所制作的网站主题、规划，创建动态网站：需要确定所制作的网站主题、风格、页面元素、逻辑结构等。风格、页面元素、逻辑结构等。开发调试：这一阶段工作包括系统数据库的实现、基开发调试：这一阶段工作包括系统数据库的实现、基本类文件的实现、本类文件的实现、Web页面实现等。页面实现等。网站发布

12、：发布的服务器可以是远程，也可以是本地，网站发布：发布的服务器可以是远程，也可以是本地，上传网站可利用上传网站可利用FTP工具。工具。2023年3月9日第20页1.4.1 使用VWD 2008创建ASP.NET网站VWD开发环境：开发环境：2023年3月9日第21页创建自己的第一个创建自己的第一个ASP.NET网站网站【例【例1-1】创建一个】创建一个ASP.NET网站，存放至新网站，存放至新建文件夹建文件夹D:mysap中，并观察组成网站的中，并观察组成网站的基本文件基本文件（结合操作讲解）（结合操作讲解）2023年3月9日第22页创建自己的第一个创建自己的第一个ASP.NET网站网站 几点

13、说明：几点说明：l打开打开D盘盘myasp文件夹：一个文件夹：一个ASP.NET Web网站网站包含名为包含名为App_Data的子文件夹和三个初始文件：的子文件夹和三个初始文件：Default.aspx文件为文件为ASP.NET Web 窗体文件，该文件窗体文件，该文件作为网站的默认主页，可以包含作为网站的默认主页，可以包含Web 控件控件Default.aspx.cs文件为网页运行时要编译的类源代码文件为网页运行时要编译的类源代码文件文件web.config文件为文件为Web配置文件配置文件 2023年3月9日第23页创建自己的第一个创建自己的第一个ASP.NET网站网站 几点说明：几点说

14、明：l 在位置选项中：在位置选项中：文件系统网站，指用户选择在本地计算机上某个文件文件系统网站，指用户选择在本地计算机上某个文件夹中存储页面和其他文件夹中存储页面和其他文件HTTP网站，将用户的文件存储在本地网站，将用户的文件存储在本地 IIS 根目录（通根目录（通常是常是 InetpubWwwroot）的子文件夹中）的子文件夹中FTP 网站，将文件存储在远程服务器上，用户可以使网站，将文件存储在远程服务器上，用户可以使用文件传输协议用文件传输协议(FTP)通过通过 Internet 访问该服务器访问该服务器l用户选择的编程语言将是网站的默认语言。但在用户选择的编程语言将是网站的默认语言。但在

15、同一个同一个 Web 应用程序中可以使用多种编程语言创应用程序中可以使用多种编程语言创建页面和组件。建页面和组件。2023年3月9日第24页1.4.2 新建ASP.NET页面【例1-2】创建一个ASP.NET页面，存储为welcome.aspx（结合操作讲解）2023年3月9日第25页1.4.3 在VWD 2008中执行页面【例1-3】在VWD 2008中执行welcome.aspxl说明：运行网站的快捷方法：说明：运行网站的快捷方法：Ctrl+F5。(结合操作讲解结合操作讲解)2023年3月9日第26页实验实验1一、一、实验目的实验目的l 安装安装ASP.NET的开发环境的开发环境VWD 2

16、008，并创建简单的动，并创建简单的动态网站。态网站。二、二、实验内容和要求实验内容和要求（1）安装）安装VWD 2008，建立，建立ASP.NET 3.5的运行环境。的运行环境。（2）使用）使用VWD 2008创建网站创建网站lianxi1，并创建第一个页面，并创建第一个页面exam1.aspx（3）单击页面）单击页面exam1.aspx的设计标签，切换到页面设计窗的设计标签，切换到页面设计窗口，在页面中键入：口，在页面中键入：“这是我的第一个这是我的第一个ASP.NET程序程序”。（4）运行这个页面。）运行这个页面。2023年3月9日第27页第第2章章 XHTML基础知识基础知识ASP.N

17、ET 3.5网站开发实例网站开发实例 DATE yyyy年M月d日|2022年4月24日第28页教学目标教学目标l理解什么是理解什么是HTML、XML和和XHTML，以及，以及三者之间的关系三者之间的关系l掌握动态网页的组成结构掌握动态网页的组成结构l掌握掌握XHTML的语法规则的语法规则l熟悉并使用熟悉并使用XHTML标记标记DATE yyyy年M月d日|2022年4月24日第29页第第2章章 XHTML基础知识基础知识l2.1 Web基本技术基本技术l2.2 XHTML的基本格式的基本格式l2.3 XHTML标记、标记属性标记、标记属性DATE yyyy年M月d日|2022年4月24日第3

18、0页2.1 Web基本技术基本技术l2.1.1 HTMLl2.1.2 XMLl2.1.3 XHTML DATE yyyy年M月d日|2022年4月24日第31页2.1.1 HTMLlHTML（HyperText Markup Language）超文本标记语言，是制作页面文档的主要超文本标记语言，是制作页面文档的主要编辑语言。编辑语言。l无论在何种操作系统下，只要有浏览器就无论在何种操作系统下，只要有浏览器就可以运行可以运行HTML页面文档。页面文档。lHTML只是建议只是建议Web浏览器应该如何显示和浏览器应该如何显示和排列信息，并不能精确定义格式，因此在排列信息，并不能精确定义格式，因此在不

19、同的浏览器中显示的不同的浏览器中显示的HTML文件效果会不文件效果会不同。同。DATE yyyy年M月d日|2022年4月24日第32页2.1.1 HTMLlHTML文件是一种纯文本文件，通常以文件是一种纯文本文件，通常以.htm或或.html作为文件扩展名。作为文件扩展名。l可以用各种类型的工具来创建或者处理可以用各种类型的工具来创建或者处理HTML页面，如记事本、写字板、页面，如记事本、写字板、FrontPage、Dreamweaver等等 DATE yyyy年M月d日|2022年4月24日第33页HTML缺陷：lHTML的标记是固定的。的标记是固定的。HTML不允许用户创建自己的标记。所

20、以不允许用户创建自己的标记。所以HTML很难做更复杂的事情：如它无法描述矢很难做更复杂的事情：如它无法描述矢量图形、科技符号和一些其他的特殊显示效果。量图形、科技符号和一些其他的特殊显示效果。lHTML中标记的作用只是建议浏览器用何种中标记的作用只是建议浏览器用何种方式显示数据。方式显示数据。HTML语言无法解释数据之间的关系，以及相语言无法解释数据之间的关系，以及相关结构方面的信息，因此不能适应日益增多的关结构方面的信息，因此不能适应日益增多的信息检索要求和存档要求。信息检索要求和存档要求。DATE yyyy年M月d日|2022年4月24日第34页2.1.2 XMLlXML（eXtensib

21、le Markup language）可）可扩展标记语言扩展标记语言l将网络上的文档规范化，并赋予标记一定将网络上的文档规范化，并赋予标记一定的含义的含义lXML又不仅仅只是标记语言，它还提供了又不仅仅只是标记语言，它还提供了一个标准，用户可以利用这个标准定义新一个标准，用户可以利用这个标准定义新的标记语言，并为这个新的标记语言规定的标记语言，并为这个新的标记语言规定它所特有的一套标记。它所特有的一套标记。DATE yyyy年M月d日|2022年4月24日第35页2.1.2 XMLlXML已经在文件配置、数据存储、基于已经在文件配置、数据存储、基于Web的的B2B交易、存储矢量图形和描述分交易

22、、存储矢量图形和描述分子结构等众多方面得到广泛的应用子结构等众多方面得到广泛的应用l但由于目前的浏览器对但由于目前的浏览器对XML的支持还不够的支持还不够完善，完善，XML在互联网上完全替代在互联网上完全替代HTML还需还需要很长一段时间要很长一段时间DATE yyyy年M月d日|2022年4月24日第36页2.1.3 XHTMLlXHTML（eXtensible Hypertext Markup Language）可扩展超文本标记语言。）可扩展超文本标记语言。lXHTML是为了使是为了使HTML向向XML顺利过渡而顺利过渡而定义的标记语言，它以定义的标记语言，它以HTML为基础，采用为基础，

23、采用XML严谨的语法结构严谨的语法结构lXHTML结合了部分结合了部分XML的强大功能及大多的强大功能及大多数数HTML的简单特性，是一种增强了的的简单特性，是一种增强了的HTML,它的可扩展性和灵活性将适应未来它的可扩展性和灵活性将适应未来网络应用的需求。网络应用的需求。DATE yyyy年M月d日|2022年4月24日第37页2.1.3 XHTMLl目前国际上在网站设计中推崇的目前国际上在网站设计中推崇的Web标准标准就是基于就是基于XHTML的应用（即通常所说的的应用（即通常所说的CSSDIV）l大部分的浏览器都可以正确地解析大部分的浏览器都可以正确地解析XHTML，即使老版本的浏览器，

24、也将，即使老版本的浏览器，也将XHTML作为作为HTML的一个子集。的一个子集。DATE yyyy年M月d日|2022年4月24日第38页2.2 XHTML的基本格式的基本格式l2.2.1 ASP.NET的文档结构l2.2.2 XHTML的语法规则DATE yyyy年M月d日|2022年4月24日第39页2.2.1 ASP.NET的文档结构l一个完整的一个完整的ASP.NET页面文档是由指令、页面文档是由指令、文档类型声明、代码声明、服务器代码、文档类型声明、代码声明、服务器代码、文本和文本和XHTML标记等部分组成标记等部分组成 l（结合第一章建立的（结合第一章建立的welcome.aspx

25、为例演为例演示讲解）示讲解）DATE yyyy年M月d日|2022年4月24日第40页2.2.1 ASP.NET的文档结构（1）指令：）指令：lASP.NET页面通常包含一些指令，允许用户指定页面通常包含一些指令，允许用户指定页面的属性和配置信息，对页面进行设置。指令页面的属性和配置信息，对页面进行设置。指令指定的设置，不会出现在浏览器端。指定的设置，不会出现在浏览器端。l在网页设计时，在网页设计时，ASP.NET提供提供“代码分离代码分离”技术技术源代码放在扩展名为源代码放在扩展名为.aspx文件中，文件中，将将Web服务器运行代码放在另一个文件中，若此文件服务器运行代码放在另一个文件中，若

26、此文件是由是由C#编写的，则文件扩展名为编写的，则文件扩展名为.cs。l.aspx文件和文件和.cs文件的相互关联是由文件的相互关联是由aspx文件中文件中page 指令连接的。指令连接的。DATE yyyy年M月d日|2022年4月24日第41页2.2.1 ASP.NET的文档结构（2）文档类型声明）文档类型声明 DOCTYPEl指定本文档遵从的指定本文档遵从的 DTD（Document Type Definition文档类型定义）标准，同时指定文档类型定义）标准，同时指定了文档中的了文档中的XHTML版本，可以和哪些验证版本，可以和哪些验证工具一起使用等信息，以保证此文档与工具一起使用等信

27、息，以保证此文档与Web标准的一致。标准的一致。l 文档类型声明是每个网页文档必需的，文档类型声明是每个网页文档必需的，默认的方式为默认的方式为HTML 4.0DATE yyyy年M月d日|2022年4月24日第42页本例文档类型声明本例文档类型声明 DOCTYPElDOCTYPE是是document type(文档类型文档类型)的缩写的缩写l“W3C/DTD XHTML 1.0 Transitional”说明此文说明此文档符合档符合W3C制定的制定的XHTML 1.0 规范，即声明此文规范，即声明此文档应该按照档应该按照XML文档规范来配对所有标记。文档规范来配对所有标记。l“xhtml1-

28、transitional.dtd”中的中的DTD是文档类型是文档类型定义，包含了文档的规则，浏览器根据页面所定定义，包含了文档的规则，浏览器根据页面所定义的义的DTD来解释页面内的标识，并将其显示出来。来解释页面内的标识，并将其显示出来。DATE yyyy年M月d日|2022年4月24日第43页2.2.1 ASP.NET的文档结构（3）代码声明：）代码声明：l包含包含ASP.NET页面的所有应用逻辑和全局页面的所有应用逻辑和全局变量声明、子例程和函数。变量声明、子例程和函数。l页面的代码声明位于页面的代码声明位于 标记中。标记中。DATE yyyy年M月d日|2022年4月24日第44页2.2

29、.1 ASP.NET的文档结构（4）服务器代码）服务器代码l 大多数大多数 ASP.NET 页面包含处理页面时在页面包含处理页面时在服务器上运行的代码。页面的代码位于服务器上运行的代码。页面的代码位于 script 标记中，该标记中的开始标记包含标记中，该标记中的开始标记包含 runat=server 属性。属性。l本例中的本例中的，说明，说明页面运行时，页面运行时，ASP.NET 将此标记标识为服将此标记标识为服务器控件，并使其可用于服务器代码。务器控件，并使其可用于服务器代码。DATE yyyy年M月d日|2022年4月24日第45页2.2.1 ASP.NET的文档结构（5）文本和）文本和

30、XHTML标记：标记：l 页面的文本部分用页面的文本部分用XHTML标记来实现，这一部标记来实现，这一部分结构应完全符合分结构应完全符合HTML的文件结构。的文件结构。l一个最基本的一个最基本的HTML网页结构由三个部分构成：网页结构由三个部分构成：标题内容主要内容DATE yyyy年M月d日|2022年4月24日第46页（5）文本和）文本和XHTML标记：标记：:整个整个HTML文件的起止标记文件的起止标记l 其他其他HTML标记都要被放在这对标记之间。标记都要被放在这对标记之间。l在在HTML代码中，仅有代码中，仅有l在在XHTML代码中使用了代码中使用了其中的其中的xmlns是是XHTM

31、L namespace的缩写，即的缩写，即XHTML命名空间，用来声明网页内所用到的标记是属命名空间，用来声明网页内所用到的标记是属于哪个名称空间的。于哪个名称空间的。本例中，指定本例中，指定HTML的标记名称空间为的标记名称空间为http:/www.w3.org/1999/xhtml，这属于，这属于XML 1.0的的写法。说明整个网页标记应符合写法。说明整个网页标记应符合XHTML规范。规范。DATE yyyy年M月d日|2022年4月24日第47页（5）文本和）文本和XHTML标记：标记：:HTML头部文件。头部文件。l 头部文件中包含页面传递给浏览器的信息，头部文件中包含页面传递给浏览器

32、的信息，这些信息作为一个单独的部分，不是网页这些信息作为一个单独的部分，不是网页的主体内容的主体内容l在头部文件中可以设置页面的标题、关键在头部文件中可以设置页面的标题、关键字、外部链接和脚本语言等内容：如用字、外部链接和脚本语言等内容：如用标记来设置网页的标题，标记来设置网页的标题，用用标记来插入脚本等标记来插入脚本等DATE yyyy年M月d日|2022年4月24日第48页（5）文本和）文本和XHTML标记：标记：:文档内容部分。文档内容部分。l 标记之间为页面文档的标记之间为页面文档的主体，用来放置页面的内容，是在浏览器主体，用来放置页面的内容，是在浏览器中需要显示的内容。中需要显示的内

33、容。l对一个最简单的网页来说，对一个最简单的网页来说，标记符是必须使用的标标记符是必须使用的标记符。记符。DATE yyyy年M月d日|2022年4月24日第49页2.2.2 XHTML的语法规则 UTF-8之外的编码，文档必须具有之外的编码，文档必须具有XML声声明明l当文档的字符编码是默认的当文档的字符编码是默认的UTF-8之外的编之外的编码时，编程人员必须在码时，编程人员必须在XHTML页面中添加页面中添加一个一个XML声明并指定代码。声明并指定代码。l例如：例如：DATE yyyy年M月d日|2022年4月24日第50页2.2.2 XHTML的语法规则(2)HTML标记之前必须使用标记

34、之前必须使用DOCTYPE声明声明lXHTML 1.0提供了提供了3种种DTD声明供选择，声明供选择，DOCTYPE声明必须引用其中一种类型：声明必须引用其中一种类型：Transitional（过渡型）：可以使用符合（过渡型）：可以使用符合HTML4.0标准标准的标记，但是必须符合的标记，但是必须符合XHTML的语法。是的语法。是ASP.NET默默认文档类型定义认文档类型定义声明代码为：Strict（严格型）（严格型）Frameset（框架型）（框架型）DATE yyyy年M月d日|2022年4月24日第51页2.2.2 XHTML的语法规则(3)页面的页面的html标记必须指定命名空间标记必

35、须指定命名空间lhtml标记必须指定标记必须指定XHTML命名空间命名空间l即将即将namespace属性添加到属性添加到html标记中。标记中。l如例子中的如例子中的。DATE yyyy年M月d日|2022年4月24日第52页2.2.2 XHTML的语法规则(4)文档必须包含完整的结构标记文档必须包含完整的结构标记l文档必须包含文档必须包含head，title和和body结构标记结构标记l框架集文档必须包含框架集文档必须包含head，title和和frameset结构标记。结构标记。DATE yyyy年M月d日|2022年4月24日第53页2.2.2 XHTML的语法规则(5)标记必须正确嵌

36、套标记必须正确嵌套lXHTML要求有严谨的结构，文档中的所有要求有严谨的结构，文档中的所有标记必须按顺序正确嵌套，例如：标记必须按顺序正确嵌套，例如：This is a bad example.是错是错误的；误的；This is a good example.是是正确的。正确的。l也就是说，一层一层的嵌套必须是严格对也就是说，一层一层的嵌套必须是严格对称。称。DATE yyyy年M月d日|2022年4月24日第54页2.2.2 XHTML的语法规则(6)标记必须成对使用，若是单独不成对的标标记必须成对使用，若是单独不成对的标记，在标记最后加记，在标记最后加/结束。如：结束。如：l是错误的；是错

37、误的；l是正确的。是正确的。DATE yyyy年M月d日|2022年4月24日第55页2.2.2 XHTML的语法规则(7)所有标记名称和属性的名字都必须使用小所有标记名称和属性的名字都必须使用小写写l与与HTML不同，不同，XHTML对大小写是敏感的，对大小写是敏感的，XHTML要求所有的标记和属性的名字都必要求所有的标记和属性的名字都必须使用小写。须使用小写。l和和在在XHTML是不同的标记。是不同的标记。DATE yyyy年M月d日|2022年4月24日第56页2.2.2 XHTML的语法规则(8)属性值必须用引号属性值必须用引号括起来括起来l在在HTML中，不要求给属性值加引号，但是中

38、，不要求给属性值加引号，但是在在XHTML中，属性值必须被加引号。中，属性值必须被加引号。例如例如:必须修改为：必须修改为：l特殊情况，若用户需要在属性值里使用双特殊情况，若用户需要在属性值里使用双引号，可以使用引号，可以使用&apos；表示，；表示，例如：例如：DATE yyyy年M月d日|2022年4月24日第57页2.2.2 XHTML的语法规则(9)属性不允许简写，每个属性必须赋值属性不允许简写，每个属性必须赋值lXHTML规定所有属性都必须有一个值，没规定所有属性都必须有一个值，没有值的就重复本身。有值的就重复本身。例如：例如：l必须修改为：必须修改为：DATE yyyy年M月d日|

39、2022年4月24日第58页2.2.2 XHTML的语法规则(10)使用使用id替代替代name属性属性(11)图片必须有说明文字图片必须有说明文字l每个图片标记必须有每个图片标记必须有ALT说明文字。即必须说明文字。即必须对对img和和area标记应用文字说明标记应用文字说明alt=“说明说明”属性。属性。l如：如：DATE yyyy年M月d日|2022年4月24日第59页2.2.2 XHTML的语法规则(12)不要在注释内容中使不要在注释内容中使“-”l“-”只能发生在只能发生在XHTML注释的开头和结束，注释的开头和结束，也就是说，在内容中它们不再有效。也就是说，在内容中它们不再有效。例

40、如下面的代码是无效的：例如下面的代码是无效的：可以用等号或者空格替换内部的虚线，如：可以用等号或者空格替换内部的虚线，如：是正确的。是正确的。DATE yyyy年M月d日|2022年4月24日第60页2.3 XHTML标记、标记属性标记、标记属性l2.3.1 主体标记l2.3.2 注释标记l2.3.3 分层标记l2.3.4 文本和格式标记l2.3.5 表格标记l2.3.6 超链接标记l2.3.7 图像标记DATE yyyy年M月d日|2022年4月24日第61页2.3 XHTML标记、标记属性标记、标记属性l标记（Tags）是指定界符（一对尖括号）和定界符括起来的文本，用来控制数据在网页中的编

41、排方式，告诉应用程序（例如浏览器）以何种格式表现标记之间的文字。l当需要对网页某处内容的格式进行编排时，只要把相应的标记放置在该内容之前，浏览器就会以标记定义的方式显示网页的内容。l标记控制文字显示的语法为：需进行格式控制的文字DATE yyyy年M月d日|2022年4月24日第62页2.3 XHTML标记、标记属性标记、标记属性l在XHTML标记中，还可以通过设定一些属性，来描述标记的外观和行为方式，以及内在表现，以便对文字编排进行更细微的控制。l几乎所有的标记都有自己的属性。例如style=text-align:center”，其中，style就是标记的属性，style的值设置文本格式为居

42、中对齐。l使用标记符有如下一些注意事项：任何标记都用“”括起来，一般情况下，标记是成对出现的。标记名与“”之间不能有空格。某些标记要加上属性，而属性只能加于起始标记中。格式为：网页内容 DATE yyyy年M月d日|2022年4月24日第63页2.3.1主体标记主体标记l主体标记之间定义了网页的所有的显示内容。l网页默认的显示格式为：白色背景，12像素黑色Times New Roman字体。l在XHTML中，标记用属性style来设置样式，如设置字体的大小、颜色、页面的背景色和背景图等。格式为：l其中，样式与值用冒号分隔，如果style属性中包含多个样式，各个样式之间用分号隔开。DATE yy

43、yy年M月d日|2022年4月24日第64页2.3.1主体标记主体标记lstyle属性常用的样式有：属性常用的样式有：background-color：设置网页的背景颜色，默认为白：设置网页的背景颜色，默认为白色背景色背景color：设置网页中字体的颜色，默认颜色为黑色：设置网页中字体的颜色，默认颜色为黑色font-family：设置网页中字体的名称，如宋体、楷体、：设置网页中字体的名称，如宋体、楷体、黑体等黑体等font-size：设置网页中字体的大小：设置网页中字体的大小text-align：设置网页中文本的对齐方式，常用有：设置网页中文本的对齐方式，常用有3种种不同的取值：不同的取值：l

44、eft（左对齐，默认对齐方式）、（左对齐，默认对齐方式）、right（右对齐）、（右对齐）、center（居中对齐）（居中对齐）例如：例如：，设置网页字体为宋体，字体的颜色为蓝，设置网页字体为宋体，字体的颜色为蓝色色DATE yyyy年M月d日|2022年4月24日第65页2.3.2 注释标记l浏览器会自动忽略注释标记中的文字（可以是单行也可以是多行）而不显示。l注释标记常用在比较复杂或多人合作设计的页面中，为代码部分加上说明，方便日后修改，增加页面的可读性和可维护性。DATE yyyy年M月d日|2022年4月24日第66页2.3.3 分层标记l分层标记用来排版大块的XHTML段落，为XHT

45、ML页面内大块（block-level）的内容提供结构和背景的标记。l可用style属性，在其中加入许多其他样式，以实现对其中包含元素的版面设置。ldiv标记除了可以作为文本编辑功能外，还可以用作容器标记，将按钮、图片、文本框等各种标记放在div里面作为它的子对象元素处理。DATE yyyy年M月d日|2022年4月24日第67页2.3.4 文本和格式标记l(1)标题字体大小标记标题字体大小标记 l 设定网页的标题格式。由大至小，有设定网页的标题格式。由大至小，有6种种设置标题格式的标记：设置标题格式的标记：、和和。DATE yyyy年M月d日|2022年4月24日第68页2.3.4 文本和格

46、式标记(2)字体的加粗、斜体和下划线标记：字体的加粗、斜体和下划线标记：l标记：以加粗字的形式输出文本标记：以加粗字的形式输出文本l标记：以斜体字的形式输出文本标记：以斜体字的形式输出文本l标记：以下划线形式输出文本标记：以下划线形式输出文本DATE yyyy年M月d日|2022年4月24日第69页2.3.4 文本和格式标记(3)段落标记段落标记ll段落标记段落标记的作用是将标记之间的文本的作用是将标记之间的文本内容自动组成一个完整的段落。内容自动组成一个完整的段落。l预格式化标记预格式化标记l预格式化标记预格式化标记使标记之间的文本使标记之间的文本信息能够在浏览器中按照原格式毫无变化的输出。

47、信息能够在浏览器中按照原格式毫无变化的输出。它可以使浏览器中显示的内容与代码中输入的文它可以使浏览器中显示的内容与代码中输入的文本信息格式完全一样。本信息格式完全一样。DATE yyyy年M月d日|2022年4月24日第70页2.3.4 文本和格式标记(4)换行标记换行标记l 用于添加一个回车换行，该标记用于添加一个回车换行，该标记没有结束标记没有结束标记,故在故在XHTML中以中以结束。结束。在编写在编写XHTML时，如果在文件中用回车键时，如果在文件中用回车键分开了某一段文字，当在浏览器中显示时，分开了某一段文字，当在浏览器中显示时，浏览器会忽略源代码中的换行，而并不会浏览器会忽略源代码中

48、的换行，而并不会显示换行的效果。若要显示网页中的文字显示换行的效果。若要显示网页中的文字换行效果，必须在文件中使用换行效果，必须在文件中使用标记。标记。DATE yyyy年M月d日|2022年4月24日第71页2.3.4 文本和格式标记(5)画线标记画线标记l画线标记画线标记单独使用，可以实现段落的换单独使用，可以实现段落的换行，并绘制一条水平直线，并在直线的上下两端行，并绘制一条水平直线，并在直线的上下两端留出一定的空间。可以使用留出一定的空间。可以使用style属性进行设置。属性进行设置。其中：其中：lwidth:设置画线的长度，取值可以是以像素设置画线的长度，取值可以是以像素为单位的具体

49、数值，也可以使用相对于其父标记为单位的具体数值，也可以使用相对于其父标记宽度的百分比数值。宽度的百分比数值。lheight：设置画线的粗细，单位是像素。：设置画线的粗细，单位是像素。DATE yyyy年M月d日|2022年4月24日第72页2.3.4 文本和格式标记l(6)文本居中标记文本居中标记 l 文本居中标记用来将网页中文本居中标记用来将网页中center标记标记内的元素居中显示内的元素居中显示DATE yyyy年M月d日|2022年4月24日第73页2.3.4 文本和格式标记【例例 2-1】建建 立立 ASP.NET页页 面面，命命 名名 为为text.aspx DATE yyyy年M

50、月d日|2022年4月24日第74页2.3.4 文本和格式标记(7)列表标记列表标记l无序列表标记无序列表标记和列表项标记和列表项标记l语法格式为：语法格式为：列表项列表项1列表项列表项2列表项列表项nl list-style-type可以有几种形式：默认形式可以有几种形式：默认形式disc（实心圆）（实心圆）、circle（空心圆）和（空心圆）和square（实心方块），默认形式为（实心方块），默认形式为实心圆实心圆l有自动换行的作用，每个条目自动为一行。有自动换行的作用，每个条目自动为一行。DATE yyyy年M月d日|2022年4月24日第75页2.3.4 文本和格式标记(7)列表标记列