站点设计
1.总体设计目标
● 开发一个功能模型
● 确定在实现站点过程中可以使用的技术
● 开发一个技术说明书,描述这样实现所需的功能
2.Master和Content页面
Master和Content页面实现站点的一致外观,这时ASP 2.0最重要的新功能。
Master页面定义了所有基于该页面的网页使用的布局。它是页面的最高控制。每个Content页面都以Master页面为基础,开发人员将在这里为每个页面添加具体的内同。
Master页面必须包含如下元素:
● 基本的HTML和XML输入标记
● 第一行是<%@master%>
● 带有ID的<asp:ContentPlaceHolder>标记
Content页面包含如下特性:
● 没有HTML的<!DOCTYPE HTML...>标记和XML的<html xmlns=...>标记
● 第一行的<%@ page MasterPageFile=...%> 指示ASP.NET 2.0应使用哪个Master页面
● 包含一个<asp:content>标记
注意:Content的属性ContentPlaceHoderID必须匹配Master页面中的ContentPlaceHolder的ID。
3.Master页面的其它功能
多层次的Master页面。即一个Content页面包含于他的上级Master页面,上级Master页面又包含于上上级Master页面 这样一种多层次的结构。在这里主要的是 中间层的 Master页面,因为其既是Master页面又是Content页面。scource里就该包括<%@master% MasterPageFile=...%>
<asp:content>
<asp:contentplaceholder><asp:contentplaceholder>
</asp:content>
内容占位符必须全部包含在content中。
Master页面支持多个内容占位符,将内容放在不同的占位符中有助于网页的设计和布局。
另外,今天还得知了一点关于CSS(Cascading Style Sheet 级联样式表)的知识。CSS是HTML的特性,而不是ASP.Net2.0的特性,CSS包含了用于页面和控件的各种各样的格式,因此页面在显示时,其上的所以元素,文本和按钮以及链接的风格等等,都会根据CSS中定义的格式来显示。有了CSS,设计人员就可以少用很多使用很频繁的单个样式格式标记,CSS可以加快页面加载速度,因为CSS只用加载一次,可以直接保存在客户端缓冲这中。
CSS的引入方法:1.<head><style></style></head> 即在head标签里加入style标签。
2.将样式表链接到页面。将样式表作为单独的.css文件,并且链接到页面。 <head><link rel="stylesheet" type="text/css" href="mycss.css"/><head>,这种方法更好。