準備製作網頁

毛慶禎

輔仁大學圖書資訊學系   

2001/02/15


教學目標

瞭解下列術語的定義, 及其用途:

  1. 全球資訊網 World Wide Web, WWW

  2. 網頁瀏覽器 Web Browser

  3. 網頁伺服器 Web Server

  4. Uniform Resource Locators, URLs

  5. 必備要件

全球資訊網

無人掌控它, 在美國麻省理工學院及歐洲 INRIA 設有辦事處的 World Wide Web (W3) Consortium, 對全球資訊網建立規範。

網頁是一種超文件資訊系統 (a hypertext information system)。超文件讓我們可以隨意的跳躍閱讀, 軟體的線上說明, 就是一種超文件資訊系統。

網頁是跨平台的, 任何硬體或軟體, 都可以讀取網頁。

網頁是分散式的, 它可以放在世界的任何角落。

網頁是動態的, 可隨時改變其內容。

瀏覽器是多功能的, 除了讀取網頁用的 HTTP 協定外, 還可以讀取 FTP、GOPHER等協定的文件。

網頁是互動的, 留言板、表格等, 讓訪客留下資料。

實地的作業, 大約分為幾個階段:

  1. 主題架構:就是網站內容主題以及操作介面,先要想好。

  2. 取得工具:準備寫網頁的工具、圖片製作工具、網路工具。

  3. 編寫網頁:開始動工,編寫網頁,最累最有成就感的時候。

  4. 找個空間:寫好網頁就要放上網路,得找個免費空間來放。

  5. 上傳網頁:有了網頁空間,就將寫好的網頁上傳到網路上。

  6. 維護網頁:後續的維護網頁工作,保持網頁的新鮮度

絕大多數的場合, 寫一兩個網頁就夠了。

瀏覽器

一般人用的瀏覽器有二:

還有更多的瀏覽器, 祗是缺乏推廣, 所以沒有被消費者青睬。Lynx 是純文字的瀏覽器, 非常適合盲人使用, 或者在文字介面作業系統使用。

網頁伺服器

擺放網頁的電腦, 稱為網頁伺服器; 嚴格說來, 它指的是一個軟體, 讓瀏覽器可以讀取該電腦內的檔案。

URL

URL 指向網際網路裡的資料, 包括: 網頁、FTP 或 GOPHER 裡的檔案、網路論壇 (Usenet) 的言論、電子郵件等。

要件

網頁是現代人的名片、公司的門面。會寫字就會做網頁, 印名片需要付錢, 做網頁一毛不花。

先找個放網頁的空間, 再申請一個電子郵件, 選個好聽又好記的轉址服務, 就可以把婆婆媽媽的大事小事, 都放在網際網路裡, 天涯海角, 隨時都可以讀到這個網頁。

以CGI程式放幾個互動空間上來, 就可以製作留言板, 讓你的朋友彼此溝通, 或者找個計數器來, 算算你的人氣指數。

光是文字還不夠, 圖片或動畫是現代人最容易接受的媒介, 來段音樂更是美妙, 加上即時影片, 更是令人印象深刻。

網頁編輯器是編輯炫炫網頁的利器, 倘若有一堆的網頁要秀, 不得不用到網頁管理軟體, 網頁多到要獨立, 還需要安裝網頁伺服器。

如果你堅持, 這些都是免費的, 祗要付出時間, 什麼都有。

先把這些資源準備好, 或者需要的時候, 再去找也可以, 反正它們永遠在那兒, 跑了這家還有另一家, 永遠不用愁。

網頁有名稱:

http://www.lins.fju.edu.tw/~mao

所在的電腦稱為伺服器, 以四個位元組表示其地址, 稱為 Internet Protocol Address, 為了方便人類的記憶, 每個 IP Address 可以向特定機構申請對應的網域名稱 (Domain Name)。

Domain Name: www.lins.fju.edu.tw  IP Address: 140.136.85.1

伺服器裡有若干網頁, 其架構以階層式的樹狀結構表示, ~mao; 至於 http:// 則是讀取網頁的通信協定名稱, 其原名為 HyperText Transfer Protocol。

就像你要小孩子在碰電子計算機之前,先去學九九乘法一樣,在仰賴網路製作軟體之前,先瞭解一點基本的HTML,對你絕對是有幫助的。那樣一來,你就知道你所能做的、你該如何做,並能解決你所可能碰到的問題。


參考資源

  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

作業

  1. 實際使用二個瀏覽器, 比較其讀取同一網頁時, 是否有相同的效果?

  2. 舉一個實際的例子, 說明 URL 的內容。

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

毛慶禎
臺北縣新莊市輔仁大學圖書資訊學系
Tel: 02 29031111 ext 2334, 3244(研究室) - Fax: 02 29017405
E-mail: mao@blue.lins.fju.edu.tw
http://www.lins.fju.edu.tw/~mao/wpd/intro.htm