文章內(nèi)容

網(wǎng)站制作之網(wǎng)頁技巧

發(fā)布時間: 2012/8/3 23:44:28

<h5 align="center">網(wǎng)站制作之網(wǎng)頁技巧</h5>     相信眾位網(wǎng)友在網(wǎng)上盡情沖浪時，一定會看到不少設(shè)計獨(dú)特、創(chuàng)意新穎、頁面誘人的個人網(wǎng)頁，遇到這些網(wǎng)頁你也一定會駐足停留、仔細(xì)欣賞一番，同時腦海中大概也會有一絲想要制作一個屬于自己的個人主頁的念頭。如果你確實(shí)有這個想法，那就請你繼續(xù)看完下面的內(nèi)容，下面提供的網(wǎng)頁設(shè)計技巧一定會使你大飽眼福，并讓你在以后設(shè)計自己的主頁過程中游刃有余。好了，說了這么多，還是讓我們直接切入正題，和大家一起看看筆者今天帶來了哪些網(wǎng)頁制作技巧吧：     1、設(shè)計前要有籌劃     設(shè)計主頁也許并不是很困難。但這一工作與編制傳統(tǒng)的宣傳品一樣，都需要我們謹(jǐn)慎處理和籌劃。換言之，我們必須首先確定自己需要傳達(dá)的主要信息，然后細(xì)意斟酌、把所有意念合情合理地組織起來；之后是設(shè)計一個頁面式樣，試用于有代表性的用戶，接著重復(fù)修訂，務(wù)求盡善盡美。     2、選擇內(nèi)容要有新鮮感     萬維網(wǎng)上不斷有新事物出現(xiàn)、每天都有新花樣。如果你的主頁從不改變，用戶很快會厭倦。因此網(wǎng)頁內(nèi)容的選擇要不落俗套，要重點(diǎn)突出一個“新”字，這個原則要求我們在設(shè)計網(wǎng)站內(nèi)容時不能照抄別人的內(nèi)容，要結(jié)合自身的實(shí)際情況創(chuàng)作出一個獨(dú)一無二的網(wǎng)站。放眼望去，網(wǎng)上的許多個人主頁簡直就是"雜貨店"，內(nèi)容包羅萬象,題材千篇一律，人人都是"軟件下載",個個都有"網(wǎng)絡(luò)導(dǎo)航"，從頭到尾找不出一絲“鮮”意。所以，我們在設(shè)計網(wǎng)頁時，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，如能堅持天天更新的話,我相信這樣的網(wǎng)頁一定會受到大家的歡迎。     3、內(nèi)容相對實(shí)用性大     一個網(wǎng)頁盡管設(shè)計得趣味盎然，引人入勝，但這不是吸引用戶最好的理由。要想最大限度地留住用戶首要的是要讓它有用處。這樣做的一個很簡單的辦法是提供相互參與--讓讀者做一些事情，如報名獲取定期發(fā)送的通訊，并用某種方式報答他們的參與，如每周抽獎或給予下載一些東西的機(jī)會。     4、網(wǎng)頁命名要簡潔     由于一個網(wǎng)站不可能就是由一個網(wǎng)頁組成，它有許多子頁面，為了能使這些頁面有效地被連接起來，用戶最后能給這些頁面起一些有代表性的而且簡潔易記的網(wǎng)頁名稱。這樣既會有助于你以后方便管理網(wǎng)頁，在向搜索引擎提交你的網(wǎng)頁時更容易被別人索引到。在給網(wǎng)頁命名時，最好使用自己常用的或符合頁面內(nèi)容的小寫英文字母，這直接關(guān)系到頁面上的連接。     5、確保頁面的導(dǎo)覽性好     主頁的其中一個很重要的功能就是作為導(dǎo)航工具，指引用戶查閱你存儲在網(wǎng)址或其他地點(diǎn)的信息。因此在設(shè)計主頁時，應(yīng)盡量使導(dǎo)覽過程變得很輕松。基于清晰明確和速度的考慮，主頁上的超級聯(lián)接內(nèi)容應(yīng)只限于幾個高級的類別，例如公司、產(chǎn)品、服務(wù)等等。一般一個Ａ４頁面大小的網(wǎng)頁用六至八個超級聯(lián)接比較合適。此外，你還要保證超級聯(lián)接的層數(shù)不能太多，超過４層以上的聯(lián)接信息將會使人感到厭煩。因此，你必須在廣度和深度之間求取平衡。如果你的網(wǎng)址上有太多信息，你可能要制作較長的頁面或使用更多聯(lián)接層數(shù)，甚至可能要建立多個主頁、使每個主頁載有不同的信息。如果能夠讓用戶在主頁上以關(guān)鍵字或詞語查找所需的信息，肯定受用戶歡迎。     6、善用表格來布局     不要把一個網(wǎng)站的內(nèi)容象作報告似的一二三四地羅列出來，要注意多用表格把網(wǎng)站內(nèi)容的層次性和空間性突出顯示出來，使人一眼就能看出你的網(wǎng)站重點(diǎn)突出，結(jié)構(gòu)分明。     7、合理設(shè)計視覺效果     不必在以頁面上填滿圖像來增加視覺趣味。盡量使用彩色圓點(diǎn)--它們較小并能為列表項增加色彩活力(并能用于彩色列表)。彩色分隔條也能在不擾亂帶寬的情況下增強(qiáng)圖形感。另外網(wǎng)頁設(shè)計好后，一定要在不同類型的瀏覽器和不同分辨率的情況下測試主頁，例如許多瀏覽器使用640×480的分辨率，盡管在800×600高分辨率下一些Web頁面看上去很具吸引力，但在640×480的模式下可能會黯然失色。作一點(diǎn)小小的努力，設(shè)計一個在不同分辨率和不同類型的瀏覽器下都能正常顯示的網(wǎng)頁。     8、排版時要注意細(xì)節(jié)     別輕易讓文字居中和使用粗體或斜體字符。除了視感混亂之外，很多流覽器不能很好地顯示斜體字，也不能補(bǔ)償由于字母傾斜引起的空白變化。利用短的段落，加點(diǎn)列示，適當(dāng)?shù)恼麎K引用文字，用水平線分節(jié)，用影象地圖指引主要連接，使你的頁面能吸引人和容易閱讀。另外筆者提醒大家注意的是，不要把重要的內(nèi)容排版放到網(wǎng)頁的結(jié)尾，因為讀者的視線可能停留在主頁上面較多一點(diǎn)，或者有些讀者沒有耐心往下看那么遠(yuǎn)。     9、善用GIF和JPG格式的圖象     用戶在網(wǎng)上四處遨游，你必須設(shè)法吸引和維護(hù)他們對你的主頁的注意力。萬維網(wǎng)的其中一個最重大資源是其多媒體能力，所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。圖像的內(nèi)容應(yīng)有一定的實(shí)際作用，切忌虛飾浮夸。目前因特網(wǎng)上大多數(shù)使用ＧＩＦ和Jpeg交互格式的圖象，因為交互格式的圖像是分級顯示出來的--首先以很低的分辨率顯示，然后逐步提高分辨率，直至最后達(dá)到正常顯示--這種方式有時候會使較大的圖像看起來好象裝載得快一些，實(shí)際上并非如此，但這是一種有益的錯覺。這樣也便于讀者在圖像裝載的過程中看到它的模樣，如果他們不喜歡或不想看的話就有機(jī)會中斷傳輸或轉(zhuǎn)向別的地方。     10、為圖片添加文字說明     給每幅圖形加上文字的說明，在出現(xiàn)之前就可以看到相關(guān)內(nèi)容，尤其是導(dǎo)航按鈕和大圖片更應(yīng)如此。這樣一來，當(dāng)網(wǎng)絡(luò)速度很慢不能把圖象下載下來時或者用戶在使用文本類型的瀏覽器時，照樣能閱讀網(wǎng)頁的內(nèi)容，以后用戶在訪問你的站點(diǎn)時總有一種親切感覺，認(rèn)為你心細(xì)，比較善解人意，時時刻刻為他人著想，相信你的好心會有好報的。     11、多使用圖象縮微圖     比如說有一張800×600像素的1600萬色掃描圖，所占空間約為50K。使用PhotoShop這一類的圖象編輯工具對原圖進(jìn)行重新取樣，比如說高度為100像素(為確保瀏覽器能即時以合適的大小顯示圖像，高度和寬度很重要。也許為了達(dá)到你自己的要求你得進(jìn)行調(diào)整才能找到最合適的大小，但可以從高度除以4～6開始)，PhotoShop會自動計算新圖象的寬度。保存新圖象，它的大小現(xiàn)在應(yīng)為8K或更小。然后在源文件中添加這樣一段HTML代碼：，那么瀏覽器在解釋執(zhí)行Lowsrc命令時，將要求瀏覽器在真正的畫面載入以前先裝載低分辨率的圖像，這樣就會讓訪問者清楚將會出現(xiàn)什么樣的圖片。     12、不宜使用太多的動畫     大家都喜歡用GIF動畫來裝飾網(wǎng)頁，它的確很吸引人，但我們在選擇時，是否能確定必須用GIF動畫，如果答否，那么就選擇靜止的圖片，因為它的容量要小得多。同樣的尺寸的LOGO，GIF動畫的容量有5K，而靜止LOGO的只有3K。雖然只有2K之差，但多起來，就會影響下載的速度，所以，如果有些不是必須的，就選擇最小的。     13、閃爍文字不要多用     有的設(shè)計者想通過閃爍的文字來引起訪問者的注意是可以被人理解的，但一個頁面中最多不能有三處閃爍文字，太多了給用戶一種眼花繚亂的感覺，反而會影響用戶去訪問該網(wǎng)站的其他內(nèi)容，正所謂“物極必反”也。     14、頁面長度要適中     當(dāng)一個頁面很長時就應(yīng)該要注意了，因為它的傳輸時間明顯要比較短的頁面的傳輸時間長，太長的頁面?zhèn)鬏敃乖L問者在等待中失去耐心。而且為了閱讀這些長文本，訪問者不得不使用卷滾條，從而也浪費(fèi)了用戶在網(wǎng)上沖浪的時間。如果你有大量的基于文本的文檔，應(yīng)當(dāng)以AdobeAcrobat格式的文件形式來放置，以便你的訪問者能離線閱讀，從而節(jié)省寶貴的時間。     15、Java程序少用為宜     不要使用大幅面的Java程序,能夠用javascript替代效果的則盡量不要使用java.因為目前來講java的運(yùn)行速度實(shí)在慢的讓人無法忍受，往往使瀏覽者沒有耐心等頁面全部顯示出來，這樣你的精心設(shè)計便毫無效果啦。     16、整個頁面風(fēng)格要一致     你網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，要統(tǒng)一風(fēng)格，貫穿全站。這樣子讀者看起來舒服、順暢，會對你的網(wǎng)站留下一個“很專業(yè)”的印象。     17、記數(shù)器能不用最好不用     由于計數(shù)器也是由程序設(shè)計成的，顯示計數(shù)器的過程其實(shí)就是在執(zhí)行一個程序的過程，它需要占用用戶寶貴的上網(wǎng)時間，況且大多數(shù)瀏覽者認(rèn)為計數(shù)器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。因此筆者建議不要輕易考慮在你的網(wǎng)站上放置一個醒目的點(diǎn)擊記數(shù)器。你設(shè)計網(wǎng)站是為了給訪問者提供服務(wù)，而不是推銷你自己認(rèn)為重要的東西。如果你顯示你的網(wǎng)站是多么受歡迎，你最好提供一個鏈接，顯示訪問日志。     18、每個頁面都要有導(dǎo)航標(biāo)志     所有頁面從頭至尾都要使用導(dǎo)航標(biāo)志，尤其是要用“返回到首頁”連接。可以在每個頁面都這樣做。比如在每頁的頂端(或底部)都有一小串圖標(biāo)，第一個回到首頁，第二個回到章，第三個回到節(jié)。如果是圖像導(dǎo)航按鈕，那么要有清晰的標(biāo)識，讓人看得明白，千萬別只顧視覺效果的熱鬧，而讓人家不知東西南北；而文本導(dǎo)航的鏈接顏色最好用約定俗成的：未訪問的，藍(lán)色；點(diǎn)擊過的，紫色或栗色。總之，文本鏈接一定要和頁面的其他文字有所區(qū)分，給讀者一個清楚明白的導(dǎo)向。     19、盡量使用相對超級連接     在制作圖象或文本超級連接時，盡可能地使用相對超級連接，這是因為這樣做網(wǎng)頁的可移植性比較強(qiáng)，例如把一組源文件移到另一個地方時，相對路徑名仍然有效，而不需要重新修改連接的目標(biāo)地址；另外使用相對超級連接時輸入量也較少，在同一頁的連接項當(dāng)然應(yīng)該使用相對地址，因為使用絕對地址后可能會每選擇一個連接都要把該頁重新裝載一次。如果是連接到不直接相關(guān)的文件時，使用絕對路徑比較好，這樣以后要是把源文件移到另外的目錄下就不需更改連接了。     20、保證超級連接直觀有效     頁面中的超級連接應(yīng)當(dāng)使用戶能夠很快地找到他們所要的東西。絕大多數(shù)好的站點(diǎn)在每一頁同樣的位置上都有相同的導(dǎo)航條，使瀏覽者能夠很直觀地從每一頁上訪問網(wǎng)站的任何部分。     另外特別要避免“請按這里”，任何要“按這里”的人都會慎重考慮，它是不是正好就在“這里”，并且連接無誤。不要讓連接的名稱與連接的URL不同，這樣會使讀者白白地浪費(fèi)時間。
本文出自：億恩科技【www.czbl888.cn】

服務(wù)器租用/服務(wù)器托管中國五強(qiáng)！虛擬主機(jī)域名注冊頂級提供商！15年品質(zhì)保障！--億恩科技[ENKJ.COM]

同類文章

·　Win7怎樣關(guān)閉UAC
·　防范入侵修改"遠(yuǎn)程終端服
·　ASP網(wǎng)站漏洞解析及黑客入
·　ASP網(wǎng)站漏洞解析及黑客入
·　IP網(wǎng)絡(luò)攻擊手段和安全策略
·　網(wǎng)絡(luò)流量和網(wǎng)絡(luò)帶寬的區(qū)別
·　什么是網(wǎng)絡(luò)流量
·　服務(wù)器的使用誤區(qū)及正確使用
·　站長托管服務(wù)器之前必做的六
·　什么是虛擬主機(jī)？
·　服務(wù)器慢怎么辦？？
·　無盤啟動工作原理及其分類
·　什么是遠(yuǎn)程訪問服務(wù)器
·　計算機(jī)網(wǎng)絡(luò)的帶寬的概念
·　WDS（無線分布式系統(tǒng)）加
·　VPN是什么
·　負(fù)載均衡是什么
·　Ping一下網(wǎng)絡(luò)故障早知
·　北京IDC專家北京最好的
·　seoer如何優(yōu)化行業(yè)網(wǎng)站

服務(wù)器租用

服務(wù)器托管

機(jī)柜批發(fā)

云服務(wù)器

建站俠

空間/域名

安全保姆

幫助類別

幫助中心

文章內(nèi)容

網(wǎng)站制作之網(wǎng)頁技巧

同類文章

億恩公告

在線客服