本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
不規則結構，風格隨意，彰顯個性，信息量少。一些時尚企業和個人適用。
綜合式，一個界面上可以拆分出集中不同的框架結構，來滿足需要。
上、左、中、右，大中型企業，電子商務，門戶網站喜好的模式。上方導航，下方左中為欄目內容，廣告區，右側為登錄，搜索或重要內容導航區，處理不好的話會有雜亂，無重點的問題，尤其用色要注意不能太多。
上、左、右結構，大中型企業偏好的格局。注意突出強調重點部分（位置，面積，顏色）。
三欄式分割，仍舊左側為導航，中間大面積圖片展示，右側細化模塊。
左右結構，注意主次關系，產生視覺對比，導航一般在左側，符合大眾閱讀習慣。logo通常放左上角。
顯示器一般 1024*7680最常見像素，不可以大出該范圍，控制在1000*680像素之間為宜，首頁盡量不出現滾動條
內容較少，采取大面積圖片，展示個人風格，著重體現產品的，適合上下結構，尤其是首頁。
上方導航或廣告，下方正文，適用于個人網站及少量企業網站的首頁。
導航條放置在下方時頁面尺寸控制在1000*680像素
上下結構多適用于個人網站，以及小型企業網站，logo多放于左上角
網友布局1：上下布局，適用于個人網站和少量企業網站首頁，就導航區分割為上下兩部分。導航在下方是頁面尺寸不大于1000*680
網頁結構分為 上下結構，適合個人網站及少量小型企業。 左右結構，適合小型企業。 上左右結構，適合中、大型企業。 上左中右結構，適合大型企業。不規則結構，通常用于個性的企業網站。 企業LOGO通常放左上角。
上下式結構并且導航條在下方，1024*768 控制在1000*680
上下結構：上方為導航或者廣告或者LOGO。下方為正文。通常出現在個人網站和少量企業網站首頁。
綜合式結構：通常情況下，網站不是只選用一種結構，而是幾種**構的綜合應用，在同一個頁面里可以拆分出幾個不同的框架結構，來配合信息內容的需要。
網頁結構：上下式結構，左右式結構，上左右式結構（是大型企業比較喜歡的框架模式。通常上方為導航菜單，下方為欄目及小廣告，右下側為內容）上左中右式結構：（又稱為三欄式，是大中型企業、電子商務、門戶網站比較喜歡的框架模式，是較常見的結構式。通常上方為導航菜單，下方左中側為欄目及內容，小廣告區，右側為登錄、搜索區或重要內容導航區。）
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
