江西财经大学软件与通信工程学院A SP.NET程序设计课件 第2章.ppt

第2章 ASP.NET 4.5网站文件及jQuery 作者：沈士根、汪承焱、许小东 清华大学出版社 本章要点： 2 了解ASP.NET 4.5网站组成。 熟悉.html文件及XHTML5常用元素。 理解Web窗体页的两种模型：单文件模型和代码隐藏页模型。 熟悉CSS3样式定义、存放位置。 了解JavaScript常识，熟悉代码存放位置。 了解jQuery，熟悉jQuery的功能和使用方法。 了解XML常识，熟悉XML文件结构。 熟悉Web.config配置文件结构和Global.asax文件。 目录 3 2.1 .html文件和XHTML5 2.1.1 .html文件结构 2.1.2 常用XHTML5元素 2.2 .aspx文件 2.2.1 单文件页模型 2.2.2 代码隐藏页模型 2.3 .css文件和CSS常识 2.3.1 定义CSS3样式 2.3.2 CSS3样式位置 目录 4 2.4 .js文件和JavaScript常识 2.4.1 JavaScript代码位置 2.4.2 综合实例 2.5 jQuery 2.5.1 jQuery基础语法 2.5.2 综合实例 2.6 .xml文件和XML常识 2.7 Web.config 2.8 Global.asax 2.9 小结 2.1 .html文件和XHTML5 5 .html文件是一种静态页面文件，由HTML元素组成。当客户端浏览器访问.html文件时，由浏览器解释执行。 在VSEW 2012中默认使用XHTML5文件类型。 XHTML5与HTML5使用相同的元素，但XHTML5具有更严格的规则。 所有包含ASP.NET元素的动态页面最终都要转化为包含相应XHTML元素的静态页面才能被浏览器识别。 2.1.1 .html文件结构 6 !DOCTYPE html html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8/ title/title /head body … /body /html 2.1.2 常用XHTML5元素 7 !--…--表示注释。 !DOCTYPE html表示文档类型为HTML5。 html…/html表示这是一个HTML文档。 head…/head表示文档头部信息。 meta表示文档的元信息。 title…/title表示浏览器标题栏中显示的信息，应包含于head…/head中。 style…/style表示CSS样式信息，应包含于head…/head中。 2.1.2 常用XHTML5元素（续） 8 body…/body表示文档主体部分。 header…/header表示整个显示页面的标题信息。 aside…/aside表示与旁边内容相关的标题信息。 section…/section表示显示页面的内容区域。 article…/article表示显示页面中与上下文不相关的独立内容。 2.1.2 常用XHTML5元素（续） 9 footer…/footer表示显示页面中的脚注信息。 nav…/nav表示显示页面中的导航链接区域。 h1…/h1表示一级标题，共六级标题。 div…/div表示显示页面中的一块内容，俗称“层”，常用CSS样式表统一其中的显示格式。 p…/p表示一个段落。 2.1.2 常用XHTML5元素（续） 10 br /表示换行。 hr /表示水平线。 table…/table表示一个表格。 a href=Intro.html我的简介/a表示在浏览器上显示超链接“我的简介”。 a href=mailto:ssgwcyxxd@我的邮箱/a表示在浏览器上显示超链接“我的邮箱”，单击链接后给ssgwcyxxd@发邮件。 常用的实体符号表 11 字符 表示方法 字符 表示方法 字符 表示方法 空格 nbsp;   lt;   gt; quot; apos; amp; © copy; ® reg; ¥ yen; 实例2-1 认识常用XHTML5元素 12 学习XHTML5元素的方法不需死记硬背，可在Internet上找一些.htm或.html为扩展名的文件，然后在浏览器中浏览该文件效果。再选择浏览器中的“查看”→“源文件”命令可看到源代码，将浏览看到的效果与源代码中的XHTML元素对比，从而了解XHTML元素的作用。 源程序：HTML5.html 程序说明 13 html xmlns=/1999/xhtml中xmlns属性值表示命名空间，在该命名空间中包含了所有XHTML元素的定义。 meta http-equiv=Content-Type content=te