網站製作基本過程詳解新手必看!

基本概念

1 網頁(Web Page)

網頁就是…(很難懂的概念,極其抽象,看得見摸不著),您為什麼到網際網路去,您在 WWW 上看到的就是網頁。它是由 HTML 編寫的檔案,上面有貼圖,有音樂。

2 主頁(Home Page)

主頁(Home Page) 它是一個網頁,是進入一個網站的開始畫面,就同 “瘟酒吧” 的藍天白雲一樣。也就是說,主頁是一個網站的門面,要想設計出一個優秀的網站,就必須有一個 “要讓瀏覽者想不看都難” 的主頁,它必須引人入勝,能吸引每一個來訪者的注意力,引發人們的好奇心,能讓人產生一種深入探索您的網站的衝動。優秀的主頁是一個好的網站必須具備的要素。

3 超級連結(Hyperlink)

超級連結是 WWW 的神經系統,它也是嚮導,把您從一個網頁帶到另一個網頁,或者從網頁的某一部分引導到另一部分。超級連結是用特殊的文字或圖象來實現連結的,單擊它就可以實現它的功能。

4 超文字(HyperText)

超文字是一種新的檔案形式,指一個檔案的內容可以無限地與相關資料連結。超文字是自然語言文字與計算機互動、轉移和動態顯示等能力結合,超文字系統允許多使用者任意構造連結,透過 Hyperlink 來實現。

5 超文字語言(Hyper Text Markup Language)

超文字語言 (HTML) 是製作編寫網頁、包含超級連結的超檔案的標準語言,它由文字和標記組成。超文字檔案的副檔名一般為 .html 或.htm 。

網站的組織結構

上網的網蟲一定覺得網路上內容豐富、資訊繁雜,但您是否想過一個網站的組織結構。網頁的組織結構有以下四種:

1 、線性結構

這是網站簡單的一種結構,它是以某種順序組織的,可以是時間順序,也可以是邏輯甚至是字母順序。透過這些順序呈線性地連結。如一般的索引就採用線性結構。線性結構是組織網頁的基本結構,複雜的結構也可以看成是由線性結構組成的。

2 、二維表結構

這種結構允許多使用者橫向、縱向地瀏覽資訊。它就好象一個二維表,如看課表一樣。

3 、等級結構

等級結構由一條等級主線構成索引,每一個等級點又由一條線性結構構成。如網站導航等就是這種結構。在構造等級之前,您必須完全徹底的理解您的網站內容,避免線性組織不嚴的錯誤,不方便瀏覽者。

4 、網狀結構

這是複雜的組織結構,它完全沒有限制,網頁組織自由連結。這種結構允許訪問者從一個資訊欄目跳到另一個欄目去,其目的就是充分利用網路資源和充分享受超級連結。整個網際網路就是一個超級大的 “網” 狀結構。

開始構造您的網站

1 、總體規劃您的網站

當您想建立您的網站是您一定已經在網上瀏覽過 n 個小時了,當看見別人的網上之家的時候,或者受朋友 “到我的網頁看看” 的精神刺激下,您開始產生網上建家的衝動了!但是這時候您並不知道您建網站的目的,您也不知道您該做成什麼樣的網頁,“家裡” 該有些什麼擺設。於是您應該靜下來想一想,怎樣規劃您的網站。先,您要有信心和知識。再次,您得有內容,網站應該有一個什麼樣的主題,別人來您的網頁看什麼。接著,您要組織您的網頁了,它們該是什麼結構,這種結構不僅要讓訪問者能感覺到您的風格,也要方便您自己維護網站。後,構思出您的 “引人入勝” 的門面(Home Page) 。

2 、準備工具和材料

拿出扳手、電線、螺絲刀和…… 我們要製作網頁了!安裝好一種編寫 HTML 語言的編輯器,您可以利用 IE 的 frontpage,但是您應該有更好的,當然是 Frontpage98 了!Word 一般的簡易操作;支援 Microsoft 、 Netscape 的全部網頁標籤,極好的相容性;提供多種設計樣板,表單嚮導等傻瓜功能;強大的管理工能可以檢查網頁連結、檢視組織結構、上網傳送甚至檢查您的拼寫錯誤;“所見就所得”,普通檢視、 HTML 、預覽自由切換。當然您也可以按自己的愛好選擇:

Hotdog;Pagemill;Homesite…… 隨便您。有了程式設計工具就該準備您的網頁素材了!文字、圖片、動畫、 midi 和 mp3 音樂等等準備搬上網的東東。製作這些東西您也許要用到做圖片的 Photoshop 、做 gif 動畫的 GALE 、製作 image map 的工具 Map This 、中文字型檔也應該拿出來。

3 、製作網頁

當然要製作網頁了!…… 於是您把網頁製作好了!(以後再講)

4 、測試網站

網頁做好了,連結做好了,測試工作必不可少。用 Frontpage98 的 FrontPage web Server(WEB 伺服器)可以對您的網頁進行測試,看看連結是否正確發現問題及時改正。

5 、上傳您的網頁

不對不對,您還得先申請一個放網頁的空間。現在網上提供免費主頁空間的網站很多,回到我的主頁