本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上左中右式：門戶網站通常使用（信息量大）—網站主體色比較單一
上左右式結構：適合大中型企業（主次劃分：顏色，面積，位置）
左右式結構中，也可嵌套其他結構，使其內容更豐富（適用于內容稍多）
左右式結構：兩邊不一樣大（導航通常放左側），網站LOGO通常放左上角
顯示器一般屏幕：1024*768，如果是上下式，而導航在下方的話，像素控制在1000*680
上下式：通常上方為導航條，下方為廣告圖（企業網站首頁或是個人主頁）
12.不規則結構.風格隨意，凸顯個性，重在氣氛渲染，用于企業與個人
11.上導航區，下左中欄目及內容、廣告，下右為登入、搜索和重要內容導航區。此類顏色不可太多
10.上左中右結構，三欄式——大中型企業，電子商務，門戶網站喜用結構。
9.位置、顏色、面積來進行主次劃分，復雜時可模塊中再劃分模塊
5.左右結構式，閱讀習慣上至下，左至右，主要信息放于左上角，布局上左大于右下
4.首頁1024x768像素 一般網頁 基本保證1000x680像素之間 （就可不用下拉導航條）
1.上下式結構，以導航條分隔上下結構，較為常見 2.首頁展示形象，二級頁面展示內容 3.導航條可分主次級
常用布局模式：上下式結構（個人網站）1000*680的像素 左右式結構（咖啡網站、設計網站、個人網站）LOGO通常放在左上角顯眼的位置 上左右式結構（大中型企業，比如汽車輪胎企業網站、地產公司網站、星巴克公司網站、咖啡產品網站） 上左中右式結構又稱三欄式（大中型企業、電子商務、門戶網站，比如美食網站） 綜合式結構（幾種結構的綜合應用） 不規則結構（信息量少，通常以一張形象、廣告圖片來表示）
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
