本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上左右式結構（大中型企業比較喜歡的框架模式） 上左中右式結構 （大中型企業、電子商務、門戶網站比較喜歡的框架模式）
網頁結構：是設計網頁的基礎 網頁結構：上下式結構——個人網站、汽車、商務網站 左右式結構——咖啡網站（左側是導航。有時最止方會有一個小標題或標志，另一則是正文內容。企業網站大多彩用這類結構）
上左中右式結構-----三欄式，是大中型企業，電子商務，門戶網站比較喜歡的框架模式，是較常見的結構式。通常上方為導航菜單，下方左中側為欄目及內容，小廣告區，右側為登陸搜索區或重要內容導航區。
上左右式結構----上面是導航條/左邊為下拉菜單或者小廣告/右邊是主體.要通過顏色對比區分上下左右.
1.上下式結構(1000*680)----個人網站/汽車網站/企業網站首頁/商務網站;2.左上角放置logo,導航條一般都在上方或者左邊;左右式結構-----設計網站/個人網站.
上下結構適用于個人或企業首頁，左右結構適合小型企業，（這兩種布局顏色可以采用多種顏色布局）上下左右適合大中型企業，內容較多。上左（中）右式適合電子商務企業，(這兩種布局適合顏色單一，一般可采用白+N的模式設計)綜合式,不規則式重在渲染氣氛。
劃分重點可采用1、位置2、顏色3、面積進行劃分
一般網頁頁面大小在1024*768di，實際布局尺寸則在1000*680以內，可以方便快捷瀏覽頁面。
導航一般都在頁面左側和上側，logo則在左上側
1024*768 像素 首頁 1000*680之間
不規則結構：信息量少，通常一張形象、廣告圖來表示。風格較隨意，個性，渲染氣氛，視覺沖擊。
左右式結構：分清主次，一般左側是導航條，最上面是小標題或標志。另外一側是正文內容。嵌套方式多樣性。適合企業網站。上左右式結構適合大中型企業，一般上面是導航，左側是次級導航或廣告區域，如星巴克公司網站。上左中右式結構：大型企業、電子商務、門戶網站適合，通常上方是導航菜單，下方左中側為欄目及內容、小廣告區，右側為登陸、搜索區或者重要內容導航區，要注意顏色，更多是白色背景。綜合式結構：
上下式結構：上方為導航或廣告區域或logo或公司的flash.這類常出現在個人網站或簡單的小企業網站。上下結構多出現在首頁。頁面尺寸限制在整屏范圍之內（一般是1024*768PX）。
上下結構（導航、banner圖、次級導航，控制在1000*680范圍內）——個人網站、產品、中小企業網站，左右結構（做小右大，右邊也可以嵌套為幾個模塊）——（咖啡網站、設計網站、小企業網站）LOGO一般放左上部 上左右結構——（大中型網站）位置、顏色、面積來劃分頁面主次信息 上左中右結構——（大中型門戶網站）缺點是條理不清晰，比較雜亂，顏色盡量簡單清爽，大多采用白色背景 綜合模式結構——（門戶網站）
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
