怎樣從零開始做一個網頁?
自己動手做一個內容豐富的網頁,並把它分享給別人,這個過程很艱辛但樂趣無窮。下面的教程完全適合新手從零開始學做網頁,使用的是的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天試用版本。
-
爲什麼qq老掉線/QQ自動掉線原因與解決方法
最近有朋友問爲什麼我的QQ老掉線,提示說和服務器連接失敗,以前都沒這種事的,也不知道是從什麼時候開始就老愛掉線了,而且是時好時掉線的,根據網上的一番收集與調查,總結出了以下QQ自動掉線所導致的原因與解決方法,以下一起來看看怎麼解決qq自動掉線的故障吧!QQ自動掉線...
-
教你AI 3D貼圖的運用實例
3D貼圖的運用實例操作方法(01)開啟Ai,新建畫布(02)新建一個深色矩形充當背景,並且按ctrl+2鎖定(03)先不管顏色,並且ctrl+shift+o輪廓化(04)開啟符號面板,再將文字拖進去添加爲符號(05)用矩形工具無填充,描邊0.01pt白色畫矩形,然後用小黑工具將其改爲圓角(06)用小黑工具選中形狀,然...
-
如何配置java的JDK環境變量
如何配置java的JDK環境變量呢?也許java開發人員剛接觸JDK工具時,不是很熟。現講下。操作方法(01)安裝JDK,安裝過程中可以自訂安裝目錄等資訊,例如我們選擇安裝目錄爲 C:\ProgramFiles\Java\jdk1.7.0_17;(02)安裝完成後,右擊“我的電腦”,點擊“屬性”;(03)選擇“進階”...
-
AVI格式視頻怎麼轉MP4
平時工作或者是生活中,有些視頻是AVI格式的,想要將它轉換爲MP4格式,那麼AVI格式視頻怎麼轉MP4呢?操作方法(01)要轉換視頻的格式,一般可以使用第三方軟件,如格式工廠,在桌面上找到它的捷徑,開啟它。(02)開啟之後,來到如下圖所示的介面。(03)因爲是要將AVI格式的視頻轉換爲M...