本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上下結構的頁面，如果導航條在下方，要保證頁面的尺寸限制在屏幕的整屏范圍之內（顯示器尺寸1024*768）限制在1000*680的像素范圍
上下結構的頁面，如果導航條在下方，要保證頁面的尺寸限制在屏幕的整屏范圍之內（顯示器尺寸1024*768）限制在1000*680的像素范圍
綜合式結構：幾種框架結構混用。不規則結構：信息量少，常以一張形象、廣告圖片表示，風格隨意彰顯個性。
上左中右式結構：三欄是式結構，大中型企業，電子商務，門戶網站多用。上方導航，左中為欄目及內容、小廣告區，右側為登錄、搜索區或重要內容導航區。該結構易產生內容過多的雜亂現象，因此主題色較簡潔。
上左右式結構：大中型企業多用。上方導航，下方左側欄目及小廣告，右側主體內容。
左右式結構：導航位于左側，左上放置重要logo或標題，展示企業形象，注意畫面主次對比和變化，企業網站、小型公司大多采用該結構。右側可嵌套其他信息，豐富頁面內容。
上下式結構網頁，若上方畫面，下方導航條，頁面尺寸需限制在整屏范圍內，通常在1000*680之間。保證不需挪動進度條就可以看到下方導航。
上下式結構：上方導航或廣告，下方正文。多用于個人網站或少量企業網站首頁。
1、設計尺寸控制在1000*680
2、上下式結構：通常上方為導航或廣告區域，下方為正文部分，這類結構常出現在個人網站及少量企業網站的首頁。
3、左右結構式：清晰分裂了兩旁的框架結構。一般左側是導航條，有時最上方會有一個小標題或標志，另一側是正文內容。企業網站大多采用這類結構。
4、上左右式結構：是大中型企業比較喜歡的框架模式。通常上方為導航菜單，下方為欄目及小廣告，右下側為內容。
5、上左中右式機構：又稱為三欄式，是大中型企業、電子商務、門戶網站比較喜歡的框架模式，是較常見的結構式。通常上方為導航菜單，
不規則結構：信息量少，通常以一張形象、廣告圖片來表示。風格較隨意，凸顯網站個性，重在渲染氣氛。
綜合式結構：通常情況下，網站不是只選用一種結構，而是幾種結構的綜合應用，在同一個頁面里可以拆出幾個不同的框架結構，來配合信息內容的需要。
上左中右式機構：又稱為三欄式，是大中型企業、電子商務、門戶網站比較喜歡的框架模式，是較常見的結構式。通常上方為導航菜單，下方左中側為欄目及內容、小廣告區、右側為登錄、搜索區或重要內容導航區。
上左右式結構：是大中型企業比較喜歡的框架模式。通常上方為導航菜單，下方為欄目及小廣告，右下側為內容。
左右結構式：清晰分裂了兩旁的框架結構。一般左側是導航條，有時最上方會有一個小標題或標志，另一側是正文內容。企業網站大多采用這類結構。
結構類型：上下式結構 通常上方為導航 或廣告區域 下方為正文部分。這類結構常出現在個人網站及少量企業網站的首頁。
不規則 信息量少 通常以張形象 廣告圖 風格較隨意 凸顯網站個性，重在渲染氣氛
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
