時光荏苒，歲月如梭，又是學期期末時，沒錯，我又來補課程設計了，hhh。
本文主要講述如何在用H5+CSS3寫的靜態網站的基礎上，結合ASP.NET動態網站開發，制作一個動態的個人網頁。
首先需要熟悉一下Virtual Stdio這個編譯環境。打開VS，建立一個站點，創建一個空白網站，記得選用C#語言。然后可以看到熟悉的H5的基本框架，略有不同的是有些標簽中有一些新的屬性，比如runat="server"和form等。
然后將靜態網頁中body中的語句先粘貼過來，隨后再按需要將標簽換為服務器控件，然后將引用的css文件和樣式也放在頭部的位置，然后點擊運行，可以看到動態網站的框架基本就搭建好了。
如何修改控件的樣式呢？之前添加樣式是各種選擇器，比如盒子的id名稱，這里需要在服務器控件中添加cssClass屬性，然后編寫對應的屬性即可。
最后需要說明的是如何建立數據庫，如何使用調用數據庫中的信息然后呈現出來。這里我們先在站點文件夾里新建一個文件夾App_Data，再將建立的好的數據庫放在里面即可。這里使用Access數據庫，原則上Mysql，Oracle，SQLserve都可以，只不過不同數據庫的連接串不同而已。
那么如何使用Access建立數據庫呢？打開軟件，建立新的數據庫，命名，然后創建表，添加字段命名表名並保存。
怎么取出數據並顯示在網頁上呢？在創建的新網頁上添加一個GridView，綁定字段和數據來源即可。在對應cs文件中添加事件，另外需要注意的是，當發生分頁時，需要處理對應的頁面索引變更處理代碼如下：
1 protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e) 2 { 3 GridView1.PageIndex = e.NewPageIndex; 4 GridViewBind(); 5 }
其他的頁面就是將主框架復制一下，然后將內容部分修改成該頁面的內容即可。
通過這次課程設計，了解了H5和CSS3在ASP.NET中的應用，以及如何使用C#語言來操作數據庫，最后完成一個動態的個人網頁課程設計。
如果有需要的小伙伴可以在這個網盤鏈接中下載，提取碼4hyl，希望對你有用。