chapter 3

                                                                                页面设计      

      今天学习了页面设计，首先学习了静态页面的设计，HTML页面的设计以及一些标签的用法，在Javascript笔记中有用法，在这里就不过多阐述。不过熟悉HTML元素对开发ASP.NET的开发人员来说是很必要的。

      XHTML是一组规则，如果按照这些规则来编写HTML代码，那么所编写的代码将能够更好地与各种标准兼容，从而使页面可以在不同的客户端浏览器上显示。事实上编写出色的HTML，就是在编XHTML。

    XHTML规则核心内容： 1.总使用闭标记(因此每个段落总是同时使用<p>和</p>)或使用自闭标记
(例如用<br/>代替<br>)
                                               2.标记和属性的名称必须小写，因为XHTML是区分大小写的。
                                               3.属性必须包含在双引号内。
                                              注：这知识XHTML的简单总结，更多情上网查询。  

     学习到了动态客户端代码和动态服务器端代码，客户端代码多数是由Javascript编写，即前台代码。而服务器端代码，即后台又ASP.NET或PHP,JSP等语言编写。

    服务器端控件：其实在工具箱拖动任意你想要的控件是很轻松的一件事。有很多方法添加服务器端控件
可以在source view里用代码来添加控件，source view 里也可以在工具箱拖动。另外就是在design view
视图里拖动控件。
在这里要明确浏览器是不能直接理解服务器端控件的，需要将其转换成HTML控件才能在页面上显示。
HTML控件在其属性上加 runat="server",就变为服务器控件。布局时一般使用静态HTML元素。

     导航控件：ASP.NET 2.0提供了很简单的导航控件，menu,treeviwe,siteMapPath...
1.SiteMapPath控件：这个控件为站点添加breadcrumb功能，帮助用户查看位于站点
中的什么层次结构。breadcurmb是一个重要的功能，几乎所有的站点上都有这个功能。
添加SiteMapPath时，将它添加到Master页面，这样所有Content页面都拥有了这个功能。
步骤：1.首先在source view中添加breadcrumb功能。
           <div ID="breadcrumbs"> </div>
          2.转到design view将SiteMapPath拖到BreadCrumbs div内部。将其ID属性修改为"
Crumbs"
此时，如果网站里已经有了web.sitemap，那么已经具备breadcrumbs功能。上一章介绍了
web.sitemap.因为SiteMapPath控件会挂钩到Web.SiteMap文件。该控件有些属性参考MSDN。
接下来学习了Menu控件：
在使用这个控件时，还需要一个不同类型的SiteMapDataSource控件来提供数据。添加了这
个控件后，将其改名为sitedata就可以将一个Menu控件添加到视图中，这时会出现smart Tasks
,选择上一步改名的sitedata数据源。接下来修改一些Menu的属性就OK了！
注：将菜单绑定到SiteMapDataSource控件是从Web.siteMap数据文件创建链接层次结构的一种
简便方法。

Treeview控件使用方法同Menu类似！

ASP.Net来实现导航功能很容易，开发人员只需编少量代码编可实现！