本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
網頁布局有6種結構：1.上下式結構（上是logo+導航區，下是廣告畫）、2.左右式結構（左是logo+導航區，右式廣告畫）、3.上左右結構（大企業比較喜歡用）、4.上左中右式結構（大中型及電子企業，最普遍）、5.綜合式結構、6.不規則結構
網頁布局：1、上下式結構（適用于個人網站，中小企業網站首頁）2.左右式結構網站（適用于中小企業網站）3.上左右式結構（大中型企業網站）4.上左中右式結構（三欄式，適用于大中型企業網站，電子商務網站，門戶網站）5.綜合式結構6.不規則式結構（風格隨意，個性，渲染氣氛）
1、網頁結構-布局 識別：第一種上下式結構（上面-導航條/廣告區域/logo/動態的公司形象、下面-正文/圖片/flash）個人網站-展示自己的形象
上左中右結構式：運用最廣泛、最為普遍的應用像大型電子商務網站、政府、學校、科技網站。
不規則結構：信息量少，通常以一張形象、廣告圖片來表示。風格較隨意，凸顯網站個性，重在渲染氣氛。
綜合式網站。一個網站通常根據網站的內容，采用不同的框架結構。
上方導航菜單、下方左中側為欄目及內容、小廣告區，右側為登錄、搜索區或重要內容導航區。
上左中右又稱為三欄式，是大型企業、電子商務、門戶網站
劃分主次時，可以通過位置、顏色、面積。制作網頁之前，根據內容的多少劃分模塊的多少。
上左右式的結構，一般大中型的企業用的框架模式。上方導航菜單、下方為欄目及小廣告，右下側為內容。
logo的位置網頁中的左上角，左右式更多的小企業的設計
左右結構式：通常把導航條放在左邊，左邊的占的位置較小，右邊放主要的內容，占的位置較大，使瀏覽者一下的注意到主要的內容
網頁首頁導航條在下方圖片一般在屏幕整顯示的范圍內（1024x768像素），頁面在1000x680之間，流量者能看到。
上下式的結構在個人網站用的比較常用。首頁部分為了展示形象。子頁部分為展示內容部分。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
