網(wǎng)站架構(gòu)簡(jiǎn)要概述
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),歸類(labeling),數(shù)據(jù)演示(presentation of data),定義網(wǎng)站架構(gòu),網(wǎng)站架構(gòu),是信息架構(gòu)與交互設(shè)計(jì)的一種模糊結(jié)合。它包括:,包含在網(wǎng)站中的內(nèi)容,或信息片段。,信息片段與信息片段之間的關(guān)系。,導(dǎo)航,訪問者用來探尋這種關(guān)系的指導(dǎo)。,提示:要讓導(dǎo)航對(duì)于用戶來說越簡(jiǎn)單直接,我們?cè)跇?gòu)建過程中要做的工作可能越多。,1 歸類,網(wǎng)站歸類:相當(dāng)于為一本圖書創(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ù)語,經(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)驗(yàn):,越早開始編寫代碼,項(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)示例,根文件夾(包含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.gif,nav_shopping_cart.gif,nav-shopping-cart.gif,采用什么規(guī)范,遠(yuǎn)遠(yuǎn)沒有保持規(guī)范的一致性重要。,要求只采用字母、數(shù)字、連字符和下劃線。,請(qǐng)比較:,aa123,navbar,請(qǐng)比較:,navBlueButton.gif,navGobutton.gif,根據(jù)作用,而不是視覺屬性,統(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é)合。信息片段與信息片段之間的關(guān)系。提示:要讓導(dǎo)航對(duì)于用戶來說越簡(jiǎn)單直接,我們?cè)跇?gòu)建過程中要做的工作可能越多。1 歸類。包括導(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ù)語,經(jīng)過整理,定義,并相互參照)。檢查現(xiàn)有服務(wù)器日志,從中找出訪問者在現(xiàn)有的網(wǎng)站上,用來找尋內(nèi)容的搜索關(guān)鍵詞。火車玩具?;疖噽酆媚P?。嫻熟程序員的規(guī)范,或許是基于寶貴的經(jīng)驗(yàn):。越早開始編寫代碼,項(xiàng)目花費(fèi)的時(shí)間將會(huì)越多,先花點(diǎn)時(shí)間做一下規(guī)劃吧。每個(gè)主頁(yè)創(chuàng)建一個(gè)主目錄(文件夾),在這個(gè)主目錄下面還有子目錄,正如子頁(yè)面位于主頁(yè)下面一樣。為可重復(fù)使用的元素建立獨(dú)立目錄,如高級(jí)CSS,javascript,image,