本節簡介:導航欄的基本常識學習,傳統導航欄案例制作。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
導航欄的作用:1、引導用戶查找信息2、清晰站站層次3、讓用戶一目了然網站構架和方向4、提高網站廣告價值 導航的分類:1、主導航 2、次導航- 3、面包屑導航(清楚知道自己所處位置) 導航欄的表現形式:1、橫排導航(從左至右,權重依次降低 或者越重要的內容越靠前,最后提升) 2、豎排導航(由上至下,越重要的內容越靠上)3、異型導航(用于個性化的網站,頁面生動活潑)4、多級混排導航(擁有下拉菜單)。
導航欄的作用:1、引導用戶查找信息2、清晰站站層次3、讓用戶一目了然網站構架和方向4、提高網站廣告價值 導航的分類:1、主導航 2、次導航- 3、面包屑導航(清楚知道自己所處位置) 導航欄的表現形式:1、橫排導航(從左至右,權重依次降低 或者越重要的內容越靠前,最后提升) 2、豎排導航(由上至下,越重要的內容越靠上)3、異型導航(用于個性化的網站,頁面生動活潑)4、多級混排導航(擁有下拉菜單)。
導航欄的作用:1、引導用戶查找信息2、清晰站站層次3、讓用戶一目了然網站構架和方向4、提高網站廣告價值 導航的分類:1、主導航 2、次導航- 3、面包屑導航(清楚知道自己所處位置) 導航欄的表現形式:1、橫排導航(從左至右,權重依次降低 或者越重要的內容越靠前,最后提升) 2、豎排導航(由上至下,越重要的內容越靠上)3、異型導航(用于個性化的網站,頁面生動活潑)4、多級混排導航(擁有下拉菜單)
導航層次太多 會給用戶造成搜索上的困難,不利于用戶對網站的了解,導航每多一級用戶搜索的困難是成比例遞增的
異形導航一般用在個性化或創意類的網站, 例如音樂,動漫等網站
次導航可以位于主頁面也可能位于子頁面中,通常是主導航中的一個子相目錄起到更加細致劃分網站功能的作用
主導航(一級導航)是網站中主要的目錄導航,主導航一般位于網站的首頁是橫版導航,囊括了網站中所有的一級主目錄
導航欄作用:引導用戶查找信息,清晰網站層次,讓客戶一目了然網站構架和方向,提高網站廣告價值
主導航(一級)--- 次導航(二級、三級、四級)---- 面包屑導航(相當于網站地圖-所在網站位置)
異形導航比較有個性,權重是根據形狀大小,閱讀習慣來排,常運用音樂網站等,動感,活潑。多級混排導航,一級欄目顯示二級類目,比較有層次但是用戶體驗不是很好,很難搜索。在哪,去哪。
1,345,2權重靠前,依次最后。豎排由上至下重要內容越靠上
主導航(一級目錄),次導航(二級三級目錄),面包屑導航(所在的網站位置,提高用戶體驗,搜索體驗)。橫排導航,豎排導航,異形導航,多級混排導航。