網(wǎng)站設(shè)計(jì)思想

1、網(wǎng)頁(yè)設(shè)計(jì)思想 是網(wǎng)站中的一頁(yè)，通常是 HTML格式（文件擴(kuò)展名為.html或.htm或.asp或.aspx或.php 或 .jsp 等） 。網(wǎng)頁(yè)通常用圖像檔來(lái)提供圖畫(huà)。網(wǎng)頁(yè)要使用網(wǎng)頁(yè)瀏覽器來(lái)閱讀。簡(jiǎn)介網(wǎng)頁(yè)是構(gòu)成網(wǎng)站的基本元素， 是承載各種網(wǎng)站應(yīng)用的平臺(tái)。 通俗的說(shuō)， 您的網(wǎng)站就是由網(wǎng)頁(yè)組成的。 如果您只有域名和虛擬主機(jī)而沒(méi)有制作任何網(wǎng)頁(yè)的話， 您的客戶仍舊無(wú)法訪問(wèn) 您的網(wǎng)站。所謂網(wǎng)站 （Website） ，就是指在網(wǎng)際網(wǎng)路（因特網(wǎng)）上，根據(jù)一定的規(guī)則，使用 HTML 等工具制作的用於展示特定內(nèi)容的相關(guān)網(wǎng)頁(yè)的集合。 簡(jiǎn)單地說(shuō)， 網(wǎng)站是一種通訊工具， 就像布告欄一樣，人們可以通過(guò)網(wǎng)站來(lái)發(fā)布自己想要

2、公開(kāi)的資訊（信息） ，或者利用網(wǎng)站來(lái)提供相關(guān)的網(wǎng)路服務(wù) （網(wǎng)絡(luò)服務(wù)） 。 人們可以通過(guò)網(wǎng)頁(yè)瀏覽器來(lái)訪問(wèn)網(wǎng)站， 獲取自己需要的資訊 （信息）或者享受網(wǎng)路服務(wù)什么是網(wǎng)頁(yè)?現(xiàn)在在你眼前，出現(xiàn)在顯示器上的這個(gè)" 東西 " ，就是一個(gè)網(wǎng)頁(yè)。網(wǎng)頁(yè)實(shí)際是一個(gè)文件， 它存放在世界某個(gè)角落的的某一臺(tái)計(jì)算機(jī)中， 而這臺(tái)計(jì)算機(jī)必須是與互聯(lián)網(wǎng)相連的。 網(wǎng) 頁(yè)經(jīng)由網(wǎng)址（ URL ）來(lái)識(shí)別與存取，當(dāng)我們?cè)跒g覽器輸入網(wǎng)址后，經(jīng)過(guò)一段復(fù)雜而又快速的程序， 網(wǎng)頁(yè)文件會(huì)被傳送到你的計(jì)算機(jī)， 然后再通過(guò)瀏覽器解釋網(wǎng)頁(yè)的內(nèi)容， 再展示到你 的眼前。構(gòu)成網(wǎng)頁(yè)的元素:文字與圖片是構(gòu)成一個(gè)網(wǎng)頁(yè)的兩個(gè)最基本的元素。 你可

3、以簡(jiǎn)單的理解為： 文字， 就是網(wǎng)頁(yè)的內(nèi)容，圖片，就是網(wǎng)頁(yè)的美觀。除此之外，網(wǎng)頁(yè)的元素還包括動(dòng)畫(huà)、音樂(lè)、程序等等。在網(wǎng)頁(yè)上點(diǎn)擊鼠標(biāo)右鍵， 選擇菜單中的 " 查看源文件" ， 就可以通過(guò)記事本看到網(wǎng)頁(yè)的實(shí)際內(nèi)容。 可以看到， 網(wǎng)頁(yè)實(shí)際上只是一個(gè)純文本文件， 它通過(guò)各式各樣的標(biāo)記對(duì)頁(yè)面上的文字、圖片、表格、聲音等元素進(jìn)行描述（例如字體、顏色、大小） ，而瀏覽器則對(duì)這些標(biāo)記進(jìn)行解釋并生成頁(yè)面，于是就得到你現(xiàn)在所看到的畫(huà)面。 為什么在源文件看不到任何圖片？ 網(wǎng)頁(yè)文件中存放的只是圖片的鏈接位置， 而圖片文件與網(wǎng)頁(yè)文件是互相獨(dú)立存放的，甚至可以不在同一臺(tái)計(jì)算機(jī)上。網(wǎng)頁(yè)的類(lèi)型.通常我們看到

4、的網(wǎng)頁(yè)，都是以 htm 或 html 后綴結(jié)尾的文件，俗稱HTML 文件。不同的后綴，分別代表不同類(lèi)型的網(wǎng)頁(yè)文件，例如以CGI、ASP、PHP、JSP甚至其他更多。網(wǎng)頁(yè)的分類(lèi)網(wǎng)頁(yè)有多種分類(lèi) ,我們籠統(tǒng)意義上的分類(lèi)是動(dòng)態(tài)和靜態(tài)的頁(yè)面,原則上講靜態(tài)頁(yè)面多通過(guò)網(wǎng)站設(shè)計(jì)軟件來(lái)進(jìn)行重新設(shè)計(jì)和更改,相對(duì)的比較滯后，當(dāng)然現(xiàn)在有網(wǎng)站管理系統(tǒng)，也可以生成靜態(tài)頁(yè)面我們稱這種靜態(tài)頁(yè)面為偽靜態(tài)。動(dòng)態(tài)頁(yè)面通過(guò)網(wǎng)頁(yè)腳本與語(yǔ)言自動(dòng)處理自動(dòng)更新的頁(yè)面，比方說(shuō)貼吧，他就是通過(guò)網(wǎng)站服務(wù)器運(yùn)行程序， 自動(dòng)處理信息，按照流程更新 網(wǎng)頁(yè)。關(guān)于網(wǎng)頁(yè)：當(dāng)你每次上網(wǎng)時(shí)， 都會(huì)在歷史紀(jì)錄里留下紀(jì)錄， 保存在 C 盤(pán)主要文件的一個(gè)文檔里， 刪

5、除時(shí)只要右鍵刪除就可以了。 編輯本段 網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息（包括產(chǎn)品和服務(wù)）的一種方式,是企業(yè)開(kāi)展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)， 離開(kāi)網(wǎng)站 （或者只是利用第三方網(wǎng)站） 去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為 "網(wǎng)絡(luò)商標(biāo) " ，也是企業(yè)無(wú)形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。企業(yè)網(wǎng)站設(shè)計(jì)顯得極為重要，下面是 一些網(wǎng)站設(shè)計(jì)中應(yīng)注意的原則。一、 明確建立網(wǎng)站的目標(biāo)和用戶需求Web 站點(diǎn)的設(shè)計(jì)是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此我們必須明確設(shè)計(jì)站點(diǎn)的目的和用戶需求， 從而做出切實(shí)可行

6、的設(shè)計(jì)計(jì)劃。 我們會(huì)根據(jù)消費(fèi)者的需求、市場(chǎng)的狀況、企業(yè)自身的情況等進(jìn)行綜合分析，以 "消費(fèi)者（ customer）" 為中 心，而不是以 " 美術(shù) "為中心進(jìn)行設(shè)計(jì)規(guī)劃。在設(shè)計(jì)規(guī)劃時(shí)我們會(huì)考慮：建設(shè)網(wǎng)站的目的是什么？為誰(shuí)提供服務(wù)和產(chǎn)品？企業(yè)能提供什么樣的產(chǎn)品和服務(wù)？網(wǎng)站的目的消費(fèi)者和受眾的特點(diǎn)是什么？企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式（風(fēng)格）？二、網(wǎng)頁(yè)設(shè)計(jì)總體方案主題鮮明在目標(biāo)明確的基礎(chǔ)上， 完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。 對(duì)網(wǎng)站的整體風(fēng)格和特色 作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。Web 站點(diǎn)應(yīng)針對(duì)所服務(wù)對(duì)象（機(jī)構(gòu)或人）的不同而具有不同的形式。有些站點(diǎn)只

7、提供簡(jiǎn)潔文本信息； 有些則采用多媒體表現(xiàn)手法， 提供華麗的圖像、閃爍的燈光、復(fù)雜的頁(yè)面布置，甚至可以下載聲音和錄像片段。好的 Web 站點(diǎn)把圖形表現(xiàn)手法和有效的組織與通信結(jié) 合起來(lái)。為了做到主題鮮明突出， 要點(diǎn)明確， 我們將按照客戶的要求， 以簡(jiǎn)單明確的語(yǔ)言和畫(huà)面 體現(xiàn)站點(diǎn)的主題；調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站點(diǎn)的個(gè)性和情趣，辦出網(wǎng)站的特點(diǎn)。Web 站點(diǎn)主頁(yè)應(yīng)具備的基本成分包括： 頁(yè)頭：準(zhǔn)確無(wú)誤地標(biāo)識(shí)你的站點(diǎn)和企業(yè)標(biāo)志；Email 地址：用來(lái)接收用戶垂詢； 聯(lián)系信息：如普通郵件地址或電話； 版權(quán)信息：聲明版 權(quán)所有者等。充分利用已有信息，如客戶手冊(cè)公共關(guān)系文檔技術(shù)手冊(cè)和數(shù)據(jù)庫(kù)等。網(wǎng)頁(yè)設(shè)計(jì)的要點(diǎn)網(wǎng)頁(yè)設(shè)

8、計(jì)的兩大要點(diǎn)是：整體風(fēng)格和色彩搭配。一、確定網(wǎng)站的整體風(fēng)格網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計(jì)是最難以學(xué)習(xí)的。 難就難在沒(méi)有一個(gè)固定的模式可以參照 和模仿。給你一個(gè)主題，任何兩人都不可能設(shè)計(jì)出完全一樣的網(wǎng)站。風(fēng)格（style）是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)"整體形象"包括站點(diǎn)的CI （標(biāo)志、色彩、字體、標(biāo)語(yǔ)）、版面布局、瀏覽方式、交互性、文字、語(yǔ)氣、內(nèi)容 價(jià)值、存在意義、站點(diǎn)榮譽(yù)等等諸多因素。舉個(gè)例子：我們覺(jué)得網(wǎng)易是平易近人的，迪斯尼是生動(dòng)活潑的， IBM 是專業(yè)嚴(yán)肅的。這些都是網(wǎng)站給人們留下的不同感受。在這里，我提供給大家一些參考經(jīng)驗(yàn)：1將你的標(biāo)志logo ，

9、盡可能的放在每個(gè)頁(yè)面上最突出的位置。2突出你的標(biāo)準(zhǔn)色彩。3總結(jié)一句能反映貴站精髓的宣傳標(biāo)語(yǔ)！4相同類(lèi)型的圖像采用相同效果，比如說(shuō)標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的！二、網(wǎng)頁(yè)色彩的搭配無(wú)論是平面設(shè)計(jì)， 還是網(wǎng)頁(yè)設(shè)計(jì)， 色彩永遠(yuǎn)是最重要的一環(huán)。 當(dāng)我們距離顯示屏較遠(yuǎn)的 時(shí)候，我們看到的不是優(yōu)美的版式或者是美麗的圖片，而是網(wǎng)頁(yè)的色彩。關(guān)于色彩的原理有許多， 在此我們不可能一一闡述， 大家可以看看相關(guān)設(shè)計(jì)書(shū)籍， 有利于系統(tǒng)地理解。在此我們僅僅想告訴大家一些網(wǎng)頁(yè)配色時(shí)的小技巧。1用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁(yè)面看起來(lái)

10、色彩統(tǒng)一，有層次感。2用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。3 用一個(gè)色系。 簡(jiǎn)單的說(shuō)就是用一個(gè)感覺(jué)的色彩， 例如淡藍(lán)， 淡黃， 淡綠； 或者土黃，土灰，土藍(lán)。在網(wǎng)頁(yè)配色中，還要切記一些誤區(qū)：1不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。2 背景和前文的對(duì)比盡量要大（絕對(duì)不要用花紋繁復(fù)的圖案作背景） ，以便突出主要文字內(nèi)容。三、網(wǎng)頁(yè)設(shè)計(jì)的工具1 .dreamweaver,用與編輯 HTML、ASR JSP PHP時(shí)的輔助工具2 .Frontpage 跟 dreamweaver 一樣，不過(guò)個(gè)人感覺(jué)還是dreamweaver 好。3 .FLASH 網(wǎng)頁(yè)需要畫(huà)面流動(dòng)時(shí)的首選擇4 .P

11、S圖象處理軟件，一般網(wǎng)頁(yè)都需要有圖片相搭配，PS是款很強(qiáng)大的工具。5 .FW跟PS一樣都是圖象處理軟件，但FW偏向與對(duì)網(wǎng)頁(yè)的處理。個(gè)人喜歡PS網(wǎng)站設(shè)計(jì)成功要素設(shè)計(jì)一個(gè)網(wǎng)站， 應(yīng)該考慮下列九條基本因素， 這些因素對(duì)網(wǎng)站的成功與否有著重要影響。1 .整體布局網(wǎng)站主頁(yè)就好象是宣傳欄或者店面-對(duì)訪問(wèn)者產(chǎn)生第一印象，都希望盡量給人留下好的印象，不是嗎？一般來(lái)說(shuō)，好的網(wǎng)站應(yīng)該給人有這樣的感覺(jué)：干凈整潔；條理清楚；專業(yè)水準(zhǔn)；引人入勝。網(wǎng)頁(yè)應(yīng)該力求抓住而不是淹沒(méi)瀏覽者的注意力，過(guò)多的閃爍、 色彩、 下拉菜單框、圖片等會(huì)讓訪問(wèn)者無(wú)所適從-離開(kāi)是最好的選擇，就象一些商店，播放震耳欲聾的發(fā)燒音樂(lè)，你要做的唯一決定就

12、是離開(kāi)那里，越快越好。2 .信息無(wú)論商業(yè)站點(diǎn)還是個(gè)人主頁(yè)， 你必須給人們提供有一定價(jià)值的內(nèi)容才能留住訪問(wèn)者， 因?yàn)槲覀內(nèi)祟?lèi)總是惟利是圖，第一個(gè)問(wèn)題總是： "對(duì)我有什么用處？ "所以你必須提供某些有價(jià)值的東西，當(dāng)然并不是說(shuō)必須提供某些免費(fèi)的物品 - 免費(fèi)書(shū)籍、免費(fèi)入場(chǎng)券、免費(fèi)度假等，這些" 有價(jià)值的東西"可以是：信息；娛樂(lè)；勸告；對(duì)一些問(wèn)題的幫助；提供志趣相投者聯(lián)絡(luò)的機(jī)會(huì)；鏈接到有用的網(wǎng)頁(yè)，等等。如果你經(jīng)營(yíng)的是企業(yè)網(wǎng)站，需要提供關(guān)于產(chǎn)品或服務(wù)的信息：容易理解； 容易查詢； 容易訂貨。3 .速度我們都知道， 頁(yè)面下載速度是網(wǎng)站留住訪問(wèn)者的關(guān)鍵因素， 如果 2

13、0-30 秒還不能打開(kāi)一個(gè)網(wǎng)頁(yè)，一般人就會(huì)沒(méi)有耐心。至少應(yīng)該確保主頁(yè)速度盡可能快，最好不要用大的圖片。應(yīng)該時(shí)時(shí)提醒自己， 網(wǎng)站首頁(yè)就象一個(gè)廣告牌。 當(dāng)開(kāi)車(chē)經(jīng)過(guò)一個(gè)廣告牌時(shí)， 沒(méi)有時(shí)間閱讀上面的詳細(xì)說(shuō)明， 也不可能贊賞其復(fù)雜的圖案， 廣告標(biāo)志從眼前一閃而過(guò)， 必須在一瞬間給人留下印象。網(wǎng) * 問(wèn)者也是 "一閃而過(guò) " ， 保證你的首頁(yè)簡(jiǎn)單而快速。 網(wǎng)上有許多關(guān)于如何增加速度的文章-檢查下載速度，放棄一切顯著減慢主頁(yè)速度的資料。4 .圖形和版面設(shè)計(jì)圖形和版面設(shè)計(jì)關(guān)系到對(duì)主頁(yè)的第一印象， 圖象應(yīng)集中反映主頁(yè)所期望傳達(dá)的主要信息。如果有系列商業(yè)站點(diǎn)，你不必讓過(guò)分顯眼的動(dòng)畫(huà)出現(xiàn)在首頁(yè)

14、-但如果你的網(wǎng)站是游戲站點(diǎn)，動(dòng)畫(huà)將是必不可少的一部分內(nèi)容。圖片是影響網(wǎng)頁(yè)下載速度的重要原因， 根據(jù)經(jīng)驗(yàn)， 把每頁(yè)全部?jī)?nèi)容控制在30K 左右可以保證比較理想的下載時(shí)間。圖象在6-8K 之間為宜，每增加2K 會(huì)延長(zhǎng) 1 秒鐘的下載時(shí)間。顏色也是影響網(wǎng)頁(yè)的重要因素，不同的顏色對(duì)人的感覺(jué)有不同的影響，例如：紅色和橙色使人興奮并使得心跳加速；* 使人聯(lián)想到陽(yáng)光，是一種快活的顏色；考慮到你希望對(duì)瀏覽者產(chǎn)生什么影響，請(qǐng)為網(wǎng)頁(yè)選擇合適的顏色。閱讀西方格式文本時(shí)， 眼睛從左上方開(kāi)始， 逐行瀏覽到達(dá)由下方， 插入圖象時(shí)不要忘記這種特性。 任何具有方向性的圖片應(yīng)該放置在網(wǎng)頁(yè)中對(duì)眼睛最重要的地方， 如果在左上角放置一

15、幅小鳥(niǎo)的圖片，鳥(niǎo)嘴應(yīng)該放在把瀏覽者目光引向頁(yè)面中部的地方，而不是把視線引走。這種思路可以用于所有圖片：面部應(yīng)該 " 看" 網(wǎng)頁(yè)的中部；汽車(chē)的"?？?"面向網(wǎng)頁(yè)中部；道路、領(lǐng)帶等等圖片的放置都應(yīng)該在有助于吸引目光從左向右、從上向下移動(dòng)。一般總是把網(wǎng)站導(dǎo)航條放置在頁(yè)面左邊，也是出于這種考慮-不斷地出現(xiàn)在瀏覽者的視野之中。5 .文字的可讀性我們?nèi)匀挥脧V告牌的比喻來(lái)說(shuō)明，文字要在廣告牌上突出，周?chē)鷳?yīng)該留有足夠的空間。也許你曾到過(guò)一些網(wǎng)站， 要么擁擠不堪的文字覺(jué)得好象只有把腦袋鉆進(jìn)去才能閱讀， 要么深色的背景給人的感覺(jué)好象處于非常狹窄的空間里， 而且讓人的心情感覺(jué)

16、很壓抑。 某些背景色 的令人閱讀困難；紫色、橙色和紅色讓人眼花繚亂。文字的顏色也很重要， 不同的瀏覽器有不同的顯示效果， 有些在你的瀏覽器上很漂亮的顏色在其他瀏覽器上可能無(wú)法顯示。參考報(bào)紙的編排方式， 為方便或快速閱讀將你的內(nèi)容分欄設(shè)計(jì)， 甚至兩欄也要比一滿頁(yè) 的視覺(jué)效果要好。另一種能夠提高文字可讀性的因素是你所選擇的字體，通用的字體 (Arial, Times New Roman, Garamond and Courier)最易閱讀，特殊字體用于標(biāo)題效果較好，但是不適合正文(試想瀏覽整頁(yè)的 Gothic, Script, Westminster, or Cloister 會(huì)是怎樣的感受) 。

17、 因?yàn)殚喿x費(fèi)力， 你的 眼睛很快就會(huì)疲勞，不得不轉(zhuǎn)移到其他頁(yè)面。明白我的意思了嗎？6 .網(wǎng)頁(yè)標(biāo)題的可讀性必須盡量使你的網(wǎng)頁(yè)易于閱讀，除了分欄之外（將頁(yè)面縱向分割） ，也需要利用標(biāo)題和副標(biāo)題將文檔分段。為所有標(biāo)題和副標(biāo)題設(shè)置同一字體， 并將標(biāo)題字體加大一號(hào)， 所有標(biāo)題和副標(biāo)題都采用粗體，這樣便于識(shí)別標(biāo)題（字體加大加粗）和副標(biāo)題（粗體，與正文字體大小相同） ，使瀏覽者一眼就可以看到要點(diǎn)， 以便找出并繼續(xù)閱讀有興趣的內(nèi)容。 標(biāo)題的重要性可見(jiàn)一斑， 要認(rèn)真寫(xiě)好每個(gè)標(biāo)題！也可以將整句采用粗體或用不同的顏色突出某些內(nèi)容，不過(guò)不要用難以閱讀的顏色。7 .導(dǎo)航由于人們習(xí)慣于從作到右、 從上到下閱讀， 所以主要

18、的導(dǎo)航條應(yīng)放置在頁(yè)面左邊， 對(duì)于較長(zhǎng)頁(yè)面來(lái)說(shuō)， 在最底部設(shè)置一個(gè)簡(jiǎn)單導(dǎo)航也很有必要 （只要兩項(xiàng)就夠了： 主頁(yè) | 頁(yè)面頂部） 。確定一種你滿意的模式之后， 最好將這種模式應(yīng)用到同一網(wǎng)站的每個(gè)頁(yè)面， 這樣， 瀏覽者就知道如何尋找信息。8 .保護(hù)個(gè)人信息聲明和客戶推薦信對(duì)于商業(yè)網(wǎng)站來(lái)講， 最重要的事情之一是確保潛在客戶的信心， 你應(yīng)該明確地告訴人們，如何對(duì)其興趣、 愛(ài)好， 尤其個(gè)人 * 保密， 很有必要專門(mén)用一個(gè)頁(yè)面詳細(xì)陳述你的保護(hù)個(gè)人信息聲明，包括對(duì)訪問(wèn)者的 email 地址保密、如何接受定單、如何匯總信息、匯總這些信息的目的、誰(shuí)可以看到這些信息等基本內(nèi)容。訪問(wèn)者也想知道你的產(chǎn)品或服務(wù)現(xiàn)有客戶的

19、反映， 所以如果能引用與你關(guān)系融洽的客戶對(duì)你的積極評(píng)價(jià)，對(duì)你的可信度將很有幫助。不要害怕向顧客索取推薦信 -人們都愿意自己的意見(jiàn)有價(jià)值。你可以把客戶的推薦信另設(shè)計(jì)為一個(gè)網(wǎng)頁(yè)， 作為對(duì)客戶提供推薦信的回報(bào)， 在這里鏈接到客戶的網(wǎng)站-這也是一種"雙贏 " 。9 .詞語(yǔ)一個(gè)網(wǎng)站如果只有漂亮的外觀而詞語(yǔ)錯(cuò)誤連篇、 語(yǔ)法混亂， 同樣是失敗的， 對(duì)于網(wǎng)站所有者和負(fù)責(zé)人將產(chǎn)生很壞的影響，人們會(huì)用許多貶義詞來(lái)評(píng)價(jià)你：粗心大意、懶惰、外行、沒(méi)水平等等。你愿意把自己辛苦掙來(lái)的錢(qián)花在一個(gè)連自己的網(wǎng)站都馬馬虎虎的人嗎？你可以按照上述步驟改進(jìn)你的網(wǎng)站制作技巧；你可以請(qǐng)人對(duì)你的工作進(jìn)行校對(duì)、編輯；你也

20、可以請(qǐng)人為你制作網(wǎng)頁(yè)；總之， 上述步驟在很多方面對(duì)你會(huì)有所幫助， 不要因?yàn)閷?duì)某些步驟的疏忽而影響你的網(wǎng)站的整體效果。保存網(wǎng)頁(yè)的技巧我們?cè)谏暇W(wǎng)過(guò)程中遇到精彩的文章、 圖片、 flash 常常會(huì)把它們保存下來(lái)已備日后查看。保存網(wǎng)頁(yè)的基本方法就是用瀏覽器帶的保存功能。 點(diǎn)擊瀏覽器的菜單文件-另存為，輸入文件名，保存類(lèi)型可以選擇 網(wǎng)頁(yè)，全部（*.htm;*.html） Web 檔案，單個(gè)文件（*.mht） 文本文件 （*.txt） 。 保存網(wǎng)頁(yè)的過(guò)程中常見(jiàn)的問(wèn)題：網(wǎng)頁(yè)不能保存、保存失敗，有些網(wǎng)頁(yè)禁止了鼠標(biāo)右鍵，不能復(fù)制。采用瀏覽器自帶的 "另存為"保存網(wǎng)頁(yè)的時(shí)候，有時(shí)進(jìn)度條前進(jìn)速度

21、非常緩慢，最后提示"保存網(wǎng)頁(yè)失敗" ， 這中情況主要是由于網(wǎng)速慢或?qū)Ψ降姆?wù)器忙導(dǎo)致有部分文件不能下載引起的。網(wǎng)頁(yè)采用腳本禁止了 "Ctrl+v" 和右鍵菜單功能，有些網(wǎng)頁(yè)不僅禁止使用右鍵菜單功能，而且禁止使用了鼠標(biāo)拉選文字的功能。除了采用瀏覽器自帶的 "另存為"保存網(wǎng)頁(yè)之外還可以通過(guò)下列方法來(lái)保存網(wǎng)頁(yè)，可以有效解決網(wǎng)頁(yè)不能復(fù)制、保存失敗等問(wèn)題。1、將網(wǎng)頁(yè)保存為圖片。如果想要完整保存頁(yè)面，通過(guò)屏幕拷貝的方式將網(wǎng)頁(yè)保存為圖片不失為一種很好的方法，這特別適合做設(shè)計(jì)的人員，需要看的是網(wǎng)頁(yè)的整體。2、保存部分有用內(nèi)容。事實(shí)上我們保存網(wǎng)頁(yè)時(shí)往往

22、是僅需保存網(wǎng)頁(yè)中的正文部分，整個(gè)網(wǎng)頁(yè)內(nèi)容一大堆，正文也就一小部分。一種辦法就是用 "拷貝 "、 "粘貼 " 的方法將正文復(fù)制到 word 然后保存。你想象過(guò)只要點(diǎn)一下鼠標(biāo)即可完成保存你需要的正文部分，不用你手工"拷貝 "、 "粘貼 " 呢？現(xiàn)在保存網(wǎng)頁(yè)也講人工智能， 智能化的網(wǎng)頁(yè)保存工具網(wǎng)童就實(shí)現(xiàn)了這樣的功能， 他能夠自動(dòng)識(shí)別并提取網(wǎng)頁(yè)正文內(nèi)容，在瀏覽器中點(diǎn)擊鼠標(biāo)右鍵，選擇" 網(wǎng)童，取網(wǎng)頁(yè)正文" ，網(wǎng)頁(yè)正文在一個(gè)新的窗口中顯示可編輯、保存。還可以一鍵將網(wǎng)頁(yè)保存為 word 文件，保存的是干干凈凈

23、的網(wǎng)頁(yè)正文，而且還包括下一頁(yè)，省去很多的復(fù)制、粘貼操作。3、批量保存網(wǎng)頁(yè)內(nèi)容。要想批量保存網(wǎng)頁(yè)內(nèi)容那只能采用第三方工具了，瀏覽器本身不提供這種功能。最常見(jiàn)的就是下載工具了， 如網(wǎng)際快車(chē)、迅雷， 建立一個(gè)網(wǎng)頁(yè)下載列表然后后下載工具下載。 這種方法只能下載鏈接指向的 html 文件， 不能下載關(guān)聯(lián)的圖片等文件。第二種方法就是網(wǎng)絡(luò)爬蟲(chóng)，這種工具可以把自動(dòng)抓取網(wǎng)頁(yè)及其相關(guān)鏈接的文件。上面這兩種方法都有一個(gè)問(wèn)題就是只要是指向的鏈接都取， 不能區(qū)分是否有用。 批量保存網(wǎng)頁(yè)內(nèi)容最好的方法就是采用智能型的網(wǎng)頁(yè)保存工具- 網(wǎng)童。事實(shí)上我們保存網(wǎng)頁(yè)經(jīng)常只需要網(wǎng)頁(yè)的正文內(nèi)容， 保存工具應(yīng)當(dāng)自動(dòng)的智能化的識(shí)別網(wǎng)頁(yè)正文

24、內(nèi)容， 然后自動(dòng)提取這些信息。網(wǎng)童不但可以批量保存網(wǎng)頁(yè)而且自動(dòng)提取正文內(nèi)容并把網(wǎng)頁(yè)內(nèi)容匯編在一起。如果你經(jīng)常需要保存網(wǎng)頁(yè)或者你對(duì)網(wǎng)頁(yè)技術(shù)不是非常熟悉建議采用專門(mén)的網(wǎng)頁(yè)保存工具，傻瓜式的一鍵搞定。提升網(wǎng)頁(yè)可用性的方法權(quán)威研究結(jié)果表明： 人們?cè)诰€的閱讀習(xí)慣和平時(shí)的閱讀習(xí)慣是完全不一樣的。 訪問(wèn)者通常是在非常隨意的狀態(tài)下快速瀏覽你的網(wǎng)頁(yè)的， 他們急于獲取真實(shí)的、實(shí)用的，并且是有價(jià)值的信息。 如果他們不能及時(shí)地獲取所需信息，那么，他們將離開(kāi)你的網(wǎng)頁(yè)。下面的 3 點(diǎn)方法將會(huì)給你帶來(lái)幫助， 它會(huì)讓你為你的訪問(wèn)者提供所需信息， 指出提升網(wǎng)頁(yè)可用性的方法。10 精簡(jiǎn)的文本描述你所寫(xiě)的文章必須圍繞一個(gè)主題， 這

25、可以方便訪問(wèn)者快速獲取主旨信息和中心思想。 好好想想如何把文章改得精簡(jiǎn)得體以便于訪問(wèn)者閱讀。這里告訴你一個(gè)可行的辦法，盡量把一段文章在 3-4 行之內(nèi)敘述完整，然后再另起一行寫(xiě)下面一段。11 便于快速瀏覽的文本網(wǎng)絡(luò)用戶一般不會(huì)在線精讀文本內(nèi)容， 他們通常是快速瀏覽。 因此， 應(yīng)該盡量使用簡(jiǎn)短、醒目的文本。舉個(gè)例子來(lái)說(shuō)，可以通過(guò)超鏈接的形式將重要的信息從頁(yè)面中分離出來(lái)， 這樣做會(huì)使得這段重要信息顯得非常醒目。將一個(gè)段落以重點(diǎn)列表的形式表示也是一種非?？尚械姆椒?。學(xué)會(huì)在你的重點(diǎn)詞組前方加一個(gè)起強(qiáng)調(diào)作用的圓點(diǎn)。還有一點(diǎn)，學(xué)會(huì)在頁(yè)面中使用副標(biāo)題，當(dāng)你瀏覽網(wǎng)頁(yè)時(shí)，將重點(diǎn)挑選出來(lái)，并將它們寫(xiě)在標(biāo)題標(biāo)簽內(nèi)，

26、"標(biāo)題2"和"標(biāo)題 3"的效果最好，但是"標(biāo)題 1"標(biāo)簽的效果也會(huì)相當(dāng)不錯(cuò)， 這樣做會(huì)可以給整個(gè)頁(yè)面的信息分出層次， 以幫助閱讀者在簡(jiǎn)單地瀏覽頁(yè)面之后快速地獲取所需信息。12 必須要客觀公正這里要提到的“客觀公正”指的是：在你的網(wǎng)頁(yè)上放上與你網(wǎng)頁(yè)內(nèi)容相關(guān)的鏈接，讓訪問(wèn)者做出*的選擇：是繼續(xù)留在你的網(wǎng)頁(yè)上，還是去別的網(wǎng)頁(yè)上尋找信息。這對(duì)于你-網(wǎng)頁(yè)的所有者來(lái)說(shuō)，并不是一件壞事；因?yàn)槟憧梢詾樵L問(wèn)者指明確切的方向。好好按照上面說(shuō)的把你的網(wǎng)頁(yè)改進(jìn)一下。我相信，網(wǎng)頁(yè)的可用性一定會(huì)大大提升；同時(shí)，你的訪問(wèn)者也會(huì)非常感激你，并且會(huì)很愿意與你進(jìn)行往來(lái)。

27、編輯本段教你快速成長(zhǎng)為一名厲害的網(wǎng)頁(yè)設(shè)計(jì)師筆者曾經(jīng)是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)的菜鳥(niǎo)，經(jīng)過(guò)自己不斷的摸索和實(shí)踐，現(xiàn)在已經(jīng)可以獨(dú)立制作一個(gè)完整的靜態(tài)站點(diǎn)，并且給學(xué)校的N （N>5）個(gè)部門(mén)、院系和外面的公司做網(wǎng)站，雖然 不是一個(gè)完全意義上的 Web Designer （網(wǎng)頁(yè)設(shè)計(jì)師），但是完成一些要求不是很專業(yè)、不是 十分完美的站點(diǎn)已經(jīng)是小事兒了（嘿嘿，是不是有自吹自擂之嫌），自己心里已經(jīng)是小有成就感了，所以自封為準(zhǔn) Web Designer!自認(rèn)為成長(zhǎng)過(guò)程還算快，所以把本人的經(jīng)歷向大家介紹一下，給那些有志于此的朋友們一些參考意見(jiàn)。循序漸進(jìn)學(xué)知識(shí)先學(xué)一學(xué)HTML,找本自己能看懂的教材，瀏覽為主，不用記住所有

28、的概念，只要記住 使用原理就行了，這一階段，估計(jì)三天就夠了；然后用兩天時(shí)間學(xué)CSS方法同上；進(jìn)而再花些時(shí)間了解一下 JavaScript然后就可以用記事本嘗試寫(xiě)幾個(gè)網(wǎng)頁(yè)，記住這時(shí)千萬(wàn)不要用那些可視化工具，比如 FrontPage、Dreamweaver （那些以后再學(xué)）。有一個(gè)提高自己"寫(xiě)網(wǎng)頁(yè)"的捷徑，就是上各大網(wǎng)站，把網(wǎng)頁(yè)保存下來(lái)（什么？你說(shuō)你不 會(huì)保存網(wǎng)頁(yè)？就是"文件-另存為"），然后打開(kāi)保存下來(lái)的網(wǎng)頁(yè)，點(diǎn)擊右鍵-查看源文件， 看看人家的網(wǎng)頁(yè)是怎么寫(xiě)的，然后模仿他們的寫(xiě)法，不斷規(guī)范自己的代碼。嘿嘿，這個(gè)方法不錯(cuò)吧。先好好模仿一下吧。接下來(lái)該學(xué)一下 F

29、ireworks 了。建議一開(kāi)始就到網(wǎng)上找些實(shí)例教程，這些實(shí)例教程一般 都介紹得很詳細(xì)，跟著它一步一步做下來(lái)，每學(xué)會(huì)一個(gè)實(shí)例就掌握了幾項(xiàng)操作，而且也有了自己的作品，很有成就感的，長(zhǎng)期積累下來(lái)對(duì)自己的提高很有幫助。學(xué) Fireworks主要是學(xué) 圖片處理，比如加一些效果，還有很重要的就是切圖，這對(duì)于初學(xué)者是很重要的。這時(shí)還可以結(jié)合 Dreamweaver進(jìn)行學(xué)習(xí)，你就可以體會(huì)到 Dreamweaver和Fireworks的 無(wú)縫集成了。利用這些工具多做幾個(gè)網(wǎng)頁(yè)，你就可以達(dá)到一定水平了。要是想讓你的網(wǎng)頁(yè)多一些炫目白效果，建議你學(xué)一下Flash,難度并不大，而且要是前面的JavaScript基礎(chǔ)打得

30、好的話，學(xué)到 Flash中Acti*cript時(shí)，你會(huì)有一種似曾相識(shí)的感覺(jué)， 因?yàn)檫@兩種語(yǔ)法幾乎是一模一樣的。到這時(shí)，相信你就可以真正領(lǐng)會(huì)到"網(wǎng)頁(yè)三劍客”的威力了。在實(shí)踐中不斷提高要是每天能拿出兩個(gè)小時(shí)來(lái)學(xué)習(xí)，完成以上這些學(xué)習(xí)估計(jì)只要20天就差不多了。要是天賦高的話（比如說(shuō)像我這樣的，呵呵 ），那需要的時(shí)間就更少了。接下來(lái)該實(shí)習(xí)了，找個(gè) 地方鍛煉一下自己，比如可以去一些公司干干兼職，或是給自己的單位設(shè)計(jì)一下主頁(yè)等。最好是能進(jìn)入一個(gè)正規(guī)的開(kāi)發(fā)團(tuán)隊(duì)，你就會(huì)學(xué)會(huì)如何以團(tuán)隊(duì)合作的方式開(kāi)發(fā)網(wǎng)站，特別是怎樣和程序組合作，把頁(yè)面與后臺(tái)程序數(shù)據(jù)庫(kù)配合起來(lái)?？赡苣銜?huì)擔(dān)心自己是新手，人家 會(huì)嫌棄你，沒(méi)關(guān)

31、系，只要努力去找，總會(huì)有機(jī)會(huì)的。至U此，你就基本可以稱作是一個(gè)"準(zhǔn)Web Designer"了，不過(guò)要從根本上提高自己，最好去學(xué)學(xué)美術(shù)，這是當(dāng)一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師的基本功。筆者剛開(kāi)始做網(wǎng)頁(yè)純粹是自?shī)首詷?lè)， 但在這個(gè)過(guò)程中， 我逐漸開(kāi)始深深喜歡上了這項(xiàng)工作。這個(gè)學(xué)習(xí)過(guò)程是人生的一筆寶貴財(cái)富，至少我是這么認(rèn)為的。編輯本段 網(wǎng)站設(shè)計(jì)65 條原則01 明確內(nèi)容如果你想成為一個(gè)網(wǎng)站設(shè)計(jì)者， 并正想建一個(gè)網(wǎng)站的話， 首先應(yīng)該考慮網(wǎng)站的內(nèi)容， 包括網(wǎng)站功能和你的用戶需要什么。你的整個(gè)設(shè)計(jì)都應(yīng)該圍繞這些方面來(lái)進(jìn)行。02 抓住用戶如果用戶不能夠迅速地進(jìn)入你的網(wǎng)站， 或操作不便捷， 網(wǎng)站設(shè)計(jì)就是失敗

32、的。 不要讓用戶失望而轉(zhuǎn)向你的對(duì)手的網(wǎng)站。03 優(yōu)化內(nèi)容內(nèi)容是核心。大約在兩年以前， 企業(yè)網(wǎng)站就像一本廣告冊(cè)子， 更槽糕的是，網(wǎng)站使用了大量的圖片， 似乎要幾個(gè)世紀(jì)才能下載完。 比如某網(wǎng)站在設(shè)計(jì)的某些方面是成功的， 但是內(nèi)容太貪乏，并且要花很長(zhǎng)時(shí)間才能找到所要的東西，因此不能算是一個(gè)成功的網(wǎng)站。04 快速下載沒(méi)有什么比要花很長(zhǎng)時(shí)間下載頁(yè)面更槽糕的了。 作為一條經(jīng)驗(yàn)， 一個(gè)標(biāo)準(zhǔn)的網(wǎng)頁(yè)應(yīng)不大于60K,通過(guò)56K調(diào)制解調(diào)器加載花30秒的時(shí)間。有的設(shè)計(jì)者說(shuō)網(wǎng)頁(yè)加載應(yīng)在15秒內(nèi)。05 網(wǎng)站升級(jí)時(shí)刻注意網(wǎng)站的運(yùn)行狀況。 性能很好的主機(jī)隨著訪問(wèn)人數(shù)的增加， 可能會(huì)運(yùn)行緩慢。 但是，如果你不想失去訪問(wèn)者的話，

33、一定要仔細(xì)計(jì)劃好你的升級(jí)計(jì)劃。06 堅(jiān)持基本原則即使你不懂HTML語(yǔ)言，你只需購(gòu)買(mǎi)一個(gè)有版權(quán)的所見(jiàn)即所得的網(wǎng)頁(yè)設(shè)計(jì)工具，如AdobePageMill 或 Microsoft FrontPage Express,當(dāng)然現(xiàn)在則是Dreamweaver 啦，就可以創(chuàng)建一個(gè)看起來(lái)很合理的網(wǎng)站。 但是， 在設(shè)計(jì)時(shí)， 這些軟件包雖然不需要HTML， 卻使網(wǎng)站速度下降。為了成功地設(shè)計(jì)網(wǎng)站， 你必須理解HTML 是如何工作的。 大多數(shù)的網(wǎng)站設(shè)計(jì)者建議網(wǎng)絡(luò)新手應(yīng)從有關(guān) HTML 的書(shū)中去尋找答案，用 Notepad 制作網(wǎng)頁(yè)。07 學(xué)習(xí) HTML用 HTML 設(shè)計(jì)網(wǎng)站，可以控制設(shè)計(jì)的整個(gè)過(guò)程。但是，如果你僅僅是網(wǎng)

34、站設(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)站。08 用筆畫(huà)一個(gè)網(wǎng)站的框架圣人云：筆比劍更強(qiáng)大。在用計(jì)算機(jī)之前，用筆畫(huà)一個(gè)網(wǎng)站的框架，顯示出所有網(wǎng)頁(yè)的相互關(guān)系。計(jì)劃好你的用戶如何以最少的時(shí)間瀏覽你的網(wǎng)站。09 "在計(jì)算機(jī)上永遠(yuǎn)也找不到好的方案" 。 - 專家忠告10 網(wǎng)站地圖許多設(shè)計(jì)者把他們的網(wǎng)站地圖放在網(wǎng)站上， 這種做法， 卻是弊大于利。 絕大部分的訪問(wèn)者上網(wǎng)是尋找一些特別

35、的信息， 他們對(duì)于你的網(wǎng)站是如何工作的， 并沒(méi)有興趣。 如果你覺(jué)得你的網(wǎng)站需要地圖，那很可能是需要改進(jìn)你的導(dǎo)航和工具條。11 " 睜大你的眼睛，留意所有的事情。對(duì)最不相關(guān)的東西的觀察可以得到最好的靈感。觀察一個(gè)站點(diǎn)的結(jié)構(gòu)和設(shè)計(jì)。 理解站點(diǎn)結(jié)構(gòu)的關(guān)鍵元素， 確保你的設(shè)計(jì)是圍繞站點(diǎn)瀏覽進(jìn)行的。 " - 專家忠告12 點(diǎn)擊規(guī)則聽(tīng)說(shuō)過(guò) 3 次點(diǎn)擊規(guī)則嗎？對(duì)于小型網(wǎng)站， 在你的主頁(yè)上， 沒(méi)有任何一條信息， 需要點(diǎn)擊次數(shù)超過(guò) 3 次的。對(duì)于大型網(wǎng)站，使用導(dǎo)航和工具條來(lái)改善操作。13 特殊字體的應(yīng)用雖然你可以在你的 HTML 中使用特殊的字體， 但是， 你不可能預(yù)測(cè)你的訪問(wèn)者在他們的計(jì)算

36、機(jī)上將看到什么。 在你的計(jì)算機(jī)里看起來(lái)相當(dāng)好的頁(yè)面， 在另一個(gè)不同的平臺(tái)上看起來(lái)可能非常糟糕。 一些網(wǎng)站設(shè)計(jì)員喜歡使用來(lái)定義特性， 這雖然允許你使用特殊的字體， 但是仍需要一些變通的方法，以免你所選擇的字體在訪問(wèn)者的計(jì)算機(jī)上不能顯示。級(jí)聯(lián)風(fēng)格表CSSW助于解決這些問(wèn)題，但是只有最新版的瀏覽器才支持CSS14 "使用切合實(shí)際的簡(jiǎn)便的命名規(guī)則。 " -專家忠告15 檢查錯(cuò)別字好的拼寫(xiě)是人們一生中重要的技能。 但是遺憾的是， 許多設(shè)計(jì)者都缺少這種技能。 確保 你拼寫(xiě)正確，并且格外注意平常容易誤寫(xiě)的錯(cuò)別字。16 避免長(zhǎng)文本頁(yè)面在一個(gè)站點(diǎn)上有許多只有文本的頁(yè)面，是令人乏味的，且也浪費(fèi)

37、Web 的潛力。如果你有大量的基于文本的文檔，應(yīng)當(dāng)以 Adobe Acrobat 格式的文件形式來(lái)放置，以便你的訪問(wèn)者能離線閱讀。17 不要使用卷滾條人們厭惡在網(wǎng)上使用卷滾條。 某站是一個(gè)典型的設(shè)計(jì)很差的網(wǎng)站。 它基于一個(gè)浮動(dòng)的架構(gòu)，為了閱讀所有的文本，瀏覽者不得不使用卷滾條。18 專家最喜愛(ài)的 Web 設(shè)計(jì)工具19 Adobe Photoshop20 Macromedia Flash21 Adobe Illustrator22 Adobe ImageRead23 Macromedia Dreamweaver24 Macromedia Fireworks25 Allaire Homesites

38、26 Microsoft Notepad27 Macromedia Director28 . Lightwave29 . Macromedia Freehand30 其它：Adobe Acrobat Exchange ， Allaire ColdFusion,BBEdit,HTML Validator 等。31 網(wǎng)站介紹你應(yīng)當(dāng)有一個(gè)很清晰的網(wǎng)站介紹， 告訴訪問(wèn)者你的網(wǎng)站能夠提供些什么， 以便訪問(wèn)者能找到想要的東西。 但是， 許多設(shè)計(jì)者都沒(méi)有這樣做。 有效的導(dǎo)航條和搜索工具使人們很容易找到有用的信息，這對(duì)訪問(wèn)者很重要。告訴訪問(wèn)者你所提供的正是他們想要的信息。32 " 網(wǎng)站一旦發(fā)布，網(wǎng)站

39、設(shè)計(jì)的優(yōu)點(diǎn)和缺陷全都公布于世。沒(méi)有什么方法使你能夠比從自己的錯(cuò)誤、傾聽(tīng)其他人的建議和用戶反饋意見(jiàn)中學(xué)到更多的東西。" -專家忠告33 閃爍讓人頭痛通過(guò)使用標(biāo)識(shí)可以吸引訪問(wèn)者對(duì)你的主頁(yè)特殊部分的注意，但這也讓你的訪問(wèn)者頭痛。如果你想使訪問(wèn)者再次光顧你的網(wǎng)站，就少用此方法。34 背景顏色背景顏色也會(huì)產(chǎn)生一些問(wèn)題， 可能會(huì)使網(wǎng)頁(yè)難于閱讀。 你應(yīng)當(dāng)堅(jiān)持使用白色的背景和黑色的文本，另外還應(yīng)當(dāng)堅(jiān)持使用通用字體。35 向前和向后按鈕應(yīng)當(dāng)避免強(qiáng)迫用戶使用向前和向后按鈕。 你的設(shè)計(jì)應(yīng)當(dāng)使用戶能夠很快地找到他們所要的東西。 絕大多數(shù)好的站點(diǎn)在每一頁(yè)同樣的位置上都有相同的導(dǎo)航條， 使瀏覽者能夠從每一 頁(yè)*

40、 問(wèn)網(wǎng)站的任何部分。36 專家忠告： "堅(jiān)持你的信念。嚴(yán)格遵守各種規(guī)則。避免想當(dāng)然。絕不停止學(xué)習(xí)。"37 點(diǎn)擊記數(shù)器不要輕易考慮在你的網(wǎng)站上放置一個(gè)醒目的點(diǎn)擊記數(shù)器。 你設(shè)計(jì)網(wǎng)站是為了給訪問(wèn)者提供服務(wù)， 而不是推銷(xiāo)你自己認(rèn)為重要的東西。 大多數(shù)瀏覽者認(rèn)為計(jì)數(shù)器毫無(wú)意義， 它們很容易被做假， 瀏覽者也不想看廣告。 如果你顯示你的網(wǎng)站是多么受歡迎， 你最好提供一個(gè)鏈接，顯示訪問(wèn)日志。38 不要用框架與記數(shù)器一樣， 框架在網(wǎng)頁(yè)上越來(lái)越流行。 在大多數(shù)網(wǎng)站上， 在屏幕的左邊有一個(gè)框架。但是設(shè)計(jì)者立刻就發(fā)現(xiàn)，在使用框架時(shí)產(chǎn)生了許多的問(wèn)題。使用框架時(shí)如果沒(méi)有17 英寸的顯示屏幾乎不可能

41、顯示整個(gè)網(wǎng)站。 框架也使得網(wǎng)站內(nèi)個(gè)人主頁(yè)不能夠成為書(shū)簽。 也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網(wǎng)站。39 去掉圖像在瀏覽器中即使去掉了圖像功能，也要保證訪問(wèn)者能夠在你的網(wǎng)站上獲得滿意的效果。對(duì)于那些使用ISDN連接并且關(guān)掉了圖像功能的訪問(wèn)者，還能獲得好的網(wǎng)頁(yè)加載性能?？梢?通過(guò)在網(wǎng)頁(yè)底部提供另外的鏈接和使用替代文字，而不是圖像來(lái)滿足訪問(wèn)者的需要。40 重復(fù)使用圖像一些網(wǎng)站由于使用大量不重復(fù)的圖像而錯(cuò)過(guò)了使用更好的技巧的機(jī)會(huì)。在創(chuàng)建商標(biāo)時(shí)，在網(wǎng)頁(yè)上多次使用同樣的圖像是一個(gè)好的方法， 并且一旦它們被裝入， 以后重新載入就會(huì)很 快。41 避免使用過(guò)大的圖像不要使用橫跨整個(gè)屏幕的圖

42、像。 避免訪問(wèn)者向右滾動(dòng)屏幕。 占 75%的屏幕寬度是一個(gè)好的建議。42 專家忠告： "避免使用炫耀的技巧。 "43 選擇使用Flash 動(dòng)畫(huà)許多使用比較慢的計(jì)算機(jī)的訪問(wèn)者發(fā)現(xiàn)動(dòng)畫(huà)圖標(biāo)很容易耗盡系統(tǒng)資源， 使網(wǎng)站的操作變得很困難，因此，應(yīng)該給用戶一個(gè)跳過(guò)使用 Flash 動(dòng)畫(huà)的選擇。32盡量少使用Flash插件雖然許多 Web 設(shè)計(jì)者認(rèn)為 Flash 功能很強(qiáng)大， 并且 Netscape5.0 將支持 Flash， 在使用時(shí)不必再下載任何插件。 但是，最好還是取消使用 Flash 做各接口的想法。44 讓用戶先預(yù)覽小圖像如果不得不放置大的圖像在網(wǎng)站上，就最好使用 Thumb

43、nails 軟件，把圖像的縮小版本的預(yù)覽效果顯示出來(lái)，這樣用戶就不必浪費(fèi)金錢(qián)和時(shí)間去下載他們根本不想看的大圖像。45 動(dòng)畫(huà)與內(nèi)容應(yīng)有機(jī)結(jié)合確保動(dòng)畫(huà)和內(nèi)容有關(guān)聯(lián)。它們應(yīng)和網(wǎng)頁(yè)渾然一體，而不是干巴巴的。動(dòng)畫(huà)并不只是Macromedia Director 等制作的東西的簡(jiǎn)單堆積。46 慎用聲音聲音的運(yùn)用也應(yīng)得到警惕。 內(nèi)聯(lián)聲音是網(wǎng)頁(yè)設(shè)計(jì)者的另一個(gè)禁地。 因?yàn)檫^(guò)多地使用聲音會(huì)使下載速度很慢， 同時(shí)并沒(méi)有帶給瀏覽者多少好處。 首次聽(tīng)到鼠標(biāo)發(fā)出聲音可能會(huì)很有趣，但是多次以后肯定會(huì)很煩人。使用聲音前，應(yīng)該仔細(xì)考慮聲音將會(huì)給你帶來(lái)什么。47 少用 Java 和 AxtiveX在網(wǎng)頁(yè)上應(yīng)盡量少使用 Java 和

44、 AxtiveX 。因?yàn)椴⒉皇敲恳环N瀏覽器都需要使用它，只有那些Netscape和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時(shí)也存在問(wèn)題，過(guò)分地使用Java,會(huì)使Mac崩潰。48 設(shè)計(jì)成功的網(wǎng)站藍(lán)色理想七色鳥(niǎo) ChinaUI5D 多媒體49 慎用插件 在 Web 設(shè)計(jì)中，如果依賴于一些特別的插件，會(huì)減少網(wǎng)站的吸引力。如果訪問(wèn)者沒(méi)有所要求的插件，將不得不到其它站點(diǎn)去下載，這樣訪問(wèn)者有可能就不會(huì)返回了。50 使用著名的插件如果網(wǎng)站上有聲音或視頻，要保證使用者通過(guò)使用某個(gè)知名的插件，能夠聽(tīng)到或看到。許多站點(diǎn)使用 QuickTime、RealPlay和Shockwave插件。因?yàn)?，許多訪問(wèn)者并不愿意浪費(fèi)很 多時(shí)間和金錢(qián)去下載可能僅使用一次的插件。51 使用先進(jìn)技術(shù)跟上新的技術(shù)。 Web 技術(shù)的進(jìn)步絕不會(huì)停止，所以應(yīng)花一些時(shí)間來(lái)研究新產(chǎn)品和開(kāi)發(fā)技術(shù)。52 自己創(chuàng)建圖像和聲音使用你自己創(chuàng)建的或從某個(gè)商業(yè)網(wǎng)站上下載的圖像和聲音。 在制作商業(yè)網(wǎng)站時(shí)， 應(yīng)該花足夠的資金來(lái)創(chuàng)建圖形，以增強(qiáng)公司的宣傳。53 專家忠告 - " 無(wú)論是游戲、圖像、動(dòng)畫(huà)還是電影，想想你喜歡的設(shè)計(jì)是怎樣的，這將激發(fā)你的創(chuàng)作靈感，使你創(chuàng)作出新的和更好的網(wǎng)站。 "54 平臺(tái)的兼容性要為用戶著想， 必須最少在一臺(tái) PC 和一臺(tái) Mac 機(jī)上測(cè)試你的網(wǎng)站