本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上下式結構、左右式結構、上左右式、上左中右式、綜合式、不規則結構
上下式結構常出現在個人網站的首頁，尺寸控制在1000*680像素之間；左右式結構：企業網站多采用，左上角放置logo企業形象；上左右式結構：大中型企業多采用。主次劃分的三種方式(位置、顏色、面積)；上左中右式結構又稱三欄式，大中型企業、電子商務、門戶網站常用，是運用最廣泛的結構模式；綜合式結構：在同一頁面拆出不同框架結構；不規則結構：信息量少風格較隨意，凸顯網站個性，重在渲染氣氛。
六、不規則結構，應信息量少通常以一張形象、廣告圖片來表示。風格較為隨意，凸顯網站個性，重在渲染氣氛
五、綜合式結構，網站一般為多種結構模式的綜合應用在同一個頁面里可以才出幾個不同的框架結構，來配合內容的需要?？梢詫⒔Y構顛倒旋轉來進行組合。
四、上左中右式結構 是大型企業、電子商務、門戶網站比較喜歡的框架模式，是比較常見的結構，因為內容比較多容易造成雜亂無章，在制作時因將色彩清爽化，通常上方為導航菜單下方左側為欄目及內容、小廣告區，右側為登錄、搜索區或重要內容導航區。
三、上左右式結構。 一般為大中型企業比較喜歡的框架模式，因為內容相對復雜所以在制作時要保證瀏覽者先看到的是最重要的。調節頁面的主次可以通過三種方式位置，顏色，面積來進行劃分
二、左右式結構 情系分列兩旁的框架結構。一般左側是導航條，有時最上方會有一個小標題或者標志，另一側是正文內容?？梢詫⒄牟糠旨毣耐瑫r不影響整體架構，企業網站大多采用這類結構。
網頁結構類型大致分為6中，一、上下式結構，上方通常為導航，標志 或者廣告區域 下方為正文部分 這類結構經常出現在個人網站或者少量企業網站的首頁。 在制作時如果將導航條放下邊緣處因注意調整網頁大小一般情況下大小因為二1000*680之間、這樣才能保證瀏覽者在第一屏看到滾動條。
上左右式結構 大中型企業 上方：導航菜單 內容復雜繁多 要對內容劃分主次
個人網站信息量少 從中間劃分左右式網站 做成作業本形象
此圖右側被細致分為三個模塊 上下右 主次分明 信息更加豐富
左右結構式：注意主次對比和變化 左側較小 右側較大 使瀏覽者有重點的看 閱讀習慣通常從上到下 從左到右 左上角通常放置logo 進行企業形象最初展示效果
一般制作不能超過1000*680之間 進入頁面直接看到頁面下方的導航條 不用拖拽
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
