ASP.NET網站模板的實現(第2節)_實用技巧

我們的主要學習任務是掌握網站地圖檔和網站導覽控制項的使用以及熟練掌握建立主版頁面和產生內容頁的方法，開始學習吧
學習內容：

第一步，網站的麵包屑導航
1、建立ASP.NET應用程式，運行Visual Studio2008,在功能表列中選擇“檔案”→“建立”→“項目”命令,進行操作。
2、在“方案總管”面板中，右擊“解決方案‘0931'”，在彈出的捷徑功能表中選擇“添加”→“建立網站”命令，建立E：\0931\Navigation網站。
3、建立網站地圖檔(web.sitemap)。 在“方案總管”面板中，右擊網站名Navigation，在彈出的捷徑功能表中選擇“添加新項”命令。在彈出的“添加新項”對話方塊中選擇“網站地圖”模板，單擊“添加”按鈕。Web. sitemap部分代碼如下：

<siteMapNode title="電腦軟體技術專業0931"description=""url=""> <siteMapNode title="首頁"description=""url="Default.aspx"> <siteMapNode title="使用者登入"description=""url="~/Login/Login"> 

4、為0931網站首頁Default.aspx建立麵包屑導航。在Visual Studio 2008的“方案總管”面板中，右擊網站名Navigation，在彈出的捷徑功能表中選擇“添加新項”命令。在彈出的“添加新項”對話方塊中選擇“Web表單選項，名稱為Default.aspx，預設將代碼放在單獨的檔案中，單擊“添加”按鈕。
切換到“設計”視圖，從左側工具箱導航組中拖出SiteMapPath控制項。
Default.aspx頁面部分代碼如下：

<div class="head_layer">  </div><div class="sitemappath_layer">  </div><div class="foot_layer">  </div>

運行Default.aspx即可看到運行效果。
5、同步驟建立0931使用者登陸頁面/Login/Login.aspx,並為其添加麵包屑導航。
6、為麵包屑導航設定格式，切換到“設計”視圖，右擊SiteMapPath控制項，在彈出的捷徑功能表中選擇“自動套用格式”命令，進行編輯。
 第二步，添加熱區
問題一：如何計算熱區？

注意：image與imagemap的區別？
Image控制項用來添加頁面banner圖片
ImageMap控制項用來添加navigate導航條圖片，在導航條圖片中設定熱區(用來提供超連結)
第三步，建立主版頁面
建立主版頁面。在Visual Studio 2008的“方案總管”面板中，右擊網站名Navigation，在彈出的捷徑功能表中選擇“添加新項”命令。在彈出的“添加新項”對話方塊中選擇主版頁面，副檔名為master。這裡則命名為“banji.master”,單擊“添加”按鈕。
第四步，建立內容頁
第一種方法：
（1）建立普通的Web表單頁面。右擊banji檔案夾，在彈出的捷徑功能表中選擇“添加新項”命令，建立分頁檔。
（2）將建立頁面改造成內容頁
（3）運行
第二種方法：
（1）在主版頁面中直接新增內容頁。
（2） 在“方案總管”面板中，右擊網站名，在彈出的捷徑功能表中選擇“添加新項”命令，在添加的“Web表單”產生aspx頁面時選中“選擇主版頁面”複選框，在後續彈出的選擇主版頁面的對話方塊中選擇需要的主版頁面。

運行效果圖：

總結
    通過本節的學習，開始真正接觸動態網站。在學習過程中，使用SiteMapPath設計麵包屑導航，第一次學習調試的時候不能連結上，檢查原因代碼拼字錯誤；又進行熱區學習，關於這一點，在設定的時候應該精確數值，如果可以的話可以使用Dreamweaver，接下來設定主版頁面，整個學習過程知識量較大，需要通過短時間的學習掌握這些知識，是有一些難度的，所以平時我們要加強練習，熟能生巧嘛。

    希望這節課網站模板和麵包屑導航的實現操作，對大家今後的學習有所協助。