NET网站编程基础

Web开发技术1•2.1.htm文件和XHTML•2.2.aspx文件•2.3.CSS文件和CSS常识•2.4.js文件和JavaScript常识•2.5.XML文件和XML常识•2.6web.config(*)•2.7小结第2章ASP.NET网站编程基础Web开发技术22.1.htm文件和XHTML•.htm文件是一种静态网页文件，它不包含任何服务器控件，而是由HTML元素组成。客户端浏览器访问.htm文件时，IIS不经过任何处理就直接送往浏览器，由浏览器解释执行。•在VisualStudio2008中建立.htm文件，默认使用XHTML1.0Transitional文件类型。•XHTML（eXtensibleHyperTextMarkupLanguage）可扩展超文本标记语言是被国际标准化组织机构W3C认定，用于替代HTML的标记语言。Web开发技术32.1.1.htm文件结构!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN=无标题页/title/headbody……/body/htmldocumenttypydefine，1.0版本的定义名字空间，包含了XHTML各版本的信息Web开发技术42.1.2常用XHTML元素•!DOCTYPE…表示文档类型声明。•html…/html表示这是一个XHTML文档，其它所有的XHTML元素都位于这两个元素之间。•head…/head表示文档头部信息。•title…/title表示浏览器标题栏中信息，应包含于head…/head中。•style…/style表示CSS样式信息，应包含于head…/head中。Web开发技术52.1.2常用XHTML元素（续）•body…/body表示文档主体部分。•p…/p表示一个段落。•br/表示换行。•hr/表示水平线。•formid=form1…/form•divid=div1.../divWeb开发技术62.1.2常用XHTML元素（续）•tablecaption表格标题信息/captiontrtd…/tdtd…/td/trtrtd…/tdtd…/td/tr/tabletable表示一个表格，其中tr表示一行，td表示一个单元格。Web开发技术72.1.2常用XHTML元素（续）•ahref=intro.htm我的简介/a表示在浏览器上显示超链接“我的简介”，点击后链接到intro.htm。•ahref=mailto:[e-mail]我的邮箱/a表示浏览器上显示超链接“我的邮箱”，单击链接后给[e-mail]发邮件。Web开发技术8常用的实体符号表字符表示方法字符表示方法字符表示方法空格 小于号<大于号>''"''&&©©®®¥¥Web开发技术9实例2-1认识常用XHTML元素•学习XHTML元素的方法不需死记硬背，可在Internet上找一些.htm或.html为扩展名的文件，然后在浏览器中浏览该文件效果。再单击浏览器“查看”→“源文件”可看到.htm文件的源代码，将浏览看到的效果与源代码中的XHTML元素对比，从而了解XHTML元素的作用。•源程序：2-1.htm(P20)Web开发技术10Web开发技术112.2.aspx文件•.aspx文件（Web窗体）在ASP.NET3.5网站中占据主体部分。作为一个完全面向对象的系统，Web窗体页直接或间接地继承自System.Web.UI.Page类。•每个Web窗体的页面代码包括两部分：一部分是处于body元素之间的显示界面代码，包括XHTML元素和定义界面的服务器控件信息；另一部分是包含事件处理等的C#代码。•C#代码存储时有两种模型：单文件页模型和代码隐藏页模型。Web开发技术122.2.1单文件页模型•显示界面代码和逻辑处理代码（事件处理、函数等）都放在同一个.aspx文件中。•逻辑处理代码包含于script/script元素之间，且包含runat=server属性。Web开发技术13实例2-2单文件页模型•本实例包含TextBox、Label、Button控件各一个，当在TextBox1中输入内容后再单击Button1，则在Label1中显示“不管您输什么，我都喜欢ASP.NET!”。•源程序：2-2.aspx(P22)Web开发技术14程序说明•单文件页模型在读代码时可先看body元素中内容，主要关注有哪些控件对象、对象的ID属性、对象的事件名。再由对象的事件名到script元素中找对应的执行函数。•OnClick=Button1_Click表示Click事件，单击ID为Button1的按钮后执行位于script元素中的Button1_Click方法。Web开发技术152.2.2代码隐藏页模型•适用于多个开发人员共同创建网站的情形。•显示界面的代码包含于.aspx文件，而逻辑处理代码包含于对应的.aspx.cs文件。•与单文件页模型不同，.aspx文件不再包含script元素，但在@page指令中需包含引用的外部文件。Web开发技术16实例2-3代码隐藏页模型(源程序：2-3.aspx)%@PageLanguage=C#AutoEventWireup=trueCodeFile=2-3.aspx.csInherits=chap2_2_3%!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN==servertitle代码隐藏页模型/title/headbodyformid=form1runat=serverdivasp:TextBoxID=TextBox1runat=server请输入内容/asp:TextBox asp:LabelID=Label1runat=serverForeColor=#FF9966/asp:Labelbr/asp:ButtonID=Button1runat=serverOnClick=Button1_ClickText=确定//div/form/body/htmlWeb开发技术17实例2-3代码隐藏页模型(源程序：2-3.aspx.cs)usingSystem;publicpartialclasschap2_2_3:System.Web.UI.Page{protectedvoidButton1_Click(objectsender,EventArgse){Label1.Text=不管您输什么，我都喜欢ASP.NET!;}}Web开发技术18程序说明•代码隐藏页模型在读代码时可先看“.aspx文件”中内容，主要关注有哪些控件对象、对象的ID属性、对象的事件名。再由对象的事件名到相应的“.aspx.cs文件”中找对应的执行方法。•在.aspx文件中增加了@Page指令，其中AutoEventWireup=true指定页面事件自动触发；CodeFile=2-3.aspx.cs指定后台编码文件，使得显示界面和后台编码文件相互关联；Inherits=chap2_2_3指定继承的类名，该类的定义存储于相应的后台编码文件中。Web开发技术192.3.CSS文件和CSS常识•XHTML能限定浏览器中网页元素的显示格式，但可控性不强，如统一网站风格需要逐个网页去修改。CSS（CascadingStyleSheet）级联样式表定义网页中元素的样式规则，现已为各类浏览器所接受。在XHTML基础上，CSS提供了精确定位和重新定义XHTML元素属性的功能。一个CSS样式文件可以作用到多个XHTML文件，这样，当要同时改变多个XHTML网页风格时，只要修改CSS样式文件即可。Web开发技术202.3.1定义CSS样式•每个CSS样式有两个主要部分：选择器（如h1）和声明（如color:blue）。声明由一个属性（color）及其值（blue）组成。•根据定义的不同用途，CSS样式包括基于元素的样式、基于类的样式和基于ID的样式。•注意：当这三种样式运用于同一个XHTML元素时，基于ID的样式优先级最高，其次是基于类的样式，最后是基于元素的样式。Web开发技术21基于元素的样式•基于元素的样式将重新定义指定XHTML元素的属性，其选择器即为XHTML元素名，如对所有段落（p标记中的内容）创建左右均为25象素的边距，其样式规则为：p{margin-left:25px;margin-right:25px;}Web开发技术22基于类的样式•一个基于类的样式可以应用于不同的XHTML元素或某个XHTML元素的子集（如应用于部分段落）。定义时，要在选择器名前加“.”，如对类名intro定义为红色的样式规则为：.intro{color:#ff0000;}•在页面中，用class=类名的方法调用，如：pclass=introWeb开发技术23基于ID的样式•基于ID的样式应用于具有ID属性的元素，且常用于单个XHTML元素的属性设置。定义时，需在选择器（ID名）前加“#”。•在网页CSS布局中主要靠层“div”实现，而“div”的样式常采用基于ID的样式。如要对定义的层divid=menubar…/div设置背景色为绿色的样式规则为：#menubar{background-color:#008000;}Web开发技术242.3.2CSS样式位置•CSS样式规则可以放在不同的位置，包括：与XHTML元素的内联、位于页面的style元素中和外部样式表（.css文件）中。•注意：不同位置CSS样式规则的优先级是内联样式最高，其次是页面中的CSS样式，最后是外部样式表。Web开发技术25创建内联样式•当要为单个元素定义属性而不想重用该样式时，可以使用内联样式。内联样式规则在XHTML元素的style属性中定义，如：pstyle=font-weight:bold;font-style:italic。Web开发技术26创建特定页的CSS样式•当要为特定页中的元素设置样式规则时，可以在head元素中的style元素内定义。定义时可采用基于元素的样式、基于类的样式或基于ID的样式。实例2-4创建特定页的CSS样式•源程序：2-4.htm(P26)Web开发技术27创建外部样式表•外部样式表中的样式规则常应用于整个网站，这些规则包含于独立的.css文件中。•在调用时，使用link元素可以将样式表链接到网页，如将“1-3.css”文件中的样式规则应用于当前页的代码为：linkrel=stylesheettype=text/csshref=1-3.css/•实例2-5外部样式表(*)•源程序：2-5.css，2-5.htmWeb开发技术282.4.js文件和JavaScript常识•JavaScript是由NetScape公司开发的基于对象和事件驱动的解释型语言。作为一种脚本语言可以直接嵌入到XHTML页面中，不需要Web服务器端的解释执行即可由浏览器实现网页的执行。目前，所有的浏览器均支持JavaScript。•具有运算、流程控制、支撑