ch03 页设计.ppt

第三章 网页设计 网页设计 静态页面设计 ASP.NET网页介绍 服务器控件概述 HTML服务器控件 标准控件 高级控件 静态页面设计 所谓“静态”是指网站的网页内容“固定不变”，当用户浏览器通过互联网的HTTP协议向Web服务器请求提供网页内容时，服务器仅仅是将原已设计好的静态HTML文档传输给用户浏览器。页面中的中内容使用的是标准的HTML代码。 静态页面只是显示，不提供交互功能。准确地说，静态页面的内容不会发生改变。 HTML HTML是网页制作的最基本要素。如果不熟悉HTML，这里介绍的就是必须了解的基本概念： HTML是一种纯文本类型的标记式语言，利用标记来标识信息，不需要翻译而直接从浏览器解释执行，通过一些标记来告诉浏览器怎样显示内容。 一个标记称为一个元素，每个标记都用一对 括起来，大部分标记是成对使用，只有个别的是单独使用。 每个标记都有自己的名称和属性，标记的属性告知浏览器如何显示网页。 【例 3?1】 html head title网页设计基础/title /head body bgcolor=blue h1这是H1字体/h1 h2这是H2字体/h2 h3这是H3字体/h3 h4这是H4字体/h4 /body /html XHTML HTML从出现发展到今天，仍有些缺陷和不足。HTML的三个主要缺点： 太简单：不能适应现在越多的网络设备和应用的需要，比如手机、PDA、信息家电都不能直接显示HTML； 不规范：由于HTML代码的不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML； 数据与表现混杂：当页面要改变显示时，就必须重新制作HTML。 因此HTML需要发展才能解决这个问题，于是W3C又制定了XHTML，XHTML是HTML向XML过渡的一个桥梁。 XHTML的特点 XHTML解决HTML语言所存在的严重制约其发展的问题。 XML是Web发展的趋势，XHTML是当前替代HTML 4.0标记语言的标准，使用XHTML 1.0，只要遵守一些简单规则，就可以设计出既适合XML系统，又适合当前大部分HTML浏览器的页面。 使用XHTML的另一个优势是：它非常严密。 XHTML的特点 XHTML能与其他基于XML的标记语言、应用程序及协议进行良好的交互工作。 XHTML是Web标准家族的一部分，能很好在无线设备等其他用户代理上。 XHTML的核心规则 标记成对使用或使用自封闭的标记（如br /来代替br）。注意的是有些浏览器不能识别br/（注意/前没有空格），所以不要忘记在/前加上一个空格。 标记和属性名字必须是小写。 属性值必须封装在成对的引号中。 标记必须正确嵌套。pfont/p/font 把所有和特殊符号用编码表示： 给所有属性赋一个值。XHTML规定所有属性都必须有一个值，没有值的就重复本身。 动态页面 为了从HTML的静态世界进入ASP.NET的动态世界，首先要知道动态内容意味着什么。动态页面是可以通过网站后台管理系统对网站内容进行更新管理的页面。当单击Web页面中表单上的按钮时，可以触发一些事件，如可以通过点击按钮提交订单，向服务器发出请求和一些参数。 表单的基本概念 ASP.NET引入了Web表单的概念。HTML表单只包含了表单内部控件和相应的布局信息，而Web表单中则包含了表单内部控件、相应的布局信息及数据提交后的数据处理代码。 HTML表单 HTML表单是在Web页中的form和/form标记之间定义的控件组，用于让用户输入数据并提交。例： form method=post action =page.asp 输入您的用户名： input type=text name=username input type=submit name=ok value=提交 /form 表单的基本概念 Web表单 Web表单和HTML表单从本质上来讲是完全不同的表单，但在表现形式上没有太大差别。Web表单通常采用下面的方式来表示： form runat=”server” …… /form 回发和往返行程 ASP.NET网页的处理循环如下： 1. 用户请求页面（使用HTTP GET方法请求页面）。 2. 页面将标记动态呈现到浏览器。 3. 用户键入信息或从可用选项中进行选择，然后单击按钮。 4. 页面发送到Web服务器。更明确地说，页面发送回其自身。 5. 在Web服务器上，该页再次运行，并且可在页上使用用户键入或选择的信息。 6. 页面执行通过编程所要实行的操作。 7. 页面将其自身呈现回浏览器。 服务器控件的定义 在网页上经常会遇到填写注册信息一类的界面，一般包括文本框、单选框、复选框、下拉列表和按钮等基本元素，这些基本元素就是控件。服务器控件是一种在服务