本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上左右式結構。大中型企業比較喜歡的框架模式。通常上方為導航菜單，下方為欄目及小廣告，右下側為內容。
左右式結構。清晰分列兩旁的框架結構。一般左側是導航條，有時最上方會有一個小標題或標志，另一側是正文內容。企業網站大多采用這類結構。
上下式結構——個人網站以及少量企業網站。上方為導航，或廣告區域。下方為正文部分。
規律骨骼，骨骼框架左右布局上下布局上左中右下布局骨骼結構模式，無規則，不規則骨骼布局，自由布局，個人網頁
1、上下結構——導航條在下方時，頁面大?。?000*680像素之間，防止出現滾動條。2、左右結構 3、上左右式結構——有多少內容劃分多少模塊。4、上左中右結構——通常用白色底色。5、綜合結構 6、不規則結構
網站類型：上下式、左右式、上左右、上左中右、綜合式。
上下結構個人網站中小型企業，左右結構個人網站中小型企業，上左右結構中大型企業，上左中右結構最廣泛模式大型商務網站、政府網站、門戶網站、科技網站，綜合結構模式大型門戶網站、比如搜狐，不規則結構模式凸顯網站個性、重在渲染氣氛。
上寫結構，大多是個人網站，少數中小企業的首頁，展現企業形象；左右式，大多是中小企業網站，少數個人網站；上左右式，大型或中型企業，內容較多 ；上左中右式，一般比較常用在電子商務，政府，教育，門戶，科技網站；綜合式：大型門戶式網站；不規則式：重在凸顯個性，渲染氣氛，大多受一些企業或個人網站喜愛
有多少內容就劃分多少模塊，做到心中有數；上左中右由于內容較多，所以顏色上避免花哨，追求清爽！
主次劃分：位置顏色和面積（三要素）LOGO放在左上角（最重要的位置）上下結構時，導航如果在下方，整個頁面的尺寸不大于1000~680像素
網頁設計的布局：上下結構，左右結構，上左右結構，上左中右結構，綜合結構，不規則結構。
上左右式結構。首先看的內容是最重要的，最上方放最主要的內容。左側一般都是二級導航。
左右結構式中，適用信息量比較少，不需要有太多的東西.
不規則結構 信息量少，通常以一張形象、廣告圖片來表示。風格較隨意，凸顯網站個性，重在渲染氣氛。
綜合式結構 通常情況下，網站不是只選用一種結構，而是幾種結構的綜合應用，在同一個頁面里可以拆出幾個不同的框架結構，來配合信息內容的需要量。
上左中右式結構又稱為三欄式，是大中型 企業、電子商務 、門戶網站比較喜歡的框架模式 是較常見的結構式。通常 上方右側為登陸、搜索區或重要內容導航區。
上左右結構是大中型企業比較喜歡的框架模式。通常上方為導航菜單，下方為欄目及小廣告，右下側為內容。頁面主次可以通過位置 顏色 面積來劃分。布局是可以靈活運用的，讓我們突出的部分讓瀏覽者看到。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
