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