網(wǎng)站內(nèi)容管理PPT課件講義

1網(wǎng)站內(nèi)容管理2大綱網(wǎng)絡(luò)環(huán)境與網(wǎng)絡(luò)用戶的特性網(wǎng)站架構(gòu)常見錯(cuò)誤網(wǎng)頁版面呈現(xiàn)的限制瀏覽解析度色彩呈現(xiàn)字型呈現(xiàn)網(wǎng)站架構(gòu)規(guī)劃網(wǎng)站架設(shè)步驟網(wǎng)站架構(gòu)規(guī)劃網(wǎng)頁標(biāo)準(zhǔn)樣版文字排版網(wǎng)站設(shè)計(jì)原則3網(wǎng)絡(luò)環(huán)境與網(wǎng)絡(luò)用戶的特性4網(wǎng)絡(luò)連接速度用戶概況

截至2002年12月底為止，我國

電話撥接用戶數(shù)為

490萬戶，

xDSL用戶數(shù)為182萬戶，

CableModem用戶數(shù)為28萬戶，

其他聯(lián)機(jī)用戶數(shù)為346.6萬戶

（其他聯(lián)機(jī)：固接專線用戶數(shù)為1.6萬戶，ISDN用戶數(shù)為1萬戶，衛(wèi)星用戶數(shù)約900戶，

學(xué)術(shù)網(wǎng)絡(luò)(TANet)用戶數(shù)為344萬人。）

將上述各個(gè)聯(lián)機(jī)方式用戶數(shù)經(jīng)過加權(quán)運(yùn)算，并扣除低用度用戶、一人多賬號(hào)與多人一賬號(hào)等重復(fù)值后，估算2002年底我國上網(wǎng)人口達(dá)859萬人，因特網(wǎng)連網(wǎng)應(yīng)用普及率為38%

資料來源：XXXXXXX5網(wǎng)站使用者的特性缺乏耐性難以忍受「尚在建構(gòu)中」或其他錯(cuò)誤訊息「掃瞄」的閱讀方式容易迷失方向懷疑信息的可靠性螢?zāi)婚喿x的忍耐時(shí)間短文字不比影像吸引讀者繪圖不如照片搜索引擎幫助有限偏好互動(dòng)模式6網(wǎng)站內(nèi)容與讀者閱讀時(shí)間

7網(wǎng)站建構(gòu)之常見錯(cuò)誤

8網(wǎng)站設(shè)計(jì)者HTML及相關(guān)程序撰寫經(jīng)驗(yàn)不足路徑錯(cuò)誤、程序錯(cuò)誤由「視覺外觀」為導(dǎo)向來制作網(wǎng)站不斷的旋轉(zhuǎn)和彈跳，使用者需花費(fèi)許多時(shí)間下載由「技術(shù)面」為導(dǎo)向制作網(wǎng)站大量使用最新程序，用戶需使用最新版的瀏覽器9網(wǎng)頁設(shè)計(jì)常見錯(cuò)誤(1/7)窗口分割常因操作或設(shè)計(jì)不當(dāng)造成多重窗口瀏覽器上的網(wǎng)址不一定是目前顯現(xiàn)網(wǎng)頁的精確網(wǎng)址無法儲(chǔ)存正確的網(wǎng)頁書簽列印的困擾10網(wǎng)頁設(shè)計(jì)常見錯(cuò)誤(2/7)濫用尖端的新科技不可避免的必須強(qiáng)迫使用者下載、安裝與學(xué)習(xí)新的接口互動(dòng)方式冗長的下載文件與等待時(shí)間新科技往往不夠穩(wěn)定，常會(huì)降低用戶計(jì)算機(jī)的速度或造成當(dāng)機(jī)復(fù)雜的網(wǎng)址（中文的網(wǎng)址）不易記憶、不易傳播11網(wǎng)頁設(shè)計(jì)常見錯(cuò)誤(3/7)孤離的網(wǎng)頁、沒有導(dǎo)覽連結(jié)的網(wǎng)頁使用者無法藉由此頁連結(jié)至其他頁面，且不易得知此頁之所屬主題或機(jī)關(guān)欠缺網(wǎng)站導(dǎo)覽缺乏Sitemap、回首頁、網(wǎng)站主從主題結(jié)構(gòu)提示大型網(wǎng)站（超過100頁面）應(yīng)提供站內(nèi)搜索引擎12網(wǎng)頁設(shè)計(jì)常見錯(cuò)誤(4/7)明顯的錯(cuò)誤或過時(shí)的信息使用者對于網(wǎng)站中信息的信任感普遍低于對傳統(tǒng)媒體的觀感錯(cuò)誤或過時(shí)的信息會(huì)明顯降低用戶對此網(wǎng)站（機(jī)構(gòu)）的信心與其競爭力舊檔案在線保存的不足跑馬燈式(閃爍)的文字及不斷重復(fù)的動(dòng)畫過多的跑馬燈文字或閃爍，不但無法造成吸引的效果，反而造成視覺上的混淆13網(wǎng)頁設(shè)計(jì)常見錯(cuò)誤(5/7)冗長的卷動(dòng)型網(wǎng)頁設(shè)計(jì)者必須盡量讓主要的網(wǎng)頁內(nèi)容和重要的連結(jié)，在不需要下拉滾動(dòng)條的范圍內(nèi)完整呈現(xiàn)超連結(jié)顏色使用的不一致當(dāng)有必要使文字超鏈接與瀏覽器默認(rèn)值不同時(shí)，也應(yīng)遵循網(wǎng)站整體一致性的原則「上一頁」按鈕無法使用開新窗口即時(shí)轉(zhuǎn)接網(wǎng)址阻止快取記憶（Cache）的瀏覽除非必要，否則應(yīng)盡量避免！14網(wǎng)頁設(shè)計(jì)常見錯(cuò)誤(6/7)網(wǎng)頁接口符號(hào)的不一致易造成用戶瀏覽上的困擾，且造成此單位不專業(yè)的印象15網(wǎng)頁設(shè)計(jì)常見錯(cuò)誤(7/7)未提供人物或著作出處的注明應(yīng)注明網(wǎng)站經(jīng)營者的背景資料著作及研究報(bào)告應(yīng)注明出處及作者信息網(wǎng)頁中提及特定人物時(shí)，勿只以電子信箱做鏈接，因?yàn)槭褂谜叻怯刑囟ㄐ枰?，不?huì)主動(dòng)聯(lián)系作者本人不達(dá)意的標(biāo)題或按鈕文字以組織之部門作為標(biāo)題鏈接設(shè)計(jì)者個(gè)人的喜好詞匯增加網(wǎng)站的可信度！16

網(wǎng)頁版面呈現(xiàn)的限制瀏覽分辨率限制色彩呈現(xiàn)字型呈現(xiàn)17640*480像素800*600像素1024*768像素瀏覽器分辨率的顯示差異18網(wǎng)頁排版安全區(qū)域19色彩呈現(xiàn)-黑白色系20色彩呈現(xiàn)-256色21色彩呈現(xiàn)-TrueColor22GIF檔案AdvantagesofGIFFilesAllgraphicWebviewerssupporttheGIFformatforinlinedimages.GIFsofdiagrammaticimageslookbetterthanJPEGs.GIFsupportstransparencyandinterlacing.23JPEG檔案AdvantagesofJPEGImagesHugecompressionratiosarepossible,forfasterdownloadspeeds.Givesexcellentresultsinmostphotographsandmedicalimages.Supportsfull-colorimages(24-bit"truecolor"images).24網(wǎng)頁字型及段落呈現(xiàn)建議字型新細(xì)明體、標(biāo)楷體TimesNewRoman、Arial字體大小內(nèi)文10pt.或12pt.，標(biāo)題14pt.或16pt.建議段落120％使用額外加入計(jì)算機(jī)系統(tǒng)之字型，易造成網(wǎng)頁顯示上的誤差。25網(wǎng)站架構(gòu)規(guī)劃好的網(wǎng)站是實(shí)用性(utility)與可用性(usability)的組合！網(wǎng)站架設(shè)步驟網(wǎng)站架構(gòu)規(guī)劃網(wǎng)頁標(biāo)準(zhǔn)樣版文字排版26網(wǎng)站的架構(gòu)步驟27過于水平的網(wǎng)站架構(gòu)28過深的網(wǎng)站架構(gòu)29平衡的網(wǎng)站架構(gòu)首頁目次內(nèi)容30網(wǎng)站架構(gòu)示意/site/basic_structures.html/site/diagrams.html31網(wǎng)頁標(biāo)準(zhǔn)樣版Logo超連結(jié)選項(xiàng)網(wǎng)站整體導(dǎo)覽本文主題圖像新聞資訊廣告推薦文字導(dǎo)覽、版權(quán)宣告、聯(lián)絡(luò)信息32Web上的慣例左上角的標(biāo)志表示回到首頁文字連結(jié)會(huì)在網(wǎng)頁底部重復(fù)在比較長的網(wǎng)頁上會(huì)使用一個(gè)連結(jié)回到頂端在大量打印的網(wǎng)頁上會(huì)使用友善打印頁面可以按的項(xiàng)目是藍(lán)色的，并且畫底線次要的導(dǎo)覽元素，例如網(wǎng)站地圖、搜尋等，與區(qū)域?qū)в[分開呈現(xiàn)33網(wǎng)頁排版結(jié)構(gòu)34網(wǎng)頁文字應(yīng)用策略（1/3）簡潔使用者瀏覽網(wǎng)頁時(shí)，不傾向閱讀長篇幅文字。35網(wǎng)頁文字應(yīng)用策略（2/3）信息分層設(shè)計(jì)者應(yīng)有計(jì)劃的將文字內(nèi)容系統(tǒng)化的分成多層不同的段落，而后提供超鏈接讓使用者自由選讀?！瓗讉€(gè)國內(nèi)網(wǎng)站研究都一致指出，不論在政府機(jī)關(guān)或私人企業(yè)，多數(shù)的管理者都開始注意網(wǎng)站的管理，因此許多電子商務(wù)顧問公司應(yīng)運(yùn)而生?！W(wǎng)站管理相關(guān)研究◆1998十大入口網(wǎng)站研究◆1999天下雜志最佳商業(yè)網(wǎng)站選拔◆2000中央政府部會(huì)網(wǎng)站評估臺(tái)灣的電子商務(wù)顧問公司◆哈哈e顧問◆

網(wǎng)絡(luò)顧問36網(wǎng)頁文字應(yīng)用策略（3/3）適合視覺掃瞄凸顯關(guān)鍵詞以項(xiàng)目符號(hào)排列應(yīng)用具吸引力的文字內(nèi)容標(biāo)題簡明清晰應(yīng)用淺顯易懂的文字以次標(biāo)題輔助說明避免標(biāo)新立異避免故弄玄虛圖示應(yīng)加批注37網(wǎng)站設(shè)計(jì)原則381.要有清楚的結(jié)構(gòu)樹狀結(jié)構(gòu)圖網(wǎng)站地圖組織性顏色管理：以「顏色」作為使用者認(rèn)識(shí)網(wǎng)站架構(gòu)之線索版面編排一致當(dāng)站內(nèi)網(wǎng)頁超過100頁，需加上站內(nèi)搜尋機(jī)制392.網(wǎng)站聯(lián)絡(luò)信息明確每頁盡量有l(wèi)ogo、站名、URL、網(wǎng)頁建立日期、聯(lián)絡(luò)e-mail或電話地址Logo和相關(guān)識(shí)別信息固定在每頁的同一位置提供人物或著作出處的注明403.頁標(biāo)題明確每個(gè)網(wǎng)頁都應(yīng)有標(biāo)題瀏覽器怎么顯示網(wǎng)頁？搜尋引擎怎么找到網(wǎng)頁？搜尋引擎怎么呈現(xiàn)找到的網(wǎng)頁？MicrosoftFrontPage的Newpage1、新網(wǎng)頁網(wǎng)頁標(biāo)題應(yīng)有層屬關(guān)系，[母項(xiàng)-子項(xiàng)]41善用標(biāo)題標(biāo)題可以抓住使用者的注意力將標(biāo)題獨(dú)立出來，能使網(wǎng)頁結(jié)構(gòu)更清楚424.網(wǎng)頁圖文架構(gòu)清晰網(wǎng)頁架構(gòu)和版面安排，應(yīng)能幫助用戶掃瞄和篩選信息，并能忽略不相關(guān)的大段文字內(nèi)容也應(yīng)有適當(dāng)簡潔的大小標(biāo)題，以增加內(nèi)容的可讀性再有價(jià)值的內(nèi)容，版面編排不好，使用者也很難耐心觀看，點(diǎn)閱率和回閱率都不會(huì)提高圖檔提供文字說明43網(wǎng)頁編排效果比較44卷動(dòng)滾動(dòng)條依然清晰明確45重要信息呈現(xiàn)由于屏幕只能顯示網(wǎng)頁的一小部分，故重要信息要讓用戶一進(jìn)來就可以看到！800*600screenarea465.善用超鏈接不要超鏈接到本頁（自己連自己）與其將有關(guān)某一主題的數(shù)據(jù)全部編成一個(gè)超長的網(wǎng)頁，倒不如善用目次結(jié)構(gòu)及超鏈接來建構(gòu)內(nèi)容超鏈接能夠幫助用戶跳過不相關(guān)的信息，以節(jié)省時(shí)間476.汲取成功網(wǎng)站經(jīng)驗(yàn)上網(wǎng)看看大受好評的網(wǎng)站是怎么設(shè)計(jì)的若90%以上的網(wǎng)站都是這么設(shè)計(jì)，這就是「實(shí)務(wù)標(biāo)準(zhǔn)」，請依樣畫葫蘆若60-90%的網(wǎng)站都這么設(shè)計(jì)，這是「慣例」，可以采用若60%以下的網(wǎng)站這么設(shè)計(jì)，則還沒取得共識(shí)，可以自由發(fā)揮487.