網(wǎng)頁(yè)設(shè)計(jì)是網(wǎng)站設(shè)計(jì)的核心

當(dāng)你在這個(gè)網(wǎng)頁(yè)設(shè)計(jì)的海洋中盡情遨游時(shí)，會(huì)發(fā)現(xiàn)許許多多內(nèi)容豐富、創(chuàng)意新穎、設(shè)計(jì)獨(dú)特的個(gè)人網(wǎng)頁(yè)，不知道見(jiàn)到這樣漂亮的網(wǎng)頁(yè)你是否有點(diǎn)動(dòng)心呢？一旦你具備了上網(wǎng)的條件，腦海中又萌發(fā)了制作網(wǎng)頁(yè)的念頭，那么你是否考慮制作個(gè)人網(wǎng)頁(yè)呢?下面介紹一下在實(shí)踐操作中的網(wǎng)頁(yè)設(shè)計(jì)時(shí)應(yīng)該考慮哪些問(wèn)題，希望能給初建網(wǎng)站的用戶帶來(lái)一定的作用。

1、頁(yè)面內(nèi)容要新穎

我們?cè)谠O(shè)計(jì)網(wǎng)站內(nèi)容時(shí)不能照抄別人的內(nèi)容，要結(jié)合自身的實(shí)際情況創(chuàng)作出一個(gè)獨(dú)一無(wú)二的網(wǎng)站。 放眼望去，網(wǎng)上的許多個(gè)人主頁(yè)簡(jiǎn)直就是"雜貨店"，內(nèi)容包羅萬(wàn)象,題材千篇一律，人人都是"軟件下載",個(gè)個(gè)都有"網(wǎng)絡(luò)導(dǎo)航"，從頭到尾找不出一絲“鮮”意。所以，我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)時(shí)，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，如能堅(jiān)持天天更新的話,我相信這樣的網(wǎng)頁(yè)一定會(huì)受到大家的歡迎。

2、網(wǎng)頁(yè)命名要簡(jiǎn)潔

由于一個(gè)網(wǎng)站不可能就是由一個(gè)網(wǎng)頁(yè)組成，它有許多子頁(yè)面，為了能使這些頁(yè)面有效地被連接起來(lái)，用戶最后能給這些頁(yè)面起一些有代表性的而且簡(jiǎn)潔易記的網(wǎng)頁(yè)名稱。這樣既會(huì)有助于你以后方便管理網(wǎng)頁(yè)，在向搜索引擎提交你的網(wǎng)頁(yè)時(shí)更容易被別人索引到。

3、要及時(shí)更新網(wǎng)頁(yè)

　網(wǎng)頁(yè)制作好后，不能說(shuō)萬(wàn)事大吉了，其實(shí)事后的工作量更大。維護(hù)更新的工作是每天都要做的。要及時(shí)把網(wǎng)頁(yè)上已經(jīng)作廢的連接應(yīng)該立即刪除，若不能及時(shí)更新，也最好在主頁(yè)上發(fā)布信息，告訴前來(lái)訪問(wèn)的朋友，因有特殊情況需要離開(kāi)一段時(shí)間，未能及時(shí)更新主頁(yè)，希望各位見(jiàn)諒，這樣就能給人一種對(duì)別人負(fù)責(zé)的感覺(jué)，同時(shí)能得到網(wǎng)友的信任。

4、要注意視覺(jué)效果

設(shè)計(jì)Web頁(yè)面時(shí)，一定要用1024*768的分辨率來(lái) 分別觀察。許多瀏覽器使用1024*768的分辨率，盡管在1280*1024高分辨率下一 些Web頁(yè)面看上去很具吸引力，但在1024*768的模式下可能會(huì)黯然失色。作一點(diǎn)小小的努力，設(shè)計(jì)一個(gè)在不同分辨率下都能正常顯示的網(wǎng)頁(yè)

5、 網(wǎng)頁(yè)內(nèi)容要易讀

　網(wǎng)頁(yè)設(shè)計(jì)最重要的訣竅，恐怕就是你的網(wǎng)頁(yè)要易讀 。這就意味著,你必須花點(diǎn)心思來(lái)規(guī)劃文字與背景顏色的搭配方案。 注意不要使背景的顏色沖淡了文字的視覺(jué)效果，別用花里胡哨的色彩組合，讓人看起來(lái)你的網(wǎng)頁(yè)來(lái)很費(fèi)勁。一般來(lái)說(shuō)，淺色背景下的深色文字為佳 。另外，最好讓文本左對(duì)齊，而不是居中。按當(dāng)代中文的閱讀習(xí)慣，文本大都居左的。當(dāng)然，標(biāo)題一般應(yīng)該居中，因?yàn)檫@符合讀者的閱讀習(xí)慣。

6、要善用表格來(lái)布局

不要把一個(gè)網(wǎng)站的內(nèi)容象作報(bào)告似的一二三四地羅列出來(lái)，要注意多用表格把網(wǎng)站內(nèi)容的層次性和空間性突出顯示出來(lái)，使人一眼就能看出你的網(wǎng)站重點(diǎn)突出，結(jié)構(gòu)分明。

7、善用圖像

用戶在網(wǎng)上四處漫游，你必須設(shè)法吸引和維護(hù)他們對(duì)你的主頁(yè)的注意力。主頁(yè)上最好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過(guò)目不忘。圖像的內(nèi)容應(yīng)有一定的實(shí)際作用，注意圖畫可以彌補(bǔ)文字之不足，但并不能夠完全取代文字。很多用戶把瀏覽軟件設(shè)定為略去圖像，以求節(jié)省時(shí)間他們只看文字。因此，制作主頁(yè)時(shí)，必須注意將圖像所連接的重要信息或聯(lián)接其他頁(yè)面的指示用文字重復(fù)表達(dá)幾次。

8、 網(wǎng)站導(dǎo)航要清晰

所有的超鏈接應(yīng)清晰無(wú)誤地向讀者標(biāo)識(shí)出來(lái)，所有導(dǎo)航性質(zhì)的設(shè)置，像圖像按鈕，都要有清晰的標(biāo)識(shí)，讓人看得明白，千萬(wàn)別光顧視覺(jué)效果的熱鬧的，而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的：未訪問(wèn)的，藍(lán)色;點(diǎn)擊過(guò)的，紫色或栗色。總之，文本鏈接一定要和頁(yè)面的其他文字有所區(qū)分，給讀者

9、要學(xué)習(xí)和使用HTML

為了成功地設(shè)計(jì)網(wǎng)站，你必須理解HTML是如何工作的。大多數(shù)的網(wǎng)站設(shè)計(jì)者建議網(wǎng)絡(luò)新手應(yīng)從有關(guān)HTML的書中去尋找答案，用Notepad制作網(wǎng)頁(yè)。但是，如果你僅僅是網(wǎng)站設(shè)計(jì)的新手，你應(yīng)該尋找一個(gè)允許修改HTML的軟件包。HomeSite4是一個(gè)很好的Web設(shè)計(jì)工具。在設(shè)計(jì)過(guò)程中，HomeSite4能幫助你學(xué)習(xí)HTML。它還允許你切換到所見(jiàn)即所得的模式，以便你在把網(wǎng)站發(fā)送到Web之前，預(yù)覽你的網(wǎng)站。

10、要為圖片附加注釋文字

給每個(gè)圖形加上文字的說(shuō)明，在出現(xiàn)之前就可以看到相關(guān)內(nèi)容，尤其是導(dǎo)航按鈕和大圖片更應(yīng)如此。這樣一來(lái)，用戶在訪問(wèn)你的站點(diǎn)時(shí)就有一種親切感覺(jué)，認(rèn)為你心細(xì)，比較善解人意，時(shí)時(shí)刻刻為他人著想，相信你的好心會(huì)有好報(bào)的。

11、做簡(jiǎn)單的網(wǎng)站介紹

一個(gè)簡(jiǎn)單明了的網(wǎng)站介紹，不僅能讓別人對(duì)你的網(wǎng)站能夠提供些什么有個(gè)了解，引發(fā)共鳴或是表達(dá)你的誠(chéng)意，常常最能打動(dòng)讀者，而且還能使訪問(wèn)者能快速找到想要的東西。有效的導(dǎo)航條和搜索工具使人們很容易找到有用的信息，這對(duì)訪問(wèn)者很重要。告訴訪問(wèn)者你所提供的正是他們想要的信息。

12、考慮瀏覽器的兼容性

當(dāng)然IE所占的市場(chǎng)份額越來(lái)越大，但是我們?nèi)匀恍枰紤]到Netscape以及Opera這些瀏覽器用戶。設(shè)計(jì)風(fēng)格的考慮，如色彩的搭配，圖形、線條的使用等等。要時(shí)刻為用戶著想，必須最少在幾種不同類型的瀏覽器下測(cè)試網(wǎng)站，看看兼容性如何。

13、每個(gè)頁(yè)面都要有導(dǎo)航按鈕

應(yīng)當(dāng)避免強(qiáng)迫用戶使用工具欄中的向前和向后按鈕。你的設(shè)計(jì)應(yīng)當(dāng)使用戶能夠很快地找到他們所要的東西。絕大多數(shù)好的站點(diǎn)在每一頁(yè)同樣的位置上都有相同的導(dǎo)航條，使瀏覽者能夠從每一頁(yè)上訪問(wèn)網(wǎng)站的任何部分。

14、 少用特殊字體

雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預(yù)測(cè)你的訪問(wèn)者在他們的計(jì)算機(jī)上將看到什么。在你的計(jì)算機(jī)里看起來(lái)相當(dāng)好的頁(yè)面，在另一個(gè)不同的平臺(tái)上看起來(lái)可能非常糟糕。一些網(wǎng)站設(shè)計(jì)員喜歡使用來(lái)定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問(wèn)者的計(jì)算機(jī)上不能顯示。

15、盡量少用Java程序

不要使用大幅面的Java程序,能夠用javascript替代效果的則盡量不要使用java.因?yàn)閬?lái)講java的運(yùn)行速度實(shí)在慢的讓人無(wú)法忍受，往往使瀏覽者沒(méi)有耐心等頁(yè)面全部顯示出來(lái)，這樣你的精心設(shè)計(jì)便毫無(wú)效果啦。

16、避免長(zhǎng)文本頁(yè)面

在一個(gè)站點(diǎn)上有許多只有文本的冗長(zhǎng)頁(yè)面，是令人乏味的，人們?yōu)榱碎喿x這些長(zhǎng)文本，不得不使用卷滾條，從而也浪費(fèi)了用戶在網(wǎng)上沖浪的時(shí)間。如果你有大量的基于文本的文檔，應(yīng)當(dāng)以Adobe Acrobat格式的文件形式來(lái)放置，以便你的訪問(wèn)者能離線閱讀，從而節(jié)省寶貴的時(shí)間。

17、 網(wǎng)頁(yè)風(fēng)格要統(tǒng)一

你網(wǎng)頁(yè)上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，要統(tǒng)一風(fēng)格，貫穿全站。這樣子讀者看起來(lái)舒服、順暢，會(huì)對(duì)你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。

18、動(dòng)畫最多只用一個(gè)

大家都喜歡用GIF動(dòng)畫來(lái)裝飾網(wǎng)頁(yè)，它的確很吸引人，但我們?cè)谶x擇時(shí)，是否能確定必須用GIF動(dòng)畫，如果答否，那么就選擇靜止的圖片，因?yàn)樗娜萘恳〉枚?。同樣的尺寸的LOGO，GIF動(dòng)畫的容量有5K，而靜止LOGO的只有3K。雖然只有2K之差，但多起來(lái)，就會(huì)影響下載的速度，所以，如果有些不是必須的，就選擇最小的。

19、使用著名的插件

如果網(wǎng)站上有聲音或視頻，要保證使用者通過(guò)使用某個(gè)知名的插件，能夠聽(tīng)到或看到。如果訪問(wèn)者沒(méi)有所要求的插件，將不得不到其它站點(diǎn)去下載，這樣訪問(wèn)者有可能就不會(huì)返回了。

20、使網(wǎng)站具有交互功能

簡(jiǎn)陽(yáng)網(wǎng)站制作中一個(gè)靜態(tài)網(wǎng)頁(yè)始終給人一種呆板的感覺(jué)，缺少一種活力和生氣。最好在網(wǎng)站上提供一些回答問(wèn)題的工具以及其他具有交互性能的設(shè)計(jì)，使得訪問(wèn)者能從網(wǎng)站上獲得交互的信息，從而使訪問(wèn)者有一種參與網(wǎng)絡(luò)建設(shè)的新鮮感和成就感。