本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
左右式結構－－咖啡網站：清晰分列兩旁的框架結構。一般左側是導航條，有時最上方會有一個小標題或標志，另一側是正文內容。企業網站大多采用這類結構。
上下式結構－－一個人網站：通常上方為導航，或廣告區域。下方為正文部分。這類結構常出現在個人網站及少量企業網站的首頁。
上下式布局比較適合內容較少的網站比如個人網站 中小型企業<br><br>上左右大中型企業<br>上左右型 大型的電子商務網站
上左中右式結構又稱為三欄式，是大中型企業、電子商務、門戶網站比較喜歡的框架模式，是較常見的結構式，通常上方為導航菜單，下方左中側為欄目及內容、小廣告區，右側為登陸、搜索或重要內容導航區。
不能大于1024像素×768像素 1000×680像素之間
上左中右式結構又稱為三欄式，是大中型企業、電子商務、門戶網站比較喜歡的框架模式，是較常見的結構式，通常上方為導航菜單，下方左中側為欄目及內容、小廣告區，右側為登陸、搜索或重要內容導航區。
上下結構導航頁面下方時，保證整個頁面不大于1000*680像素，才保證完整。
上左右式結構：上方為導航菜單，下方為欄目及小廣告，右下側為內容；通過位置、顏色、面積分主次劃分；根據內容多少來劃分相對應模塊；
左右式結構：通常左側是導航條，另一側是正文，左上角通常是小標題或標志；可添加菜單豐富內容
上下式結構-通常上方為導航，或廣告區域，下方為正文。（上下結構導航頁面下方時，保證整個頁面不大于1000*680像素，才保證完整）
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
