本節簡介：導航欄的基本常識學習，傳統導航欄案例制作。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
戴爾導航：導航地圖 中型電子商務網站越來越多采用的模式
橫排加面包屑導航：點擊開每個都有細致分類 如天貓 京東
多級：主導航加下拉菜單的形式 優點：節約空間 層次結構 富有動感 缺點：層次多，搜索困難
異形導航又稱變形性導航：藝術 動漫等類型網站 特點：形式多樣 活潑生動 多用于歡迎頁面
導航形式;橫排 豎排 異形導航： 多級混排導航 從左到右，權重依次降低 越重要導航越靠前，最后提升
導航分類;主導航：一級 次導航：二級導航，細分網站功能 ，如淘寶分類導航 3.面包
導航作用：1。引導快速找到信息 2.清晰網站目錄結構 3.定義網站指南
導航的表現形式：橫排導航，豎排導航，異性導航，多級混排導航。
導航欄作用：引導用戶查找信息，清晰網站層次，讓用戶一目了然網站構架和方向，提高網站廣告價值。
網站導購結構指的事引導用戶訪問網站的欄目、菜單、在線幫助、分類等布局結構等形式的總稱。
橫排導航 1 3 4 5 2 豎排導航 1 2 3 4 5 異型導航 中間1 然后從左到右 2 3 4 5 多級混排導航 有一級 二級
導航欄的作用：一主導航 二次導航 三面包屑導航 （讓客戶明白，自己現在的一個所在位置：天貓超市>量販團 ）
引導用戶查找信息 清晰網站層次 讓用戶一目了然網站的架構和方向 提高網站廣告價值
做導航一定要跳出固有的思維模式，要有自己的獨創意識，
多級混排導航：一級導航、二級導航等，比如京東和天貓的首頁導航，都是橫排的主導航+左側的面包屑導航。不至于占用頁面的太多空間。
異形導航：也成為變形性導航，通常用于非常個性化或創意類的網站或者頁面，形式不固定，有時會按照人的閱讀習慣來排列，形式多樣、富于動感活潑。
導航的表現形式可以豐富多彩，讓頁面看上去更加相得益彰。還可以帶些動畫效果。橫排的導航的排列方式是有講究的，從左到右重要性遞減，在最后一項有個提升，比如天貓旗艦店的導航，在最后的一項通常放置特價清倉或者斷碼清倉。
導航欄的分類：主導航、次導航、面包屑導航。導航欄的形式：橫排導航、豎排導航、異形導航、多級混排導航。導航的權重需要從左到右一次降低。
橫排導航常使用兩頭重，中間輕的模式。豎排唱采用由上到下，由重到輕的排列，錯落擺放更有趣味。異性導航大小，顏色決定重要性，可使用漸變深淺色來增加節奏感。多級導航使用下拉子菜單時注意，菜單多一級，用戶搜索難度增加一倍。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
