本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
左右式結構：導航條在左，網站logo都放在左上角，任何一種方式都是如此
【當導航條設計在下面的時候】不能大于1024*768像素，頁面大小大約要控制在1000*680像素
上下式結構--展示個人網站內容，個人特點比較多的網站類型。1024*768之內
上左右中式結構’‘是中大企業，電子商務，門戶網站比較喜歡的框架模式，是常見的模式。通常上方為導航菜單，下方左中側為欄目急內容，小廣告區，，右側為登錄，搜索區或最重要的內容導航區
上左右是結構’‘是大中型企業喜歡的框架模式。通常上方為導航菜單，下方為欄目的小廣告，右側為內容，上方為最主要的東西，位置 顏色 面積的劃分，地產公司/ 星巴克公司網站
左右結構式；左大右小，右小左大，左邊為導航，導航一般是在上冊或左側，右側正文，小設計公司一般會采用左右式
上下式結構---個人網站，上邊是企業logo標著設計，一個導航條條，如果導航條在下方，頁面布局不能超過1000/680，
上下式結構’‘上方為導航，或廣告區域，下方為正文部分，這類出現在個人網站極少數企業網站首頁。
上左中右式結構：通常上方為導航菜單，下方左中側為欄目及內容，小廣告區，右側為登陸，搜索區域或重要內容導航區。
上左右式是大中型企業比較喜歡的框架模式。通常上方為導航菜單，下方為欄目及小廣告，右下為內容
左右式結構：清晰分列兩旁的框架結構。一般左側是導航區域，有時最上方會有一個小標題或標志，另一側是正文內容。企業網站大多采用這類結構。
采用上下結構的首頁，如果導航條在下方，為了能一次看清，避免右側出現滾動條，需將頁面控制在(小于)1000×680像素
上下式結構：上方為導航，或廣告區域，下方為正文部分。這類結構通常出現在個人網站少量企業網站首頁
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
