網(wǎng)站制作基本過程詳解

網(wǎng)站制作基本過程詳解新手必看！
基本概念

1 網(wǎng)頁(yè)（Web Page)

網(wǎng)頁(yè)就是...（很難懂的概念，極其抽象，看得見摸不著），你為什么到互聯(lián)網(wǎng)去，你在WWW上看到的就是網(wǎng)頁(yè)。它是由HTML編寫的文件，上面有貼圖，有音樂。

2 主頁(yè)（Home Page）

主頁(yè)（Home Page)它是一個(gè)網(wǎng)頁(yè)，是進(jìn)入一個(gè)網(wǎng)站的開始畫面，就同“瘟酒吧”的藍(lán)天白云一樣。也就是說，主頁(yè)是一個(gè)網(wǎng)站的門面，要想設(shè)計(jì)出一個(gè)優(yōu)秀的網(wǎng)站，就必須有一個(gè)“要讓瀏覽者想不看都難”的主頁(yè)，它必須引人入勝，能吸引每一個(gè)來訪者的注意力，引發(fā)人們的好奇心，能讓人產(chǎn)生一種深入探索你的網(wǎng)站的沖動(dòng)。優(yōu)秀的主頁(yè)是一個(gè)好的網(wǎng)站必須具備的第一要素。

3 超級(jí)鏈接（Hyperlink)

超級(jí)鏈接是WWW的神經(jīng)系統(tǒng)，它也是向?qū)?，把你從一個(gè)網(wǎng)頁(yè)帶到另一個(gè)網(wǎng)頁(yè)，或者從網(wǎng)頁(yè)的某一部分引導(dǎo)到另一部分。超級(jí)鏈接是用特殊的文本或圖象來實(shí)現(xiàn)鏈接的，單擊它就可以實(shí)現(xiàn)它的功能。

4 超文本（HyperText)

超文本是一種新的文件形式，指一個(gè)文件的內(nèi)容可以無限地與相關(guān)資料鏈接。超文本是自然語言文本與計(jì)算機(jī)交互、轉(zhuǎn)移和動(dòng)態(tài)顯示等能力結(jié)合，超文本系統(tǒng)允許用戶任意構(gòu)造鏈接，通過Hyperlink來實(shí)現(xiàn)。

5 超文本語言（Hyper Text Markup Language）

超文本語言(HTML)是制作編寫網(wǎng)頁(yè)、包含超級(jí)鏈接的超文件的標(biāo)準(zhǔn)語言，它由文本和標(biāo)記組成。超文本文件的擴(kuò)展名一般為 .html或.htm。

網(wǎng)站的組織結(jié)構(gòu)

上網(wǎng)的網(wǎng)蟲一定覺得網(wǎng)絡(luò)上內(nèi)容豐富、信息繁雜，但你是否想過一個(gè)網(wǎng)站的組織結(jié)構(gòu)。網(wǎng)頁(yè)的組織結(jié)構(gòu)有以下四種：

1、線性結(jié)構(gòu)

這是網(wǎng)站最簡(jiǎn)單的一種結(jié)構(gòu)，它是以某種順序組織的，可以是時(shí)間順序，也可以是邏輯甚至是字母順序。通過這些順序呈線性地鏈接。如一般的索引就采用線性結(jié)構(gòu)。線性結(jié)構(gòu)是組織網(wǎng)頁(yè)的基本結(jié)構(gòu)，復(fù)雜的結(jié)構(gòu)也可以看成是由線性結(jié)構(gòu)組成的。

2、二維表結(jié)構(gòu)

這種結(jié)構(gòu)允許用戶橫向、縱向地瀏覽信息。它就好象一個(gè)二維表，如看課表一樣。

3、等級(jí)結(jié)構(gòu)

等級(jí)結(jié)構(gòu)由一條等級(jí)主線構(gòu)成索引，每一個(gè)等級(jí)點(diǎn)又由一條線性結(jié)構(gòu)構(gòu)成。如網(wǎng)站導(dǎo)航等就是這種結(jié)構(gòu)。在構(gòu)造等級(jí)之前，你必須完全徹底的理解你的網(wǎng)站內(nèi)容，避免線性組織不嚴(yán)的錯(cuò)誤，不方便瀏覽者。

4、網(wǎng)狀結(jié)構(gòu)

這是最復(fù)雜的組織結(jié)構(gòu)，它完全沒有限制，網(wǎng)頁(yè)組織自由鏈接。這種結(jié)構(gòu)允許訪問者從一個(gè)信息欄目跳到另一個(gè)欄目去，其目的就是充分利用網(wǎng)絡(luò)資源和充分享受超級(jí)鏈接。整個(gè)互聯(lián)網(wǎng)就是一個(gè)超級(jí)大的“網(wǎng)”狀結(jié)構(gòu)。

開始構(gòu)造你的網(wǎng)站

1、總體規(guī)劃你的網(wǎng)站

當(dāng)你想建立你的網(wǎng)站是你一定已經(jīng)在網(wǎng)上瀏覽過n個(gè)小時(shí)了，當(dāng)看見別人的網(wǎng)上之家的時(shí)候，或者受朋友“到我的網(wǎng)頁(yè)看看”的精神刺激下，你開始產(chǎn)生網(wǎng)上建家的沖動(dòng)了！但是這時(shí)候你并不知道你建網(wǎng)站的目的，你也不知道你該做成什么樣的網(wǎng)頁(yè)，“家里”該有些什么擺設(shè)。于是你應(yīng)該靜下來想一想，怎樣規(guī)劃你的網(wǎng)站。首先，你要有信心和知識(shí)。再次，你得有內(nèi)容，網(wǎng)站應(yīng)該有一個(gè)什么樣的主題，別人來你的網(wǎng)頁(yè)看什么。接著，你要組織你的網(wǎng)頁(yè)了，它們?cè)撌鞘裁唇Y(jié)構(gòu)，這種結(jié)構(gòu)不僅要讓訪問者能感覺到你的風(fēng)格，也要方便你自己維護(hù)網(wǎng)站。最后，構(gòu)思出你的“引人入勝”的門面（Home Page)。

2、準(zhǔn)備工具和材料

拿出扳手、電線、螺絲刀和......我們要制作網(wǎng)頁(yè)了！安裝好一種編寫HTML語言的編輯器，你可以利用IE的frontpage，但是你應(yīng)該有更好的，當(dāng)然是Frontpage98了！Word一般的簡(jiǎn)易操作；支持Microsoft、Netscape的全部網(wǎng)頁(yè)標(biāo)簽，極好的兼容性；提供多種設(shè)計(jì)樣板，表單向?qū)У壬倒瞎δ埽粡?qiáng)大的管理工能可以檢查網(wǎng)頁(yè)鏈接、查看組織結(jié)構(gòu)、上網(wǎng)傳送甚至檢查你的拼寫錯(cuò)誤；“所見就所得”，普通視圖、HTML、預(yù)覽自由切換。當(dāng)然你也可以按自己的愛好選擇：

Hotdog;Pagemill;Homesite......隨便你。有了編程工具就該準(zhǔn)備你的網(wǎng)頁(yè)素材了！文本、圖片、動(dòng)畫、midi和mp3音樂等等準(zhǔn)備搬上網(wǎng)的東東。制作這些東西你也許要用到做圖片的Photoshop、做gif動(dòng)畫的GALE、制作image map的工具M(jìn)ap This、中文字庫(kù)也應(yīng)該拿出來。

3、制作網(wǎng)頁(yè)

當(dāng)然要制作網(wǎng)頁(yè)了！......于是你把網(wǎng)頁(yè)制作好了?。ㄒ院笤僦v）

4、測(cè)試網(wǎng)站

網(wǎng)頁(yè)做好了，鏈接做好了，測(cè)試工作必不可少。用Frontpage98的FrontPage web Server（WEB服務(wù)器）可以對(duì)你的網(wǎng)頁(yè)進(jìn)行測(cè)試，看看鏈接是否正確發(fā)現(xiàn)問題及時(shí)改正。

5、上傳你的網(wǎng)頁(yè)

不對(duì)不對(duì)，你還得先申請(qǐng)一個(gè)放網(wǎng)頁(yè)的空間?，F(xiàn)在網(wǎng)上提供免費(fèi)主頁(yè)空間的網(wǎng)站很多，回到我的主頁(yè)