熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

ASP.NET入門教程 3.1靜態頁面設計[1]

2013-11-13 11:00:10  來源: .NET編程 

    術語靜態表示頁面只是用於查看的Internet上有很多這樣的頁面(想像一下只有文本或者只有一系列圖片的HTML頁面)──開發人員並不總是需要讓站點的每個頁面上都包含一個用於提交信息的表單或者響應用戶的輸入依據定義靜態頁面包含不會發生改變(或者至少不會頻繁發生改變)的內容假設有一個私人站點其中有一個About Me頁面──可能有時會修改這個頁面的內容(例如搬家換工作或者結婚)但總體而言每年最多只會修改幾次

    靜態頁面讓作者想起了年前後的Web──那個時候我浏覽過的大多數站點都很簡單普通為不同的布局編寫HTML表格足以占用我數個下午的時間下面是一個簡單的練習──創建一個非常簡單的頁面並在HTML視圖中研究這個頁面的代碼查看HTML元素是怎樣組織的

    啟動VWD!這個練習不需要什麼思考──只要按照每個步驟操作同時好好體驗這項技術就可以了

    ()首先如果已下載了本章的基礎代碼那麼這些代碼將會有所幫助確保將該基礎代碼放置在C:\BegASPNet\Chapters\Begin\Chapter\Samples文件夾下

    ()打開VWD並從主菜單中選擇Open Web Site在彈出的對話框中選擇Chapter文件夾並單擊Open

    ()在右邊的Solution Explorer中右擊Chapter site並選擇Add New item

    ()在彈出的Add New Item對話框中選擇一個名為StaticHTMLPagehtm的新HTML頁面並單擊Add

    ()切換到Design View並輸入一些文本

    不用在意具體的文本這只是一個簡單的示例沒有必要將該頁面在Web上發布

    ()接下來從工具欄中選擇Layout→Insert Table向頁面添加表格將表格設置為如果喜歡可以設置邊框和間距(padding)

    ()在獲得表格之後就可以在每個表格單元中添加內容了試著在一個單元格中添加一些文本然後從VWD窗口左邊的工具箱的HTML面板中拖放一個圖片標記到頁面上如圖所示

    在設計區中添加表格之後可以單擊屏幕底部的<table>按鈕單獨選中頁面上的這個元素── 開發人員可以修改屏幕右邊Properties窗口中的屬性值從而改變表格的間隔和邊框等屬性

    ()單擊屏幕底部的Source按鈕並看到由VWD產生的HTML代碼稍做修改即可為圖片添加一些樣式和鏈接

ASPNET 入門教程完整版 

[]  []  


From:http://tw.wingwit.com/Article/program/net/201311/14958.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.