本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上左中右式結構又稱為三欄式 是大中型企業、電子商務和門戶網站比較喜歡的框架模式 內容比較多底色為白色可以顯得清爽干凈。通常上方為導航菜單 下方左中側為欄目及內容、小廣告區 右側為登陸、搜索區或重要內容導航區。
上左中右結構：上方為導航菜單，下方左中側為欄目及內容、小廣告區，右側為登錄、搜索區域或重要內容導航區(用途：大多數大中型企業、電子商務、門戶網站)
左右式結構：左側是導航條，有時最上方會有一個小標題或標志，另一側是正文內容，企業網站大多采用這類結構。
網頁設計中的上下構思模式適合個人網站、小型二級域名網頁 左右構思模式適合小型網站 上左右構思模式適合大型 中型網站 上左中右構思模式 綜合給構思模式適合大型網站 門戶網站 不規則構思模式適合個人個性網站 顯示視覺個性化效果
網站設計布局 網頁結構（上下式結構，上方為導航或廣告區域，下方為正文，個人網站及少量企業網站---汽車網站（產品，企業網站首頁），首頁展示形象，二級頁展示內容，個人網站，注意若網頁）導航條（主要）出現在下方，設計頁面需要將頁面的尺寸限制在整屏（大?。?lt;=1000*680）
上下構思模式適合個人網站、小型二級域名網頁 左右構思模式適合小型網站 上左右構思模式適合大型 中型網站 上左中右構思模式 綜合給構思模式適合大型網站 門戶網站 不規則構思模式適合個人個性網站 顯示視覺個性化效果
網頁的結構：上下式結構--個人網站及少量企業網站，通常上方為導航或廣告區域，下方為正為部分
上下構思模式適合個人網站、小型二級域名網頁 左右構思模式適合小型網站 上左右構思模式適合大型 中型網站 上左中右構思模式 綜合給構思模式適合大型網站 門戶網站 不規則構思模式適合個人個性網站 顯示視覺個性化效果
上左中右式（三欄式，大中型企業、電子商務，門戶網站）—上導航欄,下左中側—欄目及內容、小廣告區、右側—登陸、搜索區、重要內容導航區
上左右式結構—大中型企業 調節頁面主次—位置、顏色、面積
左右式—通過導航條將頁面分為左右兩個區域（導航條通常位于左、上側，logo位于左上角，進行企業形象的展示）
當上下式的導航條在下方時—注意設計屏幕的尺寸(在整屏內1024x768）控制在1000x680之間
上下式在二級頁面運用的比較少，主頁展示形象、二級頁面展示內容
頁面中的導航—可以將頁面劃分為上下兩個區域（上下式），上：導航條、廣告、logo、動態公司形象，下：正文部分、大面積圖片、文字、——內容小、個人網站
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
