《網(wǎng)站架構(gòu)簡要概述》由會員分享,可在線閱讀,更多相關(guān)《網(wǎng)站架構(gòu)簡要概述(19頁珍藏版)》請在裝配圖網(wǎng)上搜索。
1、Click to edit Master title style,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,*,單擊此處編輯母版標題樣式,單擊此處編輯母版文本樣式,第二級,第三級,第四級,第五級,*,*,網(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
2、 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)站歸類:相當于為一本圖書創(chuàng)建索引和目錄。,包括導(dǎo)航標簽,菜單鏈接,頁面標題,頁頭,用于搜索和瀏覽的關(guān)鍵字。,如何設(shè)計標簽?,從網(wǎng)站的內(nèi)容,尤其是從標題和子標題中,摘選出有意義的標簽。,仔細閱讀競爭者的網(wǎng)站,從中獲得啟發(fā)。,參考一些行業(yè)的在線主體詞表(可能作為標簽的特定行業(yè)術(shù)語,經(jīng)過整理,定義,并相互參照)。,檢查現(xiàn)有
3、服務(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)示例
4、,根文件夾(包含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建立標準命名規(guī)范,NavshoppingCart.gif,navShoppingCart.g
5、if,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é)合。信息片段與信息片
6、段之間的關(guān)系。提示:要讓導(dǎo)航對于用戶來說越簡單直接,我們在構(gòu)建過程中要做的工作可能越多。1 歸類。包括導(dǎo)航標簽,菜單鏈接,頁面標題,頁頭,用于搜索和瀏覽的關(guān)鍵字。從網(wǎng)站的內(nèi)容,尤其是從標題和子標題中,摘選出有意義的標簽。參考一些行業(yè)的在線主體詞表(可能作為標簽的特定行業(yè)術(shù)語,經(jīng)過整理,定義,并相互參照)。檢查現(xiàn)有服務(wù)器日志,從中找出訪問者在現(xiàn)有的網(wǎng)站上,用來找尋內(nèi)容的搜索關(guān)鍵詞?;疖囃婢摺;疖噽酆媚P?。嫻熟程序員的規(guī)范,或許是基于寶貴的經(jīng)驗:。越早開始編寫代碼,項目花費的時間將會越多,先花點時間做一下規(guī)劃吧。每個主頁創(chuàng)建一個主目錄(文件夾),在這個主目錄下面還有子目錄,正如子頁面位于主頁下面一樣。為可重復(fù)使用的元素建立獨立目錄,如高級CSS,javascript,image,