網站制作基本過程詳解

網站制作基本過程詳解新手必看！
基本概念

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、上傳你的網頁

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