本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
常用網頁布局模式：上下式結構（個人網站及少量企業網站）；左右式結構（企業網站）；上左右式結構（大中型企業較喜歡）；上左中右式結構（大中型企業、電子商務、門戶網站較喜歡的框架模式，是較為常見的結構式）；綜合式結構（根據信息內容的需求綜合運用框架結構）；不規則結構（風格較隨意，凸顯網站個性，重在渲染氣氛）。
網頁的結構是網頁設計的基礎，就像人的骨架一樣支撐整個設計內容。
5.綜合式結構；6.不規則結構，通常以一張形象、廣告圖片來表示，風格較隨意！
4.上左中右式結構，通常是大中型企業，電子商務，門戶網站比較喜歡的框架模式。上方為導航菜單，下方左中側為欄目及內容，小廣告，右側為登陸，搜索區或重要內容導航區。
3.上左右式結構，大中型企業的框架模式，通常上方為導航菜單，下方為欄目及小廣告，右下側為內容；主次劃分通過 位置，顏色，面積進行主次劃分
2.左右式結構，一般左側是導航條，有時最上方會有一個小標題或LOGO，另一側是正文部分。多用于企業網站，急需展示企業形象！
1.上下式結構：上方為導航或廣告區域，下方為正文部分或大圖片。通常出現在個人網站應用較多！
網頁的結構他是為了解決瀏覽者可以更加清晰的更加方便的瀏覽網站的內容
上下式結構，如果頁面鋪滿屏幕，導航條在下方，這樣的頁面設計時，頁面尺寸限制在屏幕整屏范圍之內。
不規則結構：信息量少，通常以一張形象、廣告圖片來表示。風格較隨意，能凸顯網站個性，重在渲染氣氛。
在通常情況下，網站不是只選用一種結構，而是幾種結構的綜合應用，在同一個頁面里可以拆出幾個不同的框架結構，來配合信息內容的需要。
左右式結構：清晰分列左右兩旁的框架結構，一般左側是導航條，有時最上方會有一個小標題或標志，另一側是正文內容。企業網站大多采用這種結構。
上下式、左右式、上左右式、上左中右式、綜合式結構、不規則結構
不規則結構：信息量少，通常以一張形象、廣告圖片來表示。風格較隨意，凸顯網站個性，重在渲染氣氛。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
