網站建設四部曲之3-網頁製作設計

當一切硬體準備就緒後，就可以著手籌備公司網頁的設計了。 要做好網頁的設計工作，就必須要回答好一條問題：公司建立網站的目的是什麼？ 不同的公司，會有不同的答案，可以是為突出公司形象、説明公司的宣傳及推廣、提供更好的資訊回饋管道、甚至是開拓另一門的任務等等。 一個清晰明確的目標，有助於規劃網站HTTP://www.aliyun.com/zixun/aggregation/9764.html">發展方向，確定資金、人手投入等細節。

例如：假如網站的目標是用來推廣產品，那麼網頁的設計就可能需要更多俏的設計，甚至是加上一些動畫效果以突出產品的優點與特色，而不是僅僅將產品的規格表「搬字過網」。

如果公司內沒有專門負責設計的部門，也可以將網頁交給外面的網頁設計公司去做。

首先，你必須儘量詳細地列出你的要求，以及網頁必須包括的內容；

然後，網頁設計鶲就會根據你的需要，為你草擬一分初步的計畫書及一個網站設計的樣板，並且，通常一家負責的網頁設計公司，還會就你公司的實際情況，為你提出一些建設性的意見；

當最後的協定達成後，網頁設計公司就會按照你的要求去設計網頁。 至於網頁設計的時間與費用，就要視整個網站的內容多少與複雜程度而定。

1、文字與圖片

文字與圖片是任何一個網站最基本的要素。 瀏覽器會根據網頁檔中的ＨＴＭＬ代碼，將文字與圖片正確的表現出來。 在一頁網頁中，文字與圖片的比例要適當，文字太多，會使減低網站的吸引力；圖片太多，又會使頁面的流覽速度大大下降，流覽者可能還沒等到網頁內容全部出現，就已經跳到別的網頁去甚至把瀏覽器關掉。

2、動畫

假如網頁上只有靜止的文字和圖片，就未免顯得過於沉悶。 假如有些動畫點的點綴，必定會生色不少。 通常看到的網頁動畫，都是動態的ＧＩＦ格式圖片（ＡＮＩＭＡＴＥＥＤ　ＧＩＦ）。 動態ＧＩＦ的原理十分簡單，就是高速顯示多幅的靜態ＧＩＦ圖片，就像播動畫片一樣。 而動態ＧＩＦ的製作也是相當簡單的。 要提出的是，動態ＧＩＦ使用也不能過多，否則不僅網站的流覽速度會大打折扣，更會給人一種眼花亂的感覺。

如果需要在網頁上加上一些大型或複雜的動畫，就需要借助到ＦＬＡＳＨ動畫。 利用這ＦＬＡＳＨ技術，我們可以在網頁做出交互性很強的動畫，甚至是網上游戲，不過，流覽者要看到ＦＬＡＳＨ製作的動畫，就需要在瀏覽器加裝ＰＬＵＧ－ＩＮ程式

3、音樂

在多媒體技術大行其道的今天，網頁不僅僅可以有色，還可以有聲。 適當的在網頁上加點音樂效果，會使網頁更具吸引力。 網上的流行的聲音格式有ＭＩＤＩ、ＷＡＶ、ＭＰ３及ＲＥＡＬ　ＡＵＤＩＯ。

ＭＩＤＩ格式的音樂，佔用空間小，一般有十幾ＫＢ、幾十ＫＢ不等，適於網上傳播，但音色單調，要發揮ＭＩＤＩ的最大功力，就需要流覽者裝有帶硬波表的音效卡或軟波表程式。

ＷＡＶ為常見的無壓縮音效檔，佔用空間大，現時通常為配合ＦＬＡＳＨ動畫一起使用。

ＭＰ３是時下非常流行的壓縮音樂檔，佔有空間比ＷＡＶ少得多，但也能保持相當好的音質。 缺點是一定要先下載再收聽。

ＲＥＡＬ　ＡＵＤＩＯ是網上最流行的音色格式，雖然他比起ＷＡＶ和ＭＰ３的音質稍差，但佔用空間卻少很多，而且他還有另一個優點，就是流覽者可以一邊下載一邊播放。

4、視頻影像

眾所周知，視頻影像是一種非常直觀而有效的表現方式，但礙于網速所限，下載一個視頻檔要花費很多的時間。 而現時借助一邊下載，以便播放的串流技術（ＳＴＥＡＭＩＮＧ），就可以解決這個問題。 視頻串流技術常見的格式有ＲＥＡＬ　ＶＩＤＥＯ、ＭＩＣＲＯＳＯＦＴ　ＭＩＤＩＡ及ＡＰＰＬＥ　ＱＵＩＣＫＴＩＭＥ，他們各有所長，其中數ＲＥＡＬ　ＶＩＤＥＯ　的消費者最多。

5、搜索功能

搜索功能是使得流覽者在短時間內，快速地從大量的資料中找到符合要求的資料。 這對於一個資料非常豐富的網站來說非常有用。 要建立一個搜索功能，就要有相應的ＣＧＩ程式以及完善的資料庫（ＤＡＴＡＢＡＳＥ）支援，而建立資料庫需要耗費相當的人力物力，這是決策者不可不知的一件事。

6、留言版、論壇及聊天室

留言版、論壇及聊天室為流覽者提供一個資訊交換的地方。 流覽者可以就個別的產品、服務或話題性討論。 顧客也可以就他們提出的問題提出諮詢，或者得到售後的支援服務。

7、提交表單

提交表單的用途很多，從收集顧客的意見、資料登記、服務申請、網上購物等等，都　需要使用到提交表單的功能。 提交表單的功能是看似很簡單，其實也需要一些專門的網頁程式，將收集到的資料進行處理才能用作其他用途，如ＣＧＩ。

8、網頁程式

要設計一些更複雜、更大型、用途更多的網頁，例如大型的入口網站、拍賣網站、購物網站等，就需要更專業、更高級的網頁程式支援，如ＪＡＶＡ、ＪＡＶＡ　ＳＣＲＩＰＴ、ＡＣＴＩＶＥＸ、ＡＳＰ等。 不過，一般的中小型企業的網站，通常都不需要用到這些技術，即使有機會使用，也只限于一些簡單的應用。

網站建設: HTTP://www.iisp.com/support/doc.php?IDCate=9&IDDoc=236&s=super