基於VS2015製作一個簡單的web

認識VS2015

前言: 關於初始VS界面跟Visual C++界面佈局很像(學C時候使用過,畢竟都Microsoft的哈哈哈)但當用起來理解層次關係卻很不同,我覺得也正是這點理解清楚才讓我們靈活運用VS的不同窗口,下面讓我們一起來認識一下吧。

1.認識VS2015佈局,初始界面

在這裏插入圖片描述
視圖(黃色標記處):如上述各窗口有未打開的,可在視圖中找到並開啓。
解決方案資源管理器; 管理網站項目與網頁,最好把項目(默認位置和網頁的保存不同)和網頁的保存位置放在同一個文件夾中,便於管理。修改方式如下,在菜單欄 找到工具打開選項在這裏插入圖片描述把項目保存在自己想存放的位置在這裏插入圖片描述

 
 

2.理清工作區窗口層次結構及作用 (重點重點重點,不然設計時候找不着北)
在這裏插入圖片描述
此界面下面會詳細介紹怎麼創建的,這裏先只是單獨介紹設計層工作區源工作區
補充: 製作一個web可有代碼實現各種功能也可直接設計,後者更易上手但對源碼不瞭解對一個網頁的安全性會存在很大風險)
設計層: 主要通過選用工具箱中的工具實現網頁效果,易於操作。
源層: 編寫代碼工作區實現網頁效果。
 
3.理解Web框架的標籤層次
在這裏插入圖片描述
標籤作用: 實現不同Web效果。
標籤用法: 標籤都成對存在,所需實現Web效果在一對標籤內完成,所以不同標籤之間的作用效果就像洋蔥一樣一層一層的,出了一對同種的標籤實現的便不是此標籤的效果

基於本地製作一個簡單的Web

1.在磁盤中創建一個空文件夾(用於新建保存項目和網站)本例以MyWeb爲例,然後開始新建一個網站。
在這裏插入圖片描述
進入如下界面

在這裏插入圖片描述完成後的界面是沒有工作區的,此時做如下操作創建添加Web窗口會生成一個默認名爲default(創建時也可更改名字)的窗口。

在這裏插入圖片描述
2.資源管理器中項目包含個文件介紹
在這裏插入圖片描述
3.現在便可以來實現網頁的效果了。在這些一個顯示Hello World的網頁。
在這裏插入圖片描述

在這裏插入圖片描述
上圖所屬界面也可根據要實現的網頁效果通過左邊工具箱中的工具區實現(各種工具自己去試試就可,這便不舉例了).

在這裏插入圖片描述
按Ctrl+F5便可查看網頁效果(若出現提示調試 ,不建議確認會影響網頁的實現效果)

4.用代碼實現關閉調試更改Web.config文件
在這裏插入圖片描述

亂碼問題及常見報錯

1.關於亂碼
產生亂碼主要原因就是選用的編碼問題或者可以試着更換不同瀏覽器去打開解決亂碼問題。

在這裏插入圖片描述

2.關於狀態碼報錯常見400-請求無效/404-無法找到文件等
解決方案: 細心按着上邊製作步驟走一般便不會出錯。
這裏涉及協議報文請求等所以不做過多的敘述。

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