本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上下式結構：通常上方為導航，或廣告區域。下方為正文部分。這類結構常出現在個人網站及少量企業網站的首頁。
不規則結構網站——信息量少，通常以一張形象，廣告圖片來表示，風格較隨意，凸顯網站個性，重在渲染氣氛。
上左中右式結構——美食網站，門戶網站，（網站不是只選擇一種結構，而是幾種結構的綜合應用）
上左中右式結構——三欄式，是大中型企業、電子商務、門戶網站 較喜歡的框架模式（上方為導航菜單，下方左中側為欄目及內容、小廣告去，右側為登錄、搜索區或重要內容導航區）
上左右式結構——汽車輪胎網站，地產公司網站，星巴克公司網站，咖啡產品網站 大中型企業較喜歡的框架模式 （上方為導航菜單，下方為欄目及小廣告，右下側為內容）
左右結構式 ——咖啡網站 （清晰分列兩旁的框架結構，一般左側是導航條，有時最上方會有一個小標題或小標志，另一側是正文內容。企業網站大多采用這類結構）
上下式結構——個人網站 （上方是導航或廣告區域，下方為正文部分，這類結構常出現在個人網站及少量企業網站）
上左中右式結構 又稱為三樣式，是大中型企業，電子商務，門戶網站比較喜歡的框架模式，是較常見的結構式。通常上方為導航菜單，下方左中側為欄目及內容、小廣告區。右側為登陸，搜索區或重要內容導航區。
1、上下結構頁面（導航條在下方）---頁面不能超出一般屏幕的大?。?000/680），多用于小型企業和個人形象的展示 2、左右結構頁面-----多用于小型企業， 也用于個人形象展示。 3、上左右結構 ---多用于大中型企業 4、上左中右式結構 ----大中型、電子商務、門戶網站，顏色簡單 5、綜合結構----多種結構的結合 6、不規則結構
上下結構中，如果導航條在下方的時候，整個像素不得大于：1000*680
如果導航條在下方的時候，整個像素不得大于：1000*680
頁面布局：上下：個人 中小企業 左右：中小企業網站 上左右：大型中型企業 上左中右：最廣泛 大型電子商務 政府 學校等 綜合：大型門戶網站 不規則：凸顯個性
左右式結構：左邊導航，另一側正文，最上方有個小標題。
頁面布局：上下：個人 中小企業 左右：中小企業網站 上左右：大型中型企業 上左中右：最廣泛 大型電子商務 政府 學校等 綜合：大型門戶網站 不規則：凸顯個性
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
