本教學網頁由站長親自編寫。若有問題,歡迎來信指教!

看完了超炫的網頁,你是否也想作一個自己的網頁呢?其實,作一個自己的網頁很簡單喔!

首先,介紹什麼是HTML?

"HTML"就是"HyperTxet Markup Language"的縮寫。中文名稱就是"超文字標記語言"。

如果你想作你自己的網頁,但是卻不懂HTML也沒關係,因為現在已經有一些現成的網頁編譯軟體可以製作,如Frontpage98/2000、Dreamwave、Flash等等,也是一樣可以簡簡單單地作出一個個漂漂的網頁,但是萬一網頁出現問題,可能自己會因為找不出問題而無法修正了!所以

能學會基本語法對你的網頁功力很有幫助喔!

 

 

《編寫時的前置步驟》

第一步: 首先,開啟檔案總管,注意副檔名是否已經出現!如下圖!

如果有,請看如何建立新的空白網頁;如果沒有,請繼續。

第二步: 為了讓《.jpg》等副檔名出現,請依照下列步驟。

按【檢視/資料夾選項】

 

第三步: 按【檢視】,去除《隱藏已知檔案類型的副檔名》的V!然後再按【確定】!

 

 

《如何建立新的空白網頁》

 

方式當然有很多種,我們介紹最基本的方式→「以純文字文件改成網頁檔」。

請在要放置網頁的地方按【檔案/新增/純文字文件】來開啟一個純文字檔,應該看得到副檔名為《.TXT》。例如下圖要在[web]目錄夾下放index.htm檔。

第一步: 按【檔案/新增/純文字文件】來開啟一個純文字檔,應該看得到副檔名為《.TXT》,全名為《新增純文字文件.txt》。

 

第二步: 按一下《新增純文字文件.txt》的圖示使之反白,再按【檔案/重新命名】。

變成如下圖可更改名稱的狀態:

第三步: 輸入你要的完整檔名,本例為「index.htm」,並按【Enter】鍵。

出現下面的視窗,請按【是】。

這樣就會變成如下圖所示,注意到圖示不一樣了唷!

 

《如何編輯一個網頁》或《觀看原始碼!

第一步: 先開啟該網頁,例如要編輯上例的《index.htm》,按該圖示2下!即可順利開啟該網頁!
第二步: 按【檢視/原始檔】

即可自動開啟【記事本】來編輯《index.htm》。在本例中,因為尚未鍵入任何字,所以是空的!