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來實現導航功能很容易,開發人員只需編少量代碼編可實現!
 

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