站點設計
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>,這種方法更好。