本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
不規則結構：信息量少，通常以一張形象、廣告圖片來表示。風格較隨意，凸顯網站個性，重在渲染氣氛。
綜合式結構：通常情況下，網站不是只選用一種結構，而是幾種結構的綜合應用，在同一個頁面里可以拆出幾個不同的框架結構，來配合信息內容的需要。
通常情況下，網站不是只選用一種結構，而是幾種結構的綜合應用，在同一個頁面里可以拆出幾個不同的框架結構，來配合信息內容的需要
上左中右；又稱為三欄式，是大中型企業、電子商務、門戶網站比較喜歡的框架模式，是較常見的結構式。通常上方為導航菜單，下方左中側為欄目及內容、小廣告區，右側為登陸、搜索區或重要內容導航區。
上左右式結構是大中型企業比較喜歡的框架模式。通常上方為導航菜單，下方為欄目及小廣告，右下側為內容。
左右式結構清晰分列兩旁的框架結構。一般左側是導航條，有時最上方會有一個小標題或標志，另一側是正文內容。企業網站大多采用這類結構。
通常上方為導航，或廣告區域。下方為正文部分。這類結構常出現在個人網站及少量企業網站的首頁。
網頁結構：上下式結構，個人網站大多采用，左右式結構，企業網站大多采用，上左右式結構，大中型企業采用，上左中右式結構，電子商務，門戶網站，大中型企業較多用。
6.不規則結構：信息量少，通常以一張形象、廣告圖片來表示。風格較隨意，凸顯網站個性，重在渲染氣氛。
5.綜合式結構：通常情況下，網站不是只選用一種結構，而是幾種結構的綜合應用，在同一個頁面里可以拆出幾個不同的框架結構，來配合信息內容的需要。
4.上左中右結構式： 又稱為三欄式，是大中型企業、電子商務、門戶網站比較喜歡的框架模式，是較常見的結構式。通常上方為導航菜單，下方左中側為欄目及內容、小廣告區，右側為登陸、搜索區或重要內容導航區。
3.上左右式結構：大中型企業比較喜歡的框架模式。通常上方為導航菜單，下方為欄目及小廣告，右下側為內容。
2.左右式結構：清晰分列兩旁的框架結構。一般左側是導航條，有時最上方會有一個小標題或標志，另一側是正文內容。企業網站大多采用這類結構。
1.上下式結構：通常上方為導航，或廣告區域。下方為正文部分。這類結構常出現在個人網站及少量企業網站的首頁。
當導航條在最下方，圖片大小不能超過1000*600
上下：個人中小型企業網站 左右中小型企業網站 上左右 大型中弄企業表達內容較多 上左中右（應用最廣泛）綜合網站大型門戶網站 不規則結構 凸現個性）
不規則結構，通常以一張形象，廣告圖來表示，風格比較隨意，凸顯網站個性，重在渲染氣氛
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
