網(wǎng)站建設(shè)四部曲之3-網(wǎng)頁(yè)制作設(shè)計(jì)

發(fā)布時(shí)間:2007-05-26 09:48:02   瀏覽人數(shù): 1044009 次  

當(dāng)一切硬件準(zhǔn)備就緒后，就可以著手籌備公司網(wǎng)頁(yè)的設(shè)計(jì)了。要做好網(wǎng)頁(yè)的設(shè)計(jì)工作，就必須要回答好一條問(wèn)題：公司建立網(wǎng)站的目的是什么？不同的公司，會(huì)有不同的答案，可以是為突出公司形象、幫助公司的宣傳及推廣、提供更好的信息反饋渠道、甚至是開(kāi)拓另一門(mén)的任務(wù)等等。一個(gè)清晰明確的目標(biāo)，有助于規(guī)劃網(wǎng)站發(fā)展方向，確定資金、人手投入等細(xì)節(jié)。

　　例如：假如網(wǎng)站的目標(biāo)是用來(lái)推廣產(chǎn)品，那么網(wǎng)頁(yè)的設(shè)計(jì)就可能需要更多俏的設(shè)計(jì)，甚至是加上一些動(dòng)畫(huà)效果以突出產(chǎn)品的優(yōu)點(diǎn)與特色，而不是僅僅將產(chǎn)品的規(guī)格表“搬字過(guò)網(wǎng)”。

　　如果公司內(nèi)沒(méi)有專(zhuān)門(mén)負(fù)責(zé)設(shè)計(jì)的部門(mén)，也可以將網(wǎng)頁(yè)交給外面的網(wǎng)頁(yè)設(shè)計(jì)公司去做。

　　首先，你必須盡量詳細(xì)地列出你的要求，以及網(wǎng)頁(yè)必須包括的內(nèi)容；

　　然后，網(wǎng)頁(yè)設(shè)計(jì)鹟就會(huì)根據(jù)你的需要，為你草擬一分初步的計(jì)劃書(shū)及一個(gè)網(wǎng)站設(shè)計(jì)的樣板，并且，通常一家負(fù)責(zé)的網(wǎng)頁(yè)設(shè)計(jì)公司，還會(huì)就你公司的實(shí)際情況，為你提出一些建設(shè)性的意見(jiàn)；

　　當(dāng)最后的協(xié)議達(dá)成后，網(wǎng)頁(yè)設(shè)計(jì)公司就會(huì)按照你的要求去設(shè)計(jì)網(wǎng)頁(yè)。至于網(wǎng)頁(yè)設(shè)計(jì)的時(shí)間與費(fèi)用，就要視整個(gè)網(wǎng)站的內(nèi)容多少與復(fù)雜程度而定。
● 網(wǎng)站的要素
 

　　1、文字與圖片

　　文字與圖片是任何一個(gè)網(wǎng)站最基本的要素。瀏覽器會(huì)根據(jù)網(wǎng)頁(yè)文件中的ＨＴＭＬ代碼，將文字與圖片正確的表現(xiàn)出來(lái)。在一頁(yè)網(wǎng)頁(yè)中，文字與圖片的比例要適當(dāng)，文字太多，會(huì)使減低網(wǎng)站的吸引力；圖片太多，又會(huì)使頁(yè)面的瀏覽速度大大下降，瀏覽者可能還沒(méi)等到網(wǎng)頁(yè)內(nèi)容全部出現(xiàn)，就已經(jīng)跳到別的網(wǎng)頁(yè)去甚至把瀏覽器關(guān)掉。

　　2、動(dòng)畫(huà)

　　假如網(wǎng)頁(yè)上只有靜止的文字和圖片，就未免顯得過(guò)于沉悶。假如有些動(dòng)畫(huà)點(diǎn)的點(diǎn)綴，必定會(huì)生色不少。通�？吹降木W(wǎng)頁(yè)動(dòng)畫(huà)，都是動(dòng)態(tài)的ＧＩＦ格式圖片（ＡＮＩＭＡＴＥＥＤ�。牵桑疲�。動(dòng)態(tài)ＧＩＦ的原理十分簡(jiǎn)單，就是高速顯示多幅的靜態(tài)ＧＩＦ圖片，就像播動(dòng)畫(huà)片一樣。而動(dòng)態(tài)ＧＩＦ的制作也是相當(dāng)簡(jiǎn)單的。 要提出的是，動(dòng)態(tài)ＧＩＦ使用也不能過(guò)多，否則不僅網(wǎng)站的瀏覽速度會(huì)大打折扣，更會(huì)給人一種眼花亂的感覺(jué)。

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

● 網(wǎng)站的要素

　　3、音樂(lè)

　　在多媒體技術(shù)大行其道的今天，網(wǎng)頁(yè)不僅僅可以有色，還可以有聲。適當(dāng)?shù)脑诰W(wǎng)頁(yè)上加點(diǎn)音樂(lè)效果，會(huì)使網(wǎng)頁(yè)更具吸引力。網(wǎng)上的流行的聲音格式有ＭＩＤＩ、ＷＡＶ、ＭＰ３及ＲＥＡＬ�。粒眨模桑�。

　�。停桑模筛袷降囊魳�(lè)，占用空間小，一般有十幾ＫＢ、幾十ＫＢ不等，適于網(wǎng)上傳播，但音色單調(diào)，要發(fā)揮ＭＩＤＩ的最大功力，就需要瀏覽者裝有帶硬波表的聲卡或軟波表程序。

　�。祝粒譃槌Ｒ�(jiàn)的無(wú)壓縮聲音文件，占用空間大，現(xiàn)時(shí)通常為配合ＦＬＡＳＨ動(dòng)畫(huà)一起使用。

    ＭＰ３是時(shí)下非常流行的壓縮音樂(lè)文件，占有空間比ＷＡＶ少得多，但也能保持相當(dāng)好的音質(zhì)。缺點(diǎn)是一定要先下載再收聽(tīng)。

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

　　4、視頻影像

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

　　5、搜索功能

　　搜索功能是使得瀏覽者在短時(shí)間內(nèi)，快速地從大量的資料中找到符合要求的資料。這對(duì)于一個(gè)資料非常豐富的網(wǎng)站來(lái)說(shuō)非常有用。要建立一個(gè)搜索功能，就要有相應(yīng)的ＣＧＩ程序以及完善的數(shù)據(jù)庫(kù)（ＤＡＴＡＢＡＳＥ）支持，而建立數(shù)據(jù)庫(kù)需要耗費(fèi)相當(dāng)?shù)娜肆ξ锪�，這是決策者不可不知的一件事。
    6、留言版、論壇及聊天室

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

● 網(wǎng)站的要素

　　7、提交表單

　　提交表單的用途很多，從收集顧客的意見(jiàn)、資料登記、服務(wù)申請(qǐng)、網(wǎng)上購(gòu)物等等，都　需要使用到提交表單的功能。提交表單的功能是看似很簡(jiǎn)單，其實(shí)也需要一些專(zhuān)門(mén)的網(wǎng)頁(yè)程序，將收集到的資料進(jìn)行處理才能用作其他用途，如ＣＧＩ。

　　8、網(wǎng)頁(yè)程序

　　要設(shè)計(jì)一些更復(fù)雜、更大型、用途更多的網(wǎng)頁(yè)，例如大型的門(mén)戶(hù)網(wǎng)站、拍賣(mài)網(wǎng)站、購(gòu)物網(wǎng)站等，就需要更專(zhuān)業(yè)、更高級(jí)的網(wǎng)頁(yè)程序支持，如ＪＡＶＡ、ＪＡＶＡ�。樱茫遥桑校�、ＡＣＴＩＶＥＸ、ＡＳＰ等。不過(guò)，一般的中小型企業(yè)的網(wǎng)站，通常都不需要用到這些技術(shù)，即使有機(jī)會(huì)使用，也只限于一些簡(jiǎn)單的應(yīng)用。