《網(wǎng)站架構(gòu)簡(jiǎn)要概述》由會(huì)員分享，可在線閱讀，更多相關(guān)《網(wǎng)站架構(gòu)簡(jiǎn)要概述（19頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、Click to edit Master title style,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,*,單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),第四級(jí),第五級(jí),*,*,網(wǎng)站架構(gòu),定義網(wǎng)站架構(gòu),今天我們所面臨的挑戰(zhàn)，不是搜集信息，而是發(fā)現(xiàn)信息對(duì)我們的沖擊。,定義網(wǎng)站架構(gòu),信息架構(gòu)（information architecture),對(duì)數(shù)據(jù)的,組織（organization),歸類(lèi)（labeling),數(shù)據(jù)演示（presentation
2、 of data),定義網(wǎng)站架構(gòu),網(wǎng)站架構(gòu)，是信息架構(gòu)與交互設(shè)計(jì)的一種模糊結(jié)合。它包括：,包含在網(wǎng)站中的內(nèi)容，或信息片段。,信息片段與信息片段之間的關(guān)系。,導(dǎo)航，訪問(wèn)者用來(lái)探尋這種關(guān)系的指導(dǎo)。,提示：要讓導(dǎo)航對(duì)于用戶(hù)來(lái)說(shuō)越簡(jiǎn)單直接，我們?cè)跇?gòu)建過(guò)程中要做的工作可能越多。,1 歸類(lèi),網(wǎng)站歸類(lèi)：相當(dāng)于為一本圖書(shū)創(chuàng)建索引和目錄。,包括導(dǎo)航標(biāo)簽，菜單鏈接，頁(yè)面標(biāo)題，頁(yè)頭，用于搜索和瀏覽的關(guān)鍵字。,如何設(shè)計(jì)標(biāo)簽？,從網(wǎng)站的內(nèi)容，尤其是從標(biāo)題和子標(biāo)題中，摘選出有意義的標(biāo)簽。,仔細(xì)閱讀競(jìng)爭(zhēng)者的網(wǎng)站，從中獲得啟發(fā)。,參考一些行業(yè)的在線主體詞表(可能作為標(biāo)簽的特定行業(yè)術(shù)語(yǔ)，經(jīng)過(guò)整理，定義，并相互參照）。,檢查現(xiàn)有
3、服務(wù)器日志，從中找出訪問(wèn)者在現(xiàn)有的網(wǎng)站上，用來(lái)找尋內(nèi)容的搜索關(guān)鍵詞。,2主題分類(lèi),火車(chē)交通工具,火車(chē)玩具,火車(chē)愛(ài)好模型,攝影網(wǎng)站的分類(lèi)：,業(yè)余愛(ài)好者,專(zhuān)業(yè)人士,替代為：,4000元以下,4000元以上,3為開(kāi)發(fā)者組織網(wǎng)站結(jié)構(gòu),嫻熟程序員的規(guī)范，或許是基于寶貴的經(jīng)驗(yàn)：,越早開(kāi)始編寫(xiě)代碼，項(xiàng)目花費(fèi)的時(shí)間將會(huì)越多，先花點(diǎn)時(shí)間做一下規(guī)劃吧。,3.1組織服務(wù)器上的文件和目錄,目錄結(jié)構(gòu)要遵循網(wǎng)站架構(gòu)層級(jí)：,每個(gè)主頁(yè)創(chuàng)建一個(gè)主目錄（文件夾），在這個(gè)主目錄下面還有子目錄，正如子頁(yè)面位于主頁(yè)下面一樣。,為可重復(fù)使用的元素建立獨(dú)立目錄，如高級(jí)CSS，javascript,image。,電腦零售商網(wǎng)站的目錄結(jié)構(gòu)示例
4、,根文件夾（包含index.html),images,css,javascript,beta,desktopSystems,laptopSystems,accessories,webImages,originalImages,webImages,css,javascript,orginalImages,webImages,originalImages,css,javascript,兩個(gè)幫助管理網(wǎng)站結(jié)構(gòu)的工具,Adobe Dreamweaver中的,站點(diǎn)地圖,連接檢查器（Link Checker),3.2建立標(biāo)準(zhǔn)命名規(guī)范,NavshoppingCart.gif,navShoppingCart.g
5、if,nav_shopping_cart.gif,nav-shopping-cart.gif,采用什么規(guī)范，遠(yuǎn)遠(yuǎn)沒(méi)有保持規(guī)范的一致性重要。,要求只采用字母、數(shù)字、連字符和下劃線。,請(qǐng)比較：,aa123,navbar,請(qǐng)比較：,navBlueButton.gif,navGobutton.gif,根據(jù)作用，而不是視覺(jué)屬性，統(tǒng)一文件的命名慣例。,3.3相對(duì)尋址和絕對(duì)尋址,鏈接站外頁(yè)面時(shí)，只能使用絕對(duì)尋址。,鏈接站內(nèi)頁(yè)面時(shí)，一定要使用相對(duì)尋址。,演講完畢，謝謝觀看！,內(nèi)容總結(jié),網(wǎng)站架構(gòu)。數(shù)據(jù)演示（presentation of data)。網(wǎng)站架構(gòu)，是信息架構(gòu)與交互設(shè)計(jì)的一種模糊結(jié)合。信息片段與信息片
6、段之間的關(guān)系。提示：要讓導(dǎo)航對(duì)于用戶(hù)來(lái)說(shuō)越簡(jiǎn)單直接，我們?cè)跇?gòu)建過(guò)程中要做的工作可能越多。1 歸類(lèi)。包括導(dǎo)航標(biāo)簽，菜單鏈接，頁(yè)面標(biāo)題，頁(yè)頭，用于搜索和瀏覽的關(guān)鍵字。從網(wǎng)站的內(nèi)容，尤其是從標(biāo)題和子標(biāo)題中，摘選出有意義的標(biāo)簽。參考一些行業(yè)的在線主體詞表(可能作為標(biāo)簽的特定行業(yè)術(shù)語(yǔ)，經(jīng)過(guò)整理，定義，并相互參照）。檢查現(xiàn)有服務(wù)器日志，從中找出訪問(wèn)者在現(xiàn)有的網(wǎng)站上，用來(lái)找尋內(nèi)容的搜索關(guān)鍵詞?；疖?chē)玩具。火車(chē)愛(ài)好模型。嫻熟程序員的規(guī)范，或許是基于寶貴的經(jīng)驗(yàn)：。越早開(kāi)始編寫(xiě)代碼，項(xiàng)目花費(fèi)的時(shí)間將會(huì)越多，先花點(diǎn)時(shí)間做一下規(guī)劃吧。每個(gè)主頁(yè)創(chuàng)建一個(gè)主目錄（文件夾），在這個(gè)主目錄下面還有子目錄，正如子頁(yè)面位于主頁(yè)下面一樣。為可重復(fù)使用的元素建立獨(dú)立目錄，如高級(jí)CSS，javascript,image,
網(wǎng)站架構(gòu)簡(jiǎn)要概述
