1. 程式人生 > 程式設計 >如何使用ASP.NET建立網站並設計web頁面

如何使用ASP.NET建立網站並設計web頁面

建立網站

1.從網上下載VS2017,我接觸的朋友和公司大多數都是使用VS2017/VS2019,我查過,差別不大,不影響學習,但不建議專案中突然改變版本,升級或降級,都有一定的報錯什麼的,所以還是老老實實選好了就不要隨意升www.cppcns.com級/降級,畢竟運行了這麼久,框架也成型了,不好改變

2.開啟VS2017,在檔案選單中,選擇新建->專案->Web-APS程式設計客棧.NNT Web,名稱和位置可以自己定義,另外我選的是.NET Framework 4框架,因為這個版本的使用率比較普及的

如何使用ASP.NET建立網站並設計web頁面

如何使用ASP.NET建立網站並設計web頁面

直接確定後,生成完成後,會看到一個web.config,是一個配置檔案

3.新增頁面,選擇專案LibraryMS右鍵->新增->新建項

如何使用ASP.NET建立網站並設計web頁面

確認後,這個簡單的ASP.NET網站就完成了(注意:是空白的網站)。

設計頁面

1.前面我們新建了一個空白的ASP.NET網頁,那麼接下來這章我們就講一下設計Web頁面

2.佈局頁面有兩種方法,一種是通過Table表格來佈局頁面窗體,另一種是通過css+DIV來佈局窗體,其中作為前端,包括我,以後也會經常用到CSS+DIV來佈局窗體,不過這個涉及的比較多,知識領域就不同了,CSS樣式和DIV就先不講,這一章我們就用Table表格來佈局頁面窗體

3.開啟之前的專案,找到之前的Login.aspx,點選設計

如何使用ASP.NET建立網站並設計web頁面

4.在工具箱中,展開HTML工具卡,找到Table,拖動過去

5.Table中可以隨意設計,把左邊的控制元件拖動過去就可以了

程式設計客棧,擺設的差不多就完成了,這個就叫做新增伺服器控制元件。

6.除了這種拖動的方式,還有一種方式就是通過寫程式碼的方式來進行新增控制元件,在一開始左下角點選設計的旁邊有個源,點選源可以看到你剛剛拖動進來的一些控制元件,都轉成了程式碼,甚至一整個設計的介面,都全部轉成了原始碼。我們可以自己寫一個,比如新增一個名為測試的標籤,注意的程式設計客棧是ID是唯一的

如何使用ASP.NET建立網站並設計web頁面

如何使用ASP.NET建立網站並設計web頁面

拖動比較方便,也比較效率,但也建議大家多瞭解這些程式碼,對以後學前端使用標籤語言的時http://www.cppcns.com候就不會那麼難受了

以上就是如何使用ASP.NET建立網站的詳細內容,更多關於ASP.NET建立網站的資料請關注我們其它相關文章!