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

發布時間:2007-05-26 09:48:02   瀏覽人數: 1031458 次  

當一切硬件準備就緒后，就可以著手籌備公司網頁的設計了。要做好網頁的設計工作，就必須要回答好一條問題：公司建立網站的目的是什么？不同的公司，會有不同的答案，可以是為突出公司形象、幫助公司的宣傳及推廣、提供更好的信息反饋渠道、甚至是開拓另一門的任務等等。一個清晰明確的目標，有助于規劃網站發展方向，確定資金、人手投入等細節。

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

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

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

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

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

　　1、文字與圖片

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

　　2、動畫

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

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

● 網站的要素

　　3、音樂

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

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

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

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

　�。遥牛粒獭。粒眨模桑鲜蔷W上最流行的音色格式，雖然他比起ＷＡＶ和ＭＰ３的音質稍差，但占用空間卻少很多，而且他還有另一個優點，就是瀏覽者可以一邊下載一邊播放。 ● 網站的要素
 

　　4、視頻影像

　　眾所周知，視頻影像是一種非常直觀而有效的表現方式，但礙于網速所限，下載一個視頻文件要花費很多的時間。而現時借助一邊下載，以便播放的串流技術（ＳＴＥＡＭＩＮＧ），就可以解決這個問題。視頻串流技術常見的格式有ＲＥＡＬ�。郑桑模牛�、ＭＩＣＲＯＳＯＦＴ�。停桑模桑良埃粒校校蹋拧。眩眨桑茫耍裕桑停�，他們各有所長，其中數ＲＥＡＬ�。郑桑模牛稀〉氖褂谜咦疃�。

　　5、搜索功能

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

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

● 網站的要素

　　7、提交表單

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

　　8、網頁程序

　　要設計一些更復雜、更大型、用途更多的網頁，例如大型的門戶網站、拍賣網站、購物網站等，就需要更專業、更高級的網頁程序支持，如ＪＡＶＡ、ＪＡＶＡ�。樱茫遥桑校浴ⅲ粒茫裕桑郑牛亍ⅲ粒樱械�。不過，一般的中小型企業的網站，通常都不需要用到這些技術，即使有機會使用，也只限于一些簡單的應用。