本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上左右結構大多數是用于一些大中型企業，網頁內容表達較多，所以采用；上左中右：目前最廣泛的，電子商務、政府、門戶、學校、科技等等網站，都會用。
上下式結構通行于個人網或中小型企業網站，左右式的結構更多用于中小型企業，會有一些極個別的人會用這種布局
6種網頁布局模式，上下左右 簡單的布局是個人中小企業的網站模式，上左右 上左中右 混合模式的中大企業的設計模式
綜合結構。不規則結構：凸顯網站個性，重在渲染氣氛。
上左中右結構，門戶網站應用最多，是網站中常見的形式。內容多，信息量大。
上左右結構，上方為導航菜單，左為欄目/廣告，右方為主要內容。
上下結構，上方為導航或者廣告區;下方為主要內容。左右結構，一般左側是導航條，最上方有時會有小標題或標志。
顯示屏常規尺寸 1024×768 1000×680
上下式結構 上方導航條或廣告 下方文字 突出個人形象 多應用個人網站 及少量企業網站
上下結構 個人網站（內容少 應用多）上方導航條 LOGO 顯示器1026*768像素
上下結構式（個人），左右機構式（中小企業），上左右機構式（大中企業）上左中右（電子商務）綜合式結構（大型企業）不規則結構
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
