本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上下結構式、左右結構式（中小型企業）、上左右（大型企業中型企業表達內容較多）、上左中右（最廣泛、最常見，商務網站教育網站）、綜合結構、不規則結構形式（個性，渲染氣氛）
左右式結構：左側是導航條，有時最上方會有一個小標題或標志，另一側是正文內容，企業網站大多采用這類結構。
上左右式 上左中右式（三欄式，大中型企業，電子商務 門戶網站）
上下式結構[個人網站、公司或企業網站首頁、商務網站等;導航條可上可下；像素范圍680*1000
上下式結構[個人網站、公司或企業網站首頁、商務網站等;導航條可上可下；像素范圍（680-1000）]
上下結構式、左右結構式、上左右結構式、上左中右結構式
不規則結構：信息量少，通常以一張形象、廣告圖片來表示。風格較隨意，凸顯網站個性，重在渲染氣氛。
綜合式結構：同一個頁面可以拆出幾個不同的框架結構，來配合信息內容的需要
上左中右結構：上方為導航菜單，下方左中側為欄目及內容、小廣告區，右側為登錄、搜索區域或重要內容導航區(用途：大多數大中型企業、電子商務、門戶網站)
上左右式結構：上方為導航，下方為欄目及小廣告，右下側為內容(用途：大中型企業)
左右式：左側是導航條，有時最上方會有一個小標題或是標志，右側正文（用途：大多企業網站）
上下式結構：通常上方為導航，或廣告區域,下方為正文部分(用途：個人網站及少量企業網站的首頁)
上左中右式結構又稱為三欄式 是大中型企業、電子商務和門戶網站比較喜歡的框架模式 內容比較多底色為白色可以顯得清爽干凈。通常上方為導航菜單 下方左中側為欄目及內容、小廣告區 右側為登陸、搜索區或重要內容導航區。
上下式、左右式、上左右式、上左中右式、綜合式結構、不規則結構
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
