chapter2 (1)

                                                                      站點設計

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

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章