本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上下式結構—個人網站及少量企業網站的首頁 。上方為導航或廣告區域，下文為正文部分，
上下結構 左右結構 上左右結構 上左中右（電商） 綜合結構 （門戶百度 搜狐-） 不規則（個人）
上下式結構（導航在下方）：圖片大小控制在1000*680像素內。
2.左右式結構。我們的視線一般是從左向右，從上到下。所以一般左側擺放較為重要的信息。導航條一般會放置在左側，有時最上方會有一個小標題或者標題。
當導航條位于頁面低端時，整個頁面大小必須小于1000*680像素。
上下式結構（導航在下方）：圖片大小控制在1000*680像素內。
網頁設計布局，通常上方為導航，或廣告區域下方為正文部分 這類結構常出現在各人網站及少量企業網站的首頁。左右式結構，清晰分裂兩旁的框架結構，一般左側是導航條，有時最上方會有一個小標題或標志，另一側是正文內容，左邊大一點或右邊大一點。上左右式的結構，是大中型企業比較常用的通常上方為導航菜單下方為欄目及小廣告右下側為內容。
信息量少，通常以一張形象。廣告圖片來表示。風格較為隨意，凸顯網站的個性，重在渲染氣氛。
通常情況下，網站不是只選用一種結構，而是幾種結構的綜合應用，在同一個頁面里可以拆出幾個不同的框架結構，來配合信息內容的需要
上左中右式結構內容較多，再設計網頁的時候一般顏色較單一，白色為底色，為了讓內容更加的簡潔，不花哨
位置。顏色。面積 ，都可以用來調整網頁中內容的主次
上左右式結構是大中型企業比較喜歡的框架模式。通常上方為導航菜單。下方為欄目和小廣告，右下側為內容
清晰分列兩旁的框架結構。一般左側是導航條，有時候最上方會有一個小標題或者標志。另一側是正文內容，企業網站大多采用這類結構
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
