怎樣從零開始做一個網頁?
自己動手做一個內容豐富的網頁,並把它分享給別人,這個過程很艱辛但樂趣無窮。下面的教程完全適合新手從零開始學做網頁,使用的是的GitHub網站上的免費域名。
工具/材料
webstorm
操作方法
01在GitHub倉庫中默認會有兩個文件,選中其中任意一個點擊後面的垃圾桶符號進行刪除,然後再點擊界面下面的commit changes,保存到服務器
02同樣在把另外一個文件刪除,刪除之後我們的網頁就會出現一個404的訪問限制,是因為網站沒有任何內容,所以就是這個樣子。
03在這裏我們自己新建一個網頁,不使用他的主題模板,之前刪除的兩個文件就是模板。新建一個文件,在圖中紅色文件夾名稱處,可以自定義網頁名稱,每次操作都要點擊底部的【commit changes】,網頁內容輸入的是:歡迎來到我的本站!!
04怎麼訪問自己的網頁呢?
點擊選項卡中的【settings】,找到【GitHub pages】,下面的網頁地址就是自己的域名,點擊就可以訪問,但是訪問的時候,可能由於服務器緩存還沒有加載過來,所以要等待一會兒才會生效。
剛才我們的網頁內容是非常的簡單,需要使用規範的網頁設計軟件,比如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天試用版本。
-
手機微信公眾號上的視頻怎麼下載
如果移動設備的天下,無論是網購,看新聞等等,都在手機上完成,那麼我們在手機版的微信公眾號上看到好的視頻,想下載,怎麼下呢操作方法(01)在微信公眾號上,點擊分享,彈出的分享頁面中,我們選擇【發送到我的電腦】(02)然後在電腦上登錄QQ賬號,在【我的設備】中打開會話框(03)在我的...
-
HTTP 錯誤 500.22 - Internal Server Error圖解
網站管理員在配置IIS服務器的時候會出血一系列的報錯無問題,今天給大家分享一個關於iis7HTTP錯誤500.22-InternalServerError的解決辦法操作方法(01)出現如圖錯誤“檢測到在集成的託管管道模式下不適用的ASP.NET設置”,那麼我們應該如何解決呢?繼續向下。(02)第一步,我...
-
Python中如何應用split
我們用python處理字符串的時候經常會需要分割字符串,這個時候我們會用到split。那麼你真的會用它嗎?下面小編來給大家分享一下split的使用以及注意事項操作方法(01)首先我們在python環境中先來建立一個字符串,如下圖所示(02)然後我們調用split方法,已冒號作為分隔符,如...
-
linux怎麼解壓zip包
linux怎麼解壓zip包,在linux中,解壓ZIP壓縮包,是相對容易的,使用unzip命令即可操作方法(01)連接到linux遠程主機,並進入zip文件所在目錄(02)使用LS命令列出目錄中文件,確認zip文件的全稱(03)使用unzip命令解壓zip壓縮包(04)inflating,看到該單詞,表明ZIP解壓縮成功了(05)如果不放...