怎樣從零開始做一個網頁？

自己動手做一個內容豐富的網頁，並把它分享給別人，這個過程很艱辛但樂趣無窮。下面的教程完全適合新手從零開始學做網頁，使用的是的GitHub網站上的免費域名。

工具/材料

webstorm

操作方法

01

在GitHub倉庫中默認會有兩個文件，選中其中任意一個點擊後面的垃圾桶符號進行刪除，然後再點擊界面下面的commit changes，保存到服務器

02

同樣在把另外一個文件刪除，刪除之後我們的網頁就會出現一個404的訪問限制，是因為網站沒有任何內容，所以就是這個樣子。

03

在這裏我們自己新建一個網頁，不使用他的主題模板，之前刪除的兩個文件就是模板。新建一個文件，在圖中紅色文件夾名稱處，可以自定義網頁名稱，每次操作都要點擊底部的【commit changes】，網頁內容輸入的是：歡迎來到我的本站！！

04

怎麼訪問自己的網頁呢？
點擊選項卡中的【settings】，找到【GitHub pages】，下面的網頁地址就是自己的域名，點擊就可以訪問，但是訪問的時候，可能由於服務器緩存還沒有加載過來，所以要等待一會兒才會生效。

05

剛才我們的網頁內容是非常的簡單，需要使用規範的網頁設計軟件，比如webstorm、dw按照網頁代碼的規範書寫，這裏使用的是前面提及的軟件，可以通過搜狗搜索下載，下載下來的版本選擇試用版。

06

軟件完成安裝，點擊【files】---新建【HTML files】，並命名，之後就出現HTML的格式啦，在body中間輸入網頁文本內容即可。

07

我們在這裏輸入的是李白的靜夜思為例，使用<p>..........</p>換行，輸入完成可以點擊右邊的瀏覽器符號在該瀏覽器中預覽，這就是webstorm的優勢。

08

預覽沒有錯誤後，可以將HTML中的所有代碼，Ctrl+A全選，然後粘貼到GitHub的文件中去，如圖。

09

使用步驟4的方法來訪問自己的域名，可以看到效果，這裏是真正上載到服務器啦。

10

如果不想將網頁的標題設為默認的title，可以直接在GitHub的編輯器中修改，因為這個修改的幅度很小很簡單，可以直接在GitHub編輯器中修改，只要在<title>......</title>輸入標題，這樣打開的網頁標題就修改了。

特別提示

這裏的WS是30天試用版本。