網頁結構

毛慶禎
輔仁大學圖書資訊學系

製作網頁的過程, 大體需要這幾個步驟:

  1. 網頁的目標, 先想好建立該網頁的目標: 繳作業、做生意、推銷自己、驗收學習的成果; 目標明朗後, 一切好談。

  2. 預期的讀者, 有了目標後, 訪客的層級與規模就很明確了。

  3. 選定編輯器, 總不致於用記事本撰寫網頁吧! 每個標籤都自己敲進去, 不僅虐待自己, 而且容易出錯。免費的網頁編輯器到處都有, 附贈的網頁編輯器也不少, 最喜歡的就是最好的。

  4. 設計藍圖, 決定網頁的內容以什麼方式呈現。

  5. 編製內容, 把內容放進來, 加入標籤。

  6. 測試, 確定編碼的完整, 在客戶端的瀏覽器裡讀取硬碟裡的網頁檔案。

  7. 出版, 以檔案傳輸協定或其他方式, 把網頁檔案上傳在網際網路服務商給定的次目錄裡, 或者自己架設網頁伺服器。

HTML

主管機關為 W3C, http://www.w3.org/

  1. 1989年, Tim Berners-Lee發明 HTML
  2. 1993年, HTML 1.0
  3. 1995年2月, HTML 2.0
  4. 1995年10月, HTML 3.0
  5. 1996年5月, HTML 3.2
  6. 1997年9月, HTML 4.0, 11月10日定案, 1999年12月24日, HTML 4.01 http://www.w3.org/TR/html4/

工具

  1. 瀏覽器, Microsoft Internet Explorer, Netscape Communicator
  2. 編輯器, http://ftp.nsysu.edu.tw/cpatch/a-z/h/homesite/
  3. 網頁空間, http://www.todo.com.tw
  4. 電子郵件帳號
  5. 多媒體製作軟體

HTML架構

<HTML>

<HEAD>

</HEAD>

<BODY>

</BODY>

</HTML>

檔頭

移動網頁位址後, 可在原網頁留個參照。以下的例子, 在2秒之後, 自動移到新的網址:

<META HTTP-EQUIV="Refresh" CONTENT="2"; URL="http://www.newurl.edu.tw/~mao/index.htm">

標籤

<FONT SIZE="4" COLOR="RED">

</FONT>

本體

<BODY> ...... </BODY>

參考資源

  1. 檔案服務 / HomePage編輯器, HomeSite, 或 http://ftp.nsysu.edu.tw/cpatch/a-z/h/homesite/
  2. 瀏覽器, Microsoft Internet Explorer, Netscape Communicator
  3. HTML的首頁, http://www.w3.org/MarkUp/, HTML 4.01全文在這裡, http://www.w3.org/TR/html401/html40.txt
  4. 顏色表:  http://www.htmlgoodies.com/tutors/colors.html

  5. 計數器, 含各類統計分析報表, http://www.hotrank.com.tw/reg.htm, http://www.thecounter.com 

  6. 訪客留言簿, http://www.theguestbook.com/ 

作業

  1. 製作個人網頁, 有自己的名字, 並連結至授課教師之網頁
    參考網頁 http://www.todo.com.tw

輔仁大學圖書資訊學系 毛慶禎
mao@blue.lins.fju.edu.tw 		http://www.lins.fju.edu.tw/~mao/wpd/structure.htm
2001/03/02