本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
個人網站（上下式）：上方為導航（logo、廣告），下方為正文。1000 *680 像素范圍以內
上左中右和上左右區別 中間內容是內容區 右側是導航或小廣告區 一般用于門戶
上左右 上導航 左側小廣告 右側主體內容 大中型企業
頁面設計布局一共分為六種結構，分別是上下結構（多用于個人網站，少量企業會用）、左右結構（多用于中小型企業）、上左右式結構（大中型企業用的較多，因其需表達的內容較多）、上左中右式結構（大中型企業，電子商務，政府網站等多用）、綜合模式（用于大型網站如163網站）、不規則結構（信息量較少的常用）。切記可以根據內容多少來使用結構框架。
上下結構用于個人，少量中小型企業，左右結構更多用于中小型企業，少個人，上左右結構用于大型或者中型企業，網頁內容較多，上左中右，電子商務，政府網站較常見，綜合網站用于大型網站如搜狐
上下結構1000*680標準單屏尺寸。左右式結構適合企業形象內容不多。上左右式結構：適合大中型企業：地產公司
1、上下式結構：個人網站/個別企業 2、左右式結構：用于簡單數據網站 3、上左右式結構：大中型企業 4、上左中右式結構：大中型企業/電子商務/門戶網站 5、不規則結構：網站個性，隨意
一般屏幕 1024*768 所以整個頁面像素控制在1000*680 之間
不規則結構的網站風格比較隨意凸顯網站個性，渲染氣氛，給瀏覽者帶來視覺沖擊
調整頁面主次的時候可以通過3種方式 1-位置 2-顏色 3-面積
導航條在圖片下方的時候整個頁面的尺寸不要大于1000*680的范圍
左右結構 小公司、個人網站 上左右結構 大公司 上左中右 適合 電子商務不規則結構 適合凸顯自我的網站
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
