《原型設(shè)計規(guī)范網(wǎng)頁規(guī)范用戶體驗規(guī)范交互規(guī)范》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

原型設(shè)計規(guī)范網(wǎng)頁規(guī)范用戶體驗規(guī)范交互規(guī)范482020年4月19日

1文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。用戶體驗產(chǎn)品規(guī)范V1.0目錄1、概述21.1規(guī)范目的21.2規(guī)范人群21.3規(guī)范范圍22、web架構(gòu)22.1web社會化框架32.1.1AFO方法3首要活動3識別社會化交互對象4Feature（功能）-選擇核心功能集。52.2web信息架構(gòu)62.2.1web架構(gòu)62.2.2信息頁面72.2.2.1*用戶視覺習(xí)慣72.2.2.2*頁面寬度102.2.2.3*一致性112.2.2.4*簡潔性122.2.2.5*清晰122.2.2.6*當(dāng)前狀態(tài)122.2.2.7導(dǎo)航122.2.2.8平面版式132.2.2.9欄目布局182.2.2.10欄目182.2.2.11分頁192.2.2.12搜索192.2.2.13文字202.2.2.14圖片212.2.2.15頁腳信息232.2.3界面內(nèi)部交互482020年4月19日

2文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。242.2.3.1*用戶的操作習(xí)慣242.2.3.2*用戶行為自由可控242.2.3.3*容錯性252.2.3.4*操作的靈活高效性252.2.3.5*操作提示262.2.3.6*各類彈框272.2.4頁面間交互282.2.5任務(wù)交互（工具類）292.3web業(yè)務(wù)架構(gòu)292.4web結(jié)構(gòu)seo292.4.1邏輯結(jié)構(gòu)302.4.1.1邏輯結(jié)構(gòu)的意義302.4.1.2邏輯結(jié)構(gòu)規(guī)范302.4.1.3邏輯結(jié)構(gòu)兩個要點312.4.1.4邏輯結(jié)構(gòu)圖322.4.2物理結(jié)構(gòu)332.4.2.1物理結(jié)構(gòu)的意義332.4.2.2物理結(jié)構(gòu)的規(guī)范-扁平式342.4.2.3物理結(jié)構(gòu)的規(guī)范-樹形結(jié)構(gòu)34482020年4月19日

3文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。1、概述1.1規(guī)范目的·在產(chǎn)品規(guī)劃時，給部門內(nèi)部的成員提供統(tǒng)一的規(guī)范和指導(dǎo)，有利于保證產(chǎn)品；·解決公司產(chǎn)品的可用性482020年4月19日

4文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。問題，即使操作更加人性化，減輕用戶認(rèn)知負(fù)擔(dān)，改進(jìn)產(chǎn)品的用戶體驗，提升產(chǎn)品的市場競爭力；·使產(chǎn)品在表現(xiàn)層面上達(dá)成界面外觀與操作行為的一致。1.2規(guī)范人群參與產(chǎn)品規(guī)劃的產(chǎn)品部成員。1.3規(guī)范范圍所有互聯(lián)網(wǎng)產(chǎn)品。2、web架構(gòu)如果把一個網(wǎng)站比喻成一座建筑，那么這個建筑的結(jié)構(gòu)就是這個網(wǎng)站的架構(gòu)。建筑的結(jié)構(gòu)決定了人們對它的第一印象，也決定了它最凸出的個性。建筑的結(jié)構(gòu)能夠從美的角度、實用的角度、個性的角度等方面分析。web架構(gòu)主要能夠從四方面分析：社會化框架、信息架構(gòu)、業(yè)務(wù)架構(gòu)、結(jié)構(gòu)SEO?？疾爝@四個方面的都有各自的意義：網(wǎng)站社會化框架，以提高用戶粘度為中心；信息架構(gòu)，以滿足用戶需求為中心；業(yè)務(wù)架構(gòu)，以客戶賺錢為中心；為web架構(gòu)seo，以服務(wù)搜索引擎為中心。其中社會化框架和信息架構(gòu)二者能夠相互促進(jìn)；web架構(gòu)seo相對獨立，但它也跟信息架構(gòu)的頁面鏈接有很大的關(guān)系；信息架構(gòu)和業(yè)務(wù)架構(gòu)有時候會有沖突，這時482020年4月19日

5文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。取決于我們優(yōu)先滿足普通用戶還是客戶，或是當(dāng)前產(chǎn)品的正處在的階段決定它們的優(yōu)先級。2.1web社會化框架什么是社會化框架？社會化設(shè)計是對支持社會交往的網(wǎng)站或應(yīng)用的構(gòu)思、規(guī)劃和構(gòu)建的過程。社會化框架即是社會化網(wǎng)站設(shè)計時形成的框架?？疾炀W(wǎng)站社會化框架，主要是以提高用戶粘度為中心。2.1.1AFO方法Activity（活動）-專注首要活動。Object（對象）-辨識交互對象Feature（功能）-選擇核心功能集。首要活動我們首先要解決（并伴隨整個設(shè)計過程）的問題是——你的用戶要用你的產(chǎn)品做什么？首要活動只有一個最能吸引人的應(yīng)用，就是讓人出眾完成某個特定活動的應(yīng)用總結(jié)：當(dāng)我們在開發(fā)一個新產(chǎn)品時，我們要解決的最重要的問題不是“誰要用我的產(chǎn)品”，而是“用戶要用我的產(chǎn)品來做什么”！我們平臺的首要活動呢？482020年4月19日

6文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。識別首要活動用戶的什么行為是網(wǎng)站獲得成功的關(guān)鍵？亞馬遜回答是付款、淘寶呢？微薄目標(biāo)：用戶希望達(dá)到的最終目標(biāo)購買日用品娛樂賺錢享受美食與家人保持聯(lián)系……..活動：實現(xiàn)目標(biāo)的一系列任務(wù)的組合往往會專注于具體的任務(wù)，而忽略更寬泛的活動。我們不能盯著付款這個具體操作，忽略購買這個活動任務(wù)：具體的某個功能識別社會化交互對象每一個活動都與特定對象相關(guān),確定首要活動后的下一步是，用戶進(jìn)行這些活動時的交互對象。模擬實物：Facebook——在哈佛大學(xué)，facebook是一個真正的本子亞馬遜的禮物愿望單——482020年4月19日

7文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。原型是人們用紙寫下并相互分享的禮物愿望單Web應(yīng)用中社交對象不一定要表現(xiàn)真實物品（視頻、音樂、電子狗），她們有時候也是能夠抽象的社交對象設(shè)計成功的案例照片書簽博客商品職位電影視頻新鮮事消息演示文檔…..為社會化對象分配URL地址：對象有了URL地址就能夠被分享出去對象有了URL地址就更容易被查找和尋回URL讓人能夠直接鏈接對象搜索引擎能利用URL更好工作Feature（功能）-選擇核心功能集我們能夠從首要活動及交互對象推導(dǎo)出核心功能集。為此我們要解決這些問題：1用戶會對交互對象做哪些操作？2有哪些功能足夠重要，是web應(yīng)用必須支持的？尋找動詞482020年4月19日

8文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。留意任何的對象集合，它們一般會成為有價值的功能。其中重要的集合方式是列表下面是搜索對象的幾種常見的來源：禮物愿望單我的…（照片、評論、書簽）購物車好友的…收藏夾項目分享條目AFO的方法指引來搜索亞馬遜提供的社會化功能商品評分加入禮物愿望單分享個人商品圖片新婚/新生兒禮物單買了該產(chǎn)品的用戶還買了…告訴朋友…2.2web信息架構(gòu)信息架構(gòu)482020年4月19日

9文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。,一般認(rèn)為是根據(jù)客戶需求分析的結(jié)果，準(zhǔn)確定位網(wǎng)站目標(biāo)群體，設(shè)定網(wǎng)站整體架構(gòu)，規(guī)劃、設(shè)計網(wǎng)站欄目及其內(nèi)容，制定網(wǎng)站頁面操作流程及頁面交互，以最大限度地符合用戶的需求。2.2.1web架構(gòu)架構(gòu)的層級架構(gòu)的層級很大程度上決定了，用戶經(jīng)過首頁需要點擊多少次才能夠到達(dá)自己想看的內(nèi)容。單純考慮層級，層級越少越好，最佳狀況是層級不超過三層。如果能保證層級不超過三層，就差不多能夠保證用戶點擊三次以內(nèi)就能夠看到自己想看的內(nèi)容。架構(gòu)的寬度用戶能夠見的第一層架構(gòu)寬度主要是導(dǎo)航的鏈接數(shù)。用戶短時間的記憶力一般情況是7±2，因此每個層級下架構(gòu)的寬度都不應(yīng)該太寬，否則會考驗用戶的記憶力。架構(gòu)的平衡度因為現(xiàn)在的大型網(wǎng)站，特別是門戶網(wǎng)站，它們的信息量非常的龐大，經(jīng)過首頁3次點擊都能到達(dá)所有的內(nèi)容已經(jīng)完全無法實現(xiàn)。一定的信息量，架構(gòu)的層級和架構(gòu)寬度是相互對立的，如果層級少則要求架構(gòu)寬度增加，反之毅然。架構(gòu)能夠給信息進(jìn)行分類、組織，讓用戶更清晰地找到自己要找的內(nèi)容，可是分類過多或是層級過深會增加用戶的學(xué)習(xí)成本。在信息量大的時候一定要綜合考慮架構(gòu)的層級和寬度平衡482020年4月19日

10文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。2.2.2信息頁面頁面是承載信息的載體。2.2.2.1*用戶視覺習(xí)慣1、順應(yīng)用戶基本的閱讀習(xí)慣：從左到右、從上到下2、F型布局.尼爾森眼動發(fā)現(xiàn)，大多數(shù)用戶瀏覽頁面時的視覺熱點是”F”布局她們記錄了232位用戶瀏覽上千個網(wǎng)頁的方式，發(fā)現(xiàn)對于不同的站點和任務(wù)，用戶的主要閱讀行為是相當(dāng)一致的。這種F型的閱讀模式有三個組成部分：首先，用戶橫向運動閱讀，一般是網(wǎng)頁內(nèi)容區(qū)域的上半部分；接著，用戶視線下移一點，開始第二次橫向閱讀，一般這一次涵蓋的區(qū)域會比前一次短；最后，用戶會縱向滴瀏覽網(wǎng)頁內(nèi)容的左邊部分482020年4月19日

11文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。對產(chǎn)品設(shè)計的啟發(fā):.用戶不會從頭到尾看完頁面.首頁首屏的前面位置應(yīng)該傳達(dá)網(wǎng)站的重要的信息（同理其它頁面的頭兩段應(yīng)該傳達(dá)重要的信息，特別是第一段）.用戶從上到下瀏覽左側(cè)的信息時，她們會注意標(biāo)題、段落和要點信息，這些區(qū)塊的頭兩個詞要包含重要信息，因為用戶可能很少看第三個詞。3、區(qū)塊人們天然就有將信息分類的認(rèn)知需求。網(wǎng)站信息以方塊呈現(xiàn)的效率最高：用戶能夠經(jīng)過區(qū)塊來分辨這個區(qū)域的信息是否是自己需要的，能夠迅速縮縮小范圍、進(jìn)行仔細(xì)尋找或是瀏覽下一個區(qū)塊482020年4月19日

12文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。4、水平注意力來自Nielson的報告：.網(wǎng)絡(luò)用戶花69%的時間看左半部分，花30%的時間看右半部分，看左半部分的時間大概是右半部分時間的兩倍。剩下的時間花在需要水平滾動才能看到的頁面部分，因此，絕對要避免水平滾動5、垂直注意力來自Nielson的報告：482020年4月19日

13文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。垂直注意力大部分集中于一眼可見的頁面內(nèi)容：.用戶一般花80%的時間看頁面上直接可見的內(nèi)容，只花20%的時間去看需要滾動才能看到的部分.“pagefold”概念，將最有價值的信息放在首屏在網(wǎng)頁設(shè)計最早的年代，用戶根本不會滾動頁面，她根據(jù)第一眼能夠可見的信息判斷是去還是留，可是很快，網(wǎng)絡(luò)用戶就適應(yīng)了滾動，可用性原則也隨之變化，可是，一般見戶還是會依據(jù)自己可見的信息判斷是滾動還是離開。.不要設(shè)計太長的頁面，用戶的注意范圍是有限的。用戶喜歡那些她們能迅速找到信息的網(wǎng)站，減少需要輸入字?jǐn)?shù)，減少滾動.可是，滾動優(yōu)于翻頁，如果長篇幅的文字，還是設(shè)計成一個滾動頁面更合適些.482020年4月19日

14文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。首頁的內(nèi)容依然很重要，因為用戶依據(jù)在首頁頁面上看到的信息來判斷頁面下滾的信息是否有價值.倒數(shù)第一行信息獲得的注意力優(yōu)于倒數(shù)第二行信息，近因效應(yīng)2.2.2.1*頁面寬度最新顯示器分辨率比率調(diào)查結(jié)果：當(dāng)前主流分辨率1366*768在此狀態(tài)下默認(rèn)使用960的頁面寬度，與騰訊網(wǎng)首頁統(tǒng)一尺寸。特殊情況：1.信息量或是圖片量過大的事情，能夠考慮加寬承載，給出來年改革尺寸985（paipai，Qbar）1175(Qqshow游戲產(chǎn)品等)2.搜索類信息頁面，采用自適應(yīng)屏幕方式（比如soso搜索產(chǎn)品）不同瀏覽器，不同分辨率下網(wǎng)頁第一屏最大可視區(qū)域：482020年4月19日

15文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。說明：比如1024*768下IE的可視面積是（1024-21）*（768-148）1336*768在各個類瀏覽器2.2.2.1*一致性一致性的意義：良好的一致性，能夠減少用戶學(xué)習(xí)成本，能夠更快培養(yǎng)用戶習(xí)慣，也可體現(xiàn)產(chǎn)品設(shè)計的嚴(yán)謹(jǐn)。如果有不同，應(yīng)作相應(yīng)的區(qū)別處理，特別是視覺表現(xiàn)上要予以區(qū)分。什么是一致性？在相似的情景下，應(yīng)在幾個方面保持一致性：視覺表現(xiàn)、交互行為、操作結(jié)果。即同一元素在不同頁面應(yīng)盡量是一樣的（換句話說用戶在不同頁面看到都知道這個元素代表同一種含義），如果因為其它因素導(dǎo)致很難一樣，也應(yīng)該最大程度保持它們的相似度。同時也要求同一元素應(yīng)該是代表一種或是一類含義，不可隨意變更元素用途。相同屬性的元素保持統(tǒng)一，而且它們在不同頁面都保持統(tǒng)一。1.標(biāo)識482020年4月19日

16文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。同一種標(biāo)識在不同頁面必須保持完全一致（但尺寸能夠放大或是縮小）2.按鈕到達(dá)相同頁面或是同一狀態(tài)的按鈕文字完全一樣，如果因為視覺層次需要，形式能夠不一樣。一個平臺上的按鈕依據(jù)重要程度，能夠分出幾個層級來，同一層級的按鈕尺寸、形狀一樣。4.文字同一平臺上的同一層級的信息的字體應(yīng)盡量保持一致，如標(biāo)題的字體大小、顯示字?jǐn)?shù)的長短都一定的規(guī)范，最好不要超過3種規(guī)格。5.圖片同一類型的圖片在不同的位置應(yīng)保持長寬比率的一致，這樣能夠保持圖片的美觀性。圖片的上的alt標(biāo)簽的格式一致，來源一致。6.提示信息提示信息在擺放的大致方位（如：都放在輸入框的右側(cè)、或是下方等）；信息提示的形式：如：主體形式都是主題加關(guān)鍵字，以及提示信息的字體等都應(yīng)該保持一致。482020年4月19日

17文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。2.2.2.1*簡潔性少即是多，盡可能精簡界面上的元素。當(dāng)設(shè)計出原型，先將元素減半，然后再看能否再簡化。保證主要任務(wù)流程順利完成，消減其余不相關(guān)元素的干擾。簡潔體現(xiàn)在四個方面：減輕視覺干擾、精簡文字表述、簡化操作步驟。2.2.2.2*清晰2.2.2.3*當(dāng)前狀態(tài)2.2.2.4導(dǎo)航1．字體一般用黑體或微軟雅黑。要斟酌全體用戶不同情形都適應(yīng)的字體，而不是只雅觀。2．對于主導(dǎo)航，要設(shè)置a標(biāo)簽，而且不同的屬性要有不同的值，這樣很明白能否點擊。3．從導(dǎo)航都必須是有效鏈接，鏈接后的頁面一定要有基本的功能。主導(dǎo)航一定不能有生鏈接（生鏈接指失效的鏈接）4．主導(dǎo)不要用JS鏈接，因為搜索引擎是不讀取的。5．有些網(wǎng)站從用戶體驗角度考慮482020年4月19日

18文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。，用圖片做導(dǎo)航鏈接，這樣最好在圖片的下方設(shè)放上文字鏈接，同時在圖片上加上正文。否則搜索引擎無法抓取。2.2.2.1平面版式版式的基本類型　網(wǎng)頁版式的基本類型主要有骨骼型、滿版型、分割型、中軸型、曲線型、傾斜型、對稱型、焦點型、三角型、自由型十種。1.骨骼型　　網(wǎng)頁版式的骨骼型是一種規(guī)范的、理性的分割方法，類似于報刊的版式。常見的骨骼有豎向通欄、雙欄、三欄、四欄和橫向的通欄、雙欄、三欄和四欄等。一般以豎向分欄為多。這種版式給人以和諧、理性的美。幾種分欄方式結(jié)合使用，既理性、條理，又活潑而富有彈性。482020年4月19日

19文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。優(yōu)點：理性、條理、規(guī)范2.滿版型　　頁面以圖像充滿整版。主要以圖像為訴求點，也可將部分文字壓置于圖像之上。視覺傳達(dá)效果直觀而強烈。滿版型給人以舒展、大方的感覺。隨著寬帶的普及，這種版式在網(wǎng)頁設(shè)計中的運用越來越多。優(yōu)點：舒展、大方。缺點：網(wǎng)速加載會比較的慢。網(wǎng)頁例子：3.分割型482020年4月19日

20文檔僅供參考，不當(dāng)之處，請聯(lián)系改正?！　“颜麄€頁面分成上下或左右兩部分，分別安排圖片和文案。兩個部分形成對比：有圖片的部分感性而具活力，文案部分則理性而平靜。能夠調(diào)整圖片和文案所占的面積，來調(diào)節(jié)對比的強弱。例如：如果圖片所占比例過大，文案使用的字體過于纖細(xì)，字距、行距、段落的安排又很疏落，則造成視覺心理的不平衡，顯得生硬。倘若經(jīng)過文字或圖片將分割線虛化處理，就會產(chǎn)生自然和諧的效果優(yōu)點：精致、簡潔、明了網(wǎng)頁實例：4.中軸型482020年4月19日

21文檔僅供參考，不當(dāng)之處，請聯(lián)系改正?！　⊙貫g覽器窗口的中軸將圖片或文字作水平或垂直方向的排列。水平排列的頁面給人穩(wěn)定、平靜、含蓄的感覺。垂直排列的頁面給人以舒暢的感覺。優(yōu)點：穩(wěn)定、平靜、含蓄網(wǎng)站實例：5.曲線型　　圖片、文字在頁面上作曲線的分割或編排構(gòu)成，產(chǎn)生韻律與節(jié)奏。482020年4月19日

22文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。優(yōu)點：平滑、柔和網(wǎng)頁實例：6、傾斜型特點：頁面主題形象或是多幅圖片，文本內(nèi)容傾斜編排，形成不穩(wěn)定感或是強烈的動感，引人注目。優(yōu)點：視覺沖擊力強、個性突出網(wǎng)頁實例：7、對稱型特點：對稱型的頁面給人以穩(wěn)定、嚴(yán)謹(jǐn)、理性、莊重的感覺。對稱分為絕對對稱和相對對稱，一般采用相對對稱，能夠避免呆板。482020年4月19日

23文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。優(yōu)點：穩(wěn)定、嚴(yán)謹(jǐn)、理性、莊重網(wǎng)站實例：8、焦點型：特點：焦點型的網(wǎng)頁版式經(jīng)過對視線的誘導(dǎo)，使頁面具有強烈的視覺效果。焦點型又分為三種類型：①中心以對比強烈的圖片或是文字置于頁面的中心。②向心視覺元素引導(dǎo)瀏覽者向頁面中心聚攏，形成一個向心的版式。③離心視覺元素引導(dǎo)瀏覽者視線向外輻射，形成一個離心的網(wǎng)頁版式。網(wǎng)站實例：9、三角形特點：網(wǎng)頁個視覺元素呈三角形，正三角最具穩(wěn)定性，倒三角則產(chǎn)生動感，側(cè)三角構(gòu)成一種均衡的版式，既安定又具有動感。優(yōu)點：穩(wěn)定而不是動感網(wǎng)站實例：10、自由型482020年4月19日

24文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。特點：自由型的頁面具有輕松活潑、輕快的風(fēng)格。優(yōu)點：自由、舒展網(wǎng)站實例：2.2.2.1欄目布局.人們天然就有將信息分類的認(rèn)知需求.網(wǎng)頁設(shè)計中的“方塊“.網(wǎng)站信息以方塊呈現(xiàn)的效率最高，用戶能夠經(jīng)過區(qū)塊來分辨這個區(qū)域的信息是否是自己需要的，這樣能夠迅速縮小范圍、進(jìn)行細(xì)致尋找或是瀏覽下一個區(qū)域。用戶能夠分辨出明顯的4大區(qū)域，每個區(qū)域里又有小的區(qū)塊劃分版式區(qū)塊的原則：同類合并原則確定中心原則臨近原則482020年4月19日

25文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。要點方塊感越強能給用戶方向感方塊越少越好盡量用留白做視覺區(qū)分檢查方法：將網(wǎng)站的背景圖片，線條全部去掉，看是否還能保持層級和區(qū)塊感2.2.2.1欄目欄目的主要作用一般分兩類：1.推薦可見的內(nèi)容或是功能；2.經(jīng)過推薦可見的信息，引導(dǎo)用戶點擊更多>>瀏覽與推薦內(nèi)容相關(guān)的信息。一般一個欄目的推薦應(yīng)是屬于某一頻道或是某一列表的內(nèi)容，因此呈現(xiàn)在欄目的信息最好是最新、最吸引用戶的內(nèi)容。2.2.2.2分頁.長文章分頁呈現(xiàn)嗎？一般來說不要簡單地將一篇長文章分成1、2、3……頁并不好，如果僅僅經(jīng)過“繼續(xù)”或“下一頁”那么還不如用一頁顯示，用滾動來代替翻頁。.482020年4月19日

26文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。向?qū)降慕换コ?，比如電子商?wù)的支付環(huán)節(jié)，分頁是最好的呈現(xiàn)方式，因為每個步驟一個工作流程，必須完成上一步才能進(jìn)入下一步.分頁后各個頁面的內(nèi)容從某個角度應(yīng)該是屬于同一類的2.2.2.1搜索1.基礎(chǔ)規(guī)范.文本框a.搜索框文本框的長度應(yīng)適中，至少應(yīng)提供顯示10個漢字字符的寬度；b.搜索框組件中適應(yīng)文本框必須為單行文本框；c.文本框的長度不得少于130個像素高度不得低于18個像素；.分類選擇分類標(biāo)簽提示一般放在搜索框的上方，或是搜索按鈕的前面.幫助信息a.幫助信息一般包括三塊內(nèi)容：分類標(biāo)簽提示、提示性文字、熱門關(guān)鍵詞提示等；b.”提示性文字”可設(shè)置灰色（#cccccc）顯示，點擊輸入框后提示文字消失。提示文字應(yīng)簡明扼要，文字一般用于內(nèi)容、用途、搜索范圍等用戶有真正幫助的提示?！罢堓斎腙P(guān)鍵字”這樣的提示不應(yīng)出現(xiàn)。c.“熱門關(guān)鍵詞提示”一般放在搜索框下面.搜索按鈕a.搜索按鈕一般包含圖標(biāo)形式或者文字形式兩種482020年4月19日

27文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。a.使用圖標(biāo)形式時只能使用放大鏡的圖標(biāo)，采用其它元素時需謹(jǐn)慎。b.搜索按鈕上的文字最好為搜索，避免其它描述。c.圖標(biāo)形式（放大鏡）和文字形式搭配使用，會出現(xiàn)如下三種情況：1.應(yīng)用場景強表現(xiàn)方式：.加大搜索框的顯示，輸入框內(nèi)采用大字體（14號）.突出搜索button的表現(xiàn)形式，更直觀，更有點擊欲.位置放在頁頭的中間或是右側(cè)比較好2.2.2.1文字總體原則：提高文字的辨識性和頁面的易讀性1.字體大小：建議使用12號+14號字體的混合搭配，13號也可酌情考慮，因為13號字體的不對稱性，當(dāng)前非主流.需突出的內(nèi)容部分、新聞標(biāo)題、欄目標(biāo)題等多使用14號字體.廣告內(nèi)容、輔助信息或是介紹性文字等多使用12號字體482020年4月19日

28文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。.不要用太大的字。因為版面是寶貴，有限的，粗陋的大字體不能帶給訪問者更多信息。.避免大面積使用加粗字體.不要使用不停閃爍的文字。想讓瀏覽者多停留一會兒的話，就不要使用閃爍的文字。.原則上標(biāo)題的字體較正文大，顏色也應(yīng)有所區(qū)別。1.中、英文標(biāo)準(zhǔn)字體：中文標(biāo)準(zhǔn)字體為宋體，英文標(biāo)準(zhǔn)字體為arial或Verdana。不要使用超過3種以上的字體。字體太多則顯得雜亂，沒有主題。2.文字語言：除設(shè)計修飾、或是文章標(biāo)題，其它地方均采用中文。482020年4月19日

29文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。1.對齊和間距：字距小于行距，行距小于段距，段距小于塊距。檢查的方法：將網(wǎng)站的背景圖片，線條全部去掉，看是否還能保持層級和區(qū)塊的感2.文字的可讀性：呈現(xiàn)用戶熟悉的簡易、通俗的文字。避免使用生僻或是拗口的文字。另外：能夠因為用戶的特殊打破這個常規(guī)，如老年用戶、兒童用戶、殘障用戶等2.2.2.1圖片同一類型的圖片保持一樣的尺寸規(guī)格，頁面上圖片的像素依據(jù)顯示區(qū)域的大小來定，像素太低影響視覺效果，太高視覺效果也不會提高，而且影響頁面的加載速度。同一圖片在不同頁面應(yīng)保持寬/高的比例一致。圖片的信息都要帶alt屬性，并規(guī)定alt值，取自那里，以及她們的格式。title屬性為設(shè)置該屬性的元素提供建議性的信息，非必須。Alt屬性為不能顯示圖像、窗體或applets的用戶代理（UA），alt屬性用來指定替換文字。替換文字的語言由lang屬性指定。482020年4月19日

30文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。包含文字的圖像圖片設(shè)置替換文字是最簡單的，圖像中包含的文字一般來說就能夠作為alt屬性值。Alt屬性值得長度必須少于100個英文字符或者用戶必須保證替換文字盡可能的短。我把它理解為“盡可能短，盡需要長”。title屬性為設(shè)置該屬性的元素提供建議性的信息。title屬性能夠用在除了base，basefont，head，html，meta，param，script和title之外的所有標(biāo)簽。使用title屬性提供非本質(zhì)的額外信息。title是對圖片的說明和額外補充，如果需要在鼠標(biāo)經(jīng)過圖片時出現(xiàn)文字提示應(yīng)該用屬性title。title屬性有一個很好的用途，即為鏈接添加描述性文字，特別是當(dāng)連接本身并不是十分清楚的表示了鏈接的目的。這樣就使得訪問者知道那些鏈接將會帶她們到什么地方，她們就不會加載一個可能完全不感興趣的頁面。另外一個潛在的應(yīng)用就是為圖像提供額外的說明信息，比如日期或者其它非本質(zhì)的信息。title屬性值能夠比alt屬性值設(shè)置的更長。不過要注意的是，有些瀏覽器會截斷過長的文字（比如工具提示或其它）。比如Mozilla核心的瀏覽器只能顯示最先的60個字符。這被認(rèn)為是一個Mozillabug，這是要注意的。482020年4月19日

31文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。title屬性的優(yōu)先級高于alt。但由于錯誤的引導(dǎo)，很多設(shè)計就在img標(biāo)簽內(nèi)只加了alt屬性。1.alt和title對訪問者都很重要（alt對搜索引擎會更重要一些），因此在定義img對象時，最好將alt和title屬性都寫全，保證在各種瀏覽器中都能正常使用?！?.在alt和title中包含關(guān)鍵字，而且二者內(nèi)容最好不一樣?！?.不要在alt和title中堆積關(guān)鍵字，否則可能會導(dǎo)致搜索引擎懲罰舉例：I、II、III、從這三個例子來看，III的描述是最好的。I只是單純的堆積關(guān)鍵詞，而且會被搜索引擎認(rèn)為是blackhat作弊，II只是一個關(guān)鍵詞，對與型號、結(jié)構(gòu)等未做482020年4月19日

32文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。描述，用戶體驗方面來說稍差一些。經(jīng)過正確的進(jìn)行圖片ALT代替屬性的書寫，能夠幫助網(wǎng)站獲得一個好的關(guān)鍵詞排名，因此SEOer一定要重視這一點2.2.2.1頁腳信息·頁腳信息按照從上到下的排列次序為：1.內(nèi)部導(dǎo)航2.外部導(dǎo)航3.各類許可證、授權(quán)聲明4.英文版權(quán)信息“copyright”5.中文版權(quán)信息6.各類網(wǎng)絡(luò)安全/工商證明/技術(shù)支持LOGO·各鏈接間隔統(tǒng)一使用“|”：·建議采用12號字，禁止使用加粗字體482020年4月19日

33文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。2.2.3界面內(nèi)部交互界面內(nèi)部的交互：添加交互后還應(yīng)保持頁面的區(qū)塊性，而且還要能體現(xiàn)主次關(guān)系。即小區(qū)塊的交互不能比它所屬的大區(qū)塊的交互還凸顯。2.2.3.1*用戶的操作習(xí)慣2.2.3.2*用戶行為自由可控用戶的行為是能夠按照自己的意愿控制的。系統(tǒng)不得強迫用戶執(zhí)行任何操作。1.如亮色按鈕點擊一定有響應(yīng)，所有文字鏈接和圖片鏈接都可用2.任何一個頁面都有清晰離開本頁的按鈕3.不要欺騙用戶，如：明明是關(guān)閉按鈕，點擊后卻是進(jìn)入另一個頁面4.用戶能夠取消絕大部分操作：如用戶能夠注銷她的賬號，刪除上傳的照片，編輯回復(fù)等等。在設(shè)計功能的時候一定要考慮用戶的刪除功能。482020年4月19日

34文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。2.2.3.1*容錯性用戶在使用產(chǎn)品過程也是一個探索過程，產(chǎn)品應(yīng)該允許用戶犯錯，而且必須給用戶重新嘗試的機(jī)會，讓用戶處于放松的心態(tài)。設(shè)計過程中，首先要幫助用戶避免出錯，比如采用合適的控件（相同情況下選擇控件比輸入控件出錯機(jī)會更?。?，給予輸入幫助或啟示。用戶出錯后，需要提供撤銷或返回功能，使用戶返回到上一步操作重新探索。出錯反饋要親和，避免責(zé)備用戶或魯莽的打斷或推出產(chǎn)品，要禮貌的指出錯誤所在并提供有用的補救建議。把用戶經(jīng)常容易犯的錯都考慮到常規(guī)操作流程里，把能夠確定的誤操作，給其正確的操作結(jié)果。讓用戶犯錯不知不覺。2.2.3.2*操作的靈活高效性.優(yōu)化操作流程：依用戶習(xí)慣的流程去設(shè)計操作流程，把相關(guān)的操作放在一起，不斷優(yōu)化操作流程，以主要任務(wù)為中心，圍繞完成這個任務(wù)設(shè)置相應(yīng)的操作，去掉多余或是無關(guān)操作.減少誤操作：容易誤操作的按鈕盡量不要放在一起.批量操作：重復(fù)的操作能夠考慮做成批量操作482020年4月19日

35文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。.鍵盤操作：如Enter，Esc等.快捷按鈕：如返回頂部，返回底部，團(tuán)購的浮動分類等.簡單的判斷：用戶操作盡可能是不需要思考的，如果點擊一個按鈕需要思考3秒以上才確定則肯定不合格.響應(yīng)時間：點擊首頁響應(yīng)的時間不要超過5秒，其它頁面的響應(yīng)時間應(yīng)短些。有研究表明超過10秒絕大部分大部分用戶會閃人的。2.2.3.1*操作提示1.預(yù)先信息提示所有交互進(jìn)行前需要提供給用戶預(yù)先應(yīng)該知道的提示信息。a.表單提交類表單提交的步驟，每個表單項的要求需要給出提示信息。（如密碼要多少多少位。實時提示密碼的強度等）b.謹(jǐn)慎類操作如果一個操作導(dǎo)致的結(jié)果會涉及到用戶利益的，如扣除金幣等。都需要預(yù)先特別提示。（如：扣除金幣的操作需要預(yù)先提示扣除金幣數(shù)目，以及當(dāng)前金幣是否足夠。等等。）c.差異化規(guī)則當(dāng)一個功能的規(guī)則與用戶習(xí)慣的規(guī)則具有一定的差異或比較復(fù)雜時，需要給出提示?；蛘呓o出幫助鏈接。2.所有交互進(jìn)行中需要提供操作相關(guān)的提示。a.操作確認(rèn)提示482020年4月19日

36文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。一個操作涉及數(shù)據(jù)刪除，等需要謹(jǐn)慎操作的操作需要給出刪除確認(rèn)提示框。b.操作錯誤提示當(dāng)用戶的操作不符合操作的規(guī)則，需要給出操作提示。（如評論字?jǐn)?shù)為0或超過限制字?jǐn)?shù)，搜索框未輸入內(nèi)容時提交）3、結(jié)果信息提示交互進(jìn)行后給出結(jié)果反饋。a.查詢類結(jié)果任何信息列表、查詢結(jié)果，當(dāng)對應(yīng)信息無結(jié)果的時候需要給出有無結(jié)果狀態(tài)提示。b.保存類結(jié)果一個表單是用戶提交保存數(shù)據(jù)的。如設(shè)置個人資料。提交保存后需要給出提示。成功綠色、失敗紅色、普通灰色。c.附加類結(jié)果一個表單是對其它數(shù)據(jù)進(jìn)行附加的，如評論等。提交成功后應(yīng)直接跳轉(zhuǎn)到操作產(chǎn)生的結(jié)果展示部分。（如提交評論后應(yīng)該直接展示給用戶她提交的評論）2.2.3.1*各類彈框彈框以不遮蓋與彈框信息相關(guān)原頁面用戶可能需要核對信息482020年4月19日

37文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。為基本原則，彈框與原信息放在相近的位置，并保真用戶可見且易操作。確認(rèn)框：常見于刪除或批量操作，再次確認(rèn)使用。交互規(guī)則：直接顯示對話框，點擊按鈕后直接消失。標(biāo)題：操作+目標(biāo)，例如刪除日志，刪除照片專輯，解除好友關(guān)系……按鈕：確定+取消把取消放在更容易點擊的位置操作框：常見于進(jìn)一步操作，入口較小，但操作步驟較多時，比如加好友，設(shè)隱私等。交互規(guī)則：直接顯示對話框，確認(rèn)完畢后，變?yōu)橥ㄖ?。?biāo)題：操作+目標(biāo)，一般為入口的名字，例如新建照片專輯，修改真心話，添加選項……按鈕：保存(行為)+取消，行為例如加為好友，添加，分享……把保存放在更容易點擊的位置通知框：482020年4月19日

38文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。常見于確認(rèn)框和操作框的確認(rèn)后，通知用戶結(jié)果，一般只有一個按鈕。交互規(guī)則：點擊按鈕立即消失，如果不點擊按鈕，1秒后漸隱消失。標(biāo)題：沿用之前操作框的標(biāo)題并加上結(jié)果按鈕：關(guān)閉把按鈕放在最容易點擊的位置提示框：常見于表單提交后的驗證，通知用戶哪些信息不完整或者操作步驟不對。多條信息提示使用1、2、3……的序號排列標(biāo)題：提示按鈕：確定（或知道了）把按鈕放在最容易點擊的位置未保存提示框：常見于表單未保存就跳轉(zhuǎn)的提示，提示用戶未保存信息是否需要保存。標(biāo)題：未保存+目標(biāo)，例如未保存日志，未保存?zhèn)€人檔案，未保存隱私設(shè)置……按鈕：保存+不保存+取消把保存放在最容易點擊的位置操作框快捷鍵：482020年4月19日

39文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。支持鍵盤的enter操作框上的主操作，一般為”確定”"保存”等，支持鍵盤的esc操作框上的取消/關(guān)閉操作，一般為”取消”"關(guān)閉XX”等。2.2.3頁面間交互1、用于規(guī)定頁面鏈接是采用新窗口打開還是本窗口打開的規(guī)則。首頁所有鏈接的頁面一般情況都是新頁面打開，除非首頁的重要功能在其它頁面都也有，這時候能夠是在當(dāng)前頁面打開。一般情況往一下級頁面都是新頁面打開，往上級頁面當(dāng)前頁面打開。2、不常規(guī)的鏈接，點擊時應(yīng)給出提示信息。如:其它頁面中的logo,鼠標(biāo)移入時應(yīng)提示“返回首頁”3、在沒有導(dǎo)航的頁面需要放上面包屑導(dǎo)航。4、頁面鏈接規(guī)則：主頁鏈接所有的頻道主頁主頁一般不直接鏈接內(nèi)容頁，除非是推薦的內(nèi)容所有頻道主頁都鏈向其它頻道主頁頻道主頁都鏈回網(wǎng)站主頁頻道主頁也鏈向?qū)儆谧约罕旧眍l道的內(nèi)容頁頻道主頁一般不鏈向?qū)儆谄渌l道的內(nèi)容頁所有內(nèi)容頁都鏈向網(wǎng)站主頁482020年4月19日

40文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。2.2.3任務(wù)交互（工具類）.完成任務(wù)的流程:采用用戶一般的思考先后順序作為參考流程，并輔助其它要素形成最終的流程。如：現(xiàn)實生活中完成這個任務(wù)的先后順序、時間順序、從主要到次要、從簡單到復(fù)雜、從必須步驟到可選步驟等。.任務(wù)的分解：以為相對有區(qū)隔的子任務(wù)劃分步驟，而且這個步驟是在一個頁面能夠操作完成的。每個步驟用戶完成的操作方式最好一致，這樣操作更通暢，效率更高。.可返回操作：當(dāng)前步驟應(yīng)有返回上一步的按鈕，上一步后能夠?qū)ι弦徊襟E重新編輯。.實時保存信息：當(dāng)頁面中用戶編輯的信息量較大時，應(yīng)考慮撤銷和保存功能，這樣用戶萬一操作被中斷時，仍能夠找回之前填寫的信息。2.3web業(yè)務(wù)架構(gòu)業(yè)務(wù)架構(gòu)482020年4月19日

41文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。,以客戶賺錢為中心。網(wǎng)站的架構(gòu)服務(wù)用戶的同時也需要加進(jìn)去商務(wù)信息，預(yù)留推商務(wù)信息的位置。每一塊推的商務(wù)信息是針對哪些心理的用戶群，以及哪種方式她們才更容易接受所推的商務(wù)信息。2.4web結(jié)構(gòu)seoweb結(jié)構(gòu)seo,以服務(wù)搜索引擎為中心2.4.1邏輯結(jié)構(gòu)邏輯結(jié)構(gòu)，網(wǎng)頁內(nèi)部鏈接所形成的邏輯或鏈接的網(wǎng)絡(luò)圖。它本身由網(wǎng)頁鏈接決定，經(jīng)過鏈接的網(wǎng)絡(luò)圖能夠更直觀的檢查網(wǎng)站的鏈接是否合理。2.4.1.1邏輯結(jié)構(gòu)的意義邏輯結(jié)構(gòu)有兩方面的意義：一方面是用戶在瀏覽頁面時，方便用戶經(jīng)過鏈接跳轉(zhuǎn)到相關(guān)頁面；另一方面是方便搜索引擎的蜘蛛爬蟲抓取信息。搜索引擎抓取的是一張張的網(wǎng)頁，鏈接就等同于投票，別人的網(wǎng)頁鏈接了你的網(wǎng)頁，就等于那個網(wǎng)頁告訴搜索引擎它支持這個網(wǎng)頁，不同的外部鏈接權(quán)重也是不一樣的!做個簡單的比喻，現(xiàn)在參加老畢的《星光大道》，里有很多的觀眾(比喻為內(nèi)部鏈接)，還有評委老師(外部鏈接)482020年4月19日

42文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。，你要首先獲得觀眾的支持，雖然每個觀眾投的一票只等于一份，可是觀眾人數(shù)很多，加起來，票數(shù)就很多了，評委老師都是權(quán)威人士，她們的投票權(quán)重自然比觀眾更有用，可是一共只有三位評委，她們的一票能夠抵得上觀眾十票。因此這下大家就應(yīng)該明白大型網(wǎng)站的內(nèi)部鏈接為何如此重要了，一張網(wǎng)頁如果自己站內(nèi)的兄弟網(wǎng)頁都不支持，你讓搜索引擎怎么相信這是一張好網(wǎng)頁?因此網(wǎng)站里一定要組織好內(nèi)部鏈接。2.4.1.2邏輯結(jié)構(gòu)規(guī)范鏈接的構(gòu)成部分：導(dǎo)航結(jié)構(gòu)、網(wǎng)站地圖、相關(guān)性鏈接頁面鏈接走向：主頁鏈接所有的頻道主頁主頁一般不直接鏈接內(nèi)容頁，除非是你非常想推的幾個特殊的頁所有頻道主頁都鏈向其它頻道主頁頻道主頁都鏈回網(wǎng)站主頁頻道主頁也鏈向?qū)儆谧约罕旧眍l道的內(nèi)容頁頻道主頁一般不鏈向?qū)儆谄渌l道的內(nèi)容頁所有內(nèi)容頁都鏈向網(wǎng)站主頁所有內(nèi)容頁都鏈向自己的上一級頻道主頁內(nèi)容頁能夠鏈向同一個頻道的其它內(nèi)容頁482020年4月19日

43文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。內(nèi)容頁一般不鏈向其它頻道的內(nèi)容頁內(nèi)容頁在某些情況下，能夠用適當(dāng)?shù)年P(guān)鍵詞鏈向其它頻道的內(nèi)容頁頻道形成分主題2.4.1.3邏輯結(jié)構(gòu)兩個要點內(nèi)部鏈接保障的兩個要點：一是鏈接的廣泛度，保障每一個頁面曝光度，二是保護(hù)重點頁面，網(wǎng)站里有一些頁面需要重點保護(hù)，比如新出來的頁面，一些關(guān)鍵字排名高，關(guān)注度高的頁面。頁面的曝光度就是蜘蛛進(jìn)入你的網(wǎng)站能夠最大面積的抓取頁面，這樣所有頁面都不會被冷落!具體哪些做法呢：1、網(wǎng)站全站導(dǎo)航針對網(wǎng)站，特別是門戶，全站性的導(dǎo)航一定是必不可少的，讓蜘蛛接入后，首先必須接觸的就是各個欄目2、TAG標(biāo)簽這也是web2.0時代非常重要的產(chǎn)品之一，利用標(biāo)簽，把各類內(nèi)容組織在一起，更有利于內(nèi)容龐大的大型網(wǎng)站進(jìn)行內(nèi)容的組織和導(dǎo)航。3、“上一篇，下一篇"導(dǎo)航482020年4月19日

44文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。這樣就把你網(wǎng)站里的文章全部組織在一起了。就如下圖一般，文章就如同鎖鏈組織在了一起。4、網(wǎng)站地圖建議你的網(wǎng)站地圖，讓搜索引擎更快的抓取你的頁面,針對google可進(jìn)行專門的google的xml格式的站點地圖，然后登陸google管理員工具進(jìn)行地圖提交。5、文本地圖因為網(wǎng)站的其它頁面的URL，頁面的干擾代碼都比較多，因此建立了這個文本地圖，讓搜索引擎有一個快捷的抓取頁面的入口。要保護(hù)好重點頁面重點頁面，一般來講，一是新頁面，二是有排名的，又關(guān)注度的的頁面。新頁面由于剛剛產(chǎn)生，因此我們必須確保這項新頁面的曝光度，讓她們盡快被搜索引擎收錄，并獲得排名。比如以下我們非常常見的最新文章，比如每篇文章頁面的右側(cè)都出現(xiàn)這個，那么代表，所有文章向搜索引擎推薦了這些新頁面。一些有權(quán)重的頁面，比如類似以上的最新文章，會有一個推薦文章，熱門文章之類的。對于大型網(wǎng)站來說，內(nèi)鏈非常重要，組織不好內(nèi)鏈，SEO事倍功半2.4.1.4邏輯結(jié)構(gòu)圖482020年4月19日

45文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。網(wǎng)站內(nèi)部鏈接圖（1）482020年4月19日

46文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。網(wǎng)站內(nèi)部鏈接圖（2）2.4.1物理結(jié)構(gòu)物理結(jié)構(gòu)，網(wǎng)站的物理結(jié)構(gòu)就是網(wǎng)站的實際目錄結(jié)構(gòu)，就是你網(wǎng)站的文件和文件夾組成的目錄。2.4.1.1物理結(jié)構(gòu)的意義對seo來說目錄的深度越淺越好，應(yīng)為你的目錄太深了會加大url的長度，url太長百度不喜歡。物理結(jié)構(gòu)類型分為平鋪型和樹型兩種，做seo推薦使用平鋪型的物理結(jié)構(gòu)。平鋪型的物理結(jié)構(gòu)生成的url短，可是如果網(wǎng)站的文件太多的話后期不好維護(hù)，只適合小型網(wǎng)站。樹型物理結(jié)構(gòu)生成的url長，后期好維護(hù)，一般大型網(wǎng)站都是樹型結(jié)構(gòu)。目錄的命名必須站在用戶的角度命名的，不應(yīng)該站在產(chǎn)品開發(fā)的角度，否則出來的url地址用戶會看不懂。比如頻道頁√，而我們現(xiàn)在許多的資訊頻道目錄有的寫的是資訊模版×2.4.2.2物理結(jié)構(gòu)的規(guī)范-扁平式扁平式的（適合小型網(wǎng)站），也就是所有網(wǎng)頁都存在網(wǎng)站根目錄下，沒有任何層級關(guān)系482020年4月19日

47文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。…….2.4.2.3物理結(jié)構(gòu)的規(guī)范-樹形結(jié)構(gòu)樹狀結(jié)構(gòu)的（適合大型網(wǎng)站），也就是根目錄下分成多個頻道，或者叫類別，目錄等，然后在每一個頻道下面再放上屬于這個頻道的網(wǎng)頁。不論名稱是什么，同一層級的目錄都是在網(wǎng)站中是相同的級別，比如這個目錄要不全放一級頻道要不全放二級頻道。根目錄下放頻道的網(wǎng)頁……在頻道下再放入具體的內(nèi)容網(wǎng)頁:……482020年4月19日