本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
網站的結構與內容相配，常用的設計風格。分析網上商城的模式。上下式結構：
不規則結構：信息量少，通常以一張形象，廣告圖片來表示。風格較隨意，凸顯網站個性，重在渲染氣氛。
綜合式結構：通常情況下，網站不是只選用一種結構，而是幾種結構的綜合應用，在同一個頁面里可以拆除幾個不同的框架結構，來配合信息內容的需要。
上左中右式結構：又稱為三欄式，是大中型企業、電子商務、門戶網站比較喜歡的框架模式，是較常見的結構式。通常上方為導航菜單，下方左中側為欄目及內容、小廣告區，右側為登陸、搜索區或重要內容導航區。
上左右式結構：大中型企業比較喜歡的框架模式。通常上方為導航菜單，下方為欄目及小廣告，右下側為內容。
左右式結構：清晰分列兩旁的框架結構。一般左側是導航條，有時最上方會有一個小標題或標志，另一側是正文內容。企業網站大多采用這類結構。
上下式結構多用于個人網站及產品宣傳。導航條在下方，則頁面像素不能超過1000×680像素范圍。
一個好的網站：它的結構是為了更好的讓瀏覽者可以清晰的便捷的取了解網站的內容而存在的
上下式結構多用于個人網站及產品宣傳。導航條在下方，則頁面像素不能超過1000×680
下導航條時頁面大小控制1000*680之間（1024*768一般屏幕像素）
⑥不規則結構：信息量少，通常以一張形象、廣告圖片來表示，風格比較隨意，凸顯網站個性，重在渲染氣氛。
⑤綜合式結構模式：通常情況下，網站不是只選用一種結構，而是集中結構的綜合應用，在同一個頁面里可以拆出及格不同的框架結構，來配合信息內容的需要。
但是這種結構如果處理不好會出現擁擠、雜亂無章、內容比較多的現象。這類網站為了追求網站的清爽模式，會選用白色背景進行設計
④上左中右式結構：又稱為三欄式，是大中型企業、電子商務、門戶網站比較喜歡的框架模式，是較常見的結構式。通常上方為導航菜單，下方左中側為欄目及內容、小廣告區，右側為登陸、搜索區或重要內容導航區。
③上左右式結構：是大中型企業比較喜歡的框架模式，通常上方為導航菜單，下方為欄目及小廣告，右下側為內容。設計時需要保證首先看到的內容是最重要的部分。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
