本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
不規則結構，信息量少，通常以一張形象、廣告圖片來表示。風格較隨意，凸顯網站個性，重在渲染氣氛。
綜合式，通常情況下，網站不是只選用一種結構，而是幾種結構的綜合應用，在同一個頁面里可以拆出幾個不同的框架結構，來配合信息內容的需要。
上左中右式結構又稱三欄式，是大中型企業、電子商務、門戶網站比較喜歡的框架模式，是較常見的結構式。通常上方為導航菜單，下方左中側為欄目及內容、小廣告區，右側為登陸、搜索區或重要內容導航區。
上左右式結構是大中型企業比較喜歡的框架模式。通常上方為導航菜單，下方為欄目及小廣告，右下側為內容。
左右式 一般左側的導航條，有時上方會有個小標題貨標志，另一側是正文， 企業網站大多采用這類結構，左右結構式：通常把導航條放在左邊，左邊的占的位置較小，右邊放主要的內容，占的位置較大，使瀏覽者一下的注意到主要的內容
首頁是為了展示形象 多用上下結構 二級頁面展示內容基本不用上下結構 上下式的結構在個人網站用的比較常用。首頁部分為了展示形象。子頁部分為展示內容部分。
網頁布局：1、上下式結構（適用于個人網站，中小企業網站首頁）2.左右式結構網站（適用于中小企業網站）3.上左右式結構（大中型企業網站）4.上左中右式結構（三欄式，運用最廣泛、最為普遍的應用像大型電子商務網站、政府、學校、科技網站。）5.綜合式結構6.不規則式結構（風格隨意，個性，渲染氣氛）
上下型，左右型，上左右型，上中左右型，綜合性，上左中右型，不規則型
上下式結構：汽車網站、商務網站、個人網站；左結構式：咖啡網站、設計網站、個人網站；上左右式結構：上方為導航菜單，下方為廣告或主題內容，左上角放logo；上左中右結構：大中型企業，電子商務、門戶網站，上為導航、下左為欄目、下中為廣告、下右為登錄；綜合式結構：幾種結構的綜合
上左右式結構：上方是導航 左上方logo 左下方 細節導航 左內容
左右式結構：左是導航 左上角放重要的東西比如logo 右是內容 企業用的比較多
網頁布局：為了更好解決瀏覽者的問題。1.上下式結構：通常上方為導航，或為廣告區域。下方為 正方部分。這類結構出現在個人網站較多。 2.左右式結構：清晰分列了兩旁框架結構，一般左側是正方內容。企業網站大多采用這類結構。 3.上左、右式結構 4.上左、下右式結構 5.綜合式結構 6不規則式結構
上下結構：個人網站；左右結構：個人網站和小企業；上左右：常用，大中型企業喜愛，上方導航，下方為欄目及小廣告和主要內容部分；上左中右：大中型企業、電子商務、門戶網站常用。綜合式：幾種結構綜合應用。同一個網站里可以采用不同的框架結構，如主頁采取上下、左右式，二級頁面采用上左右或上左中右式。不規則結構：信息量少，以一張形象圖片來表示，凸顯個性，渲染氣氛。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
