本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
②左右結構式：清晰分列兩旁的框架結構，一般左側是導航條，有時最上方會有一個小標題或標志，另一側是正文內容，企業網站大多采用這類結構。導航條一般在左側或上側，因為閱讀習慣的原因。網站的LOGO一般放在左上角位置
當上面部分的頁面占據很大部分，下面為導航條時，需將頁面的尺寸顯示在整屏之間，設置在1000×680之間
網頁的結構相當于人的骨架，網頁結構類型：①上下式結構：通常上方為導航或廣告區域，下方為正文部分，這類結構常出現在個人網站及少量企業網站的首頁，很少用于二級頁面
1.左右結構。 2.上下結構。 3.上左中右（三欄式）結構。通常上方為導航欄，下方左中冊為欄目及內容，小廣告區，右側為登入、搜索區或重要內容導航區。
調整頁面主次三種方式：位置/顏色/面積，進行主次劃分。上左中右式結構是通常在網站中常見的一種形式，這種頁面內容比較多，信息量比較大，處理時從框架結構以及網頁的顏色布局調整，為了追求頁面清爽模式，更多的采用底色為白色的背景色來設計。
左右結構:通常導航區域都是位于左側和上側(重要內容放在這兩個地方),網站的logo通常放在左上角。左右式結構更加多用于一些企業的網站特別是不大的小型公司，所涉及內容不是很多，而是給予需要把企業形象展示出來，所以用左右式結構來設置布局。
顯示器一般的屏幕是1024*768,設計這個頁面(上下結構的導航條在下方時設計頁面)的尺寸需要控制在1000*680像素之間
5綜合式結構。通常情況下，網站不是直選用一種結構，二十集中結構的宗河應用，在同一個頁面里可以拆出幾個不同的框架結構，來配合信息內容的需要。
4、上左中右式，稱為三欄式，式大中型企業、點在商務、門戶網站比較喜歡的框架模式，是較常見的結構式。通常上方為導航欄菜單，下方左中測為欄目及內容、小廣告區’，右側為登陸、搜索區或重要內容導航區。
3、上左右結構是大中型企業比較細化的框架結構。通常上方為導航菜單，下方為欄目及小廣告
2、左右式機構，清晰分列兩旁的框架結構。一般左側是導航條，有時最上方有一個小標題或標志，另一側是正文內容。企業網站大多采用這類結構。
網站設計的結構:1、上下結構。通常上方為導航，或廣告區域，下方為正文部分。這類結構常出現在個人網站及少量企業網站的首頁
結構：1、上下式結構：上方為導航，或廣告區域。下方為正文部分。（導航條在下方時像素尺寸不大于1000*680）2、左右式結構：一般左側是導航，有時左上方放小標題或LOGO。右側是正文。3、上左右式結構：大中型企業比較喜歡的框架模式。通常上方為導航菜單，下方左側為欄目及小廣告，下方右側為內容。4、上左中右式結構：又稱為三欄式，是大中型企業、電子商務、門戶網站比較喜歡的框架模式，是常見的結構式。通常上方為導航條，下方左中側為欄目及內容、小廣告區，右側為登錄、搜索區或重要的內容導航區。5、綜合式結構：通常情況下
不規則結構：信息量少，通常以一張形象，廣告圖片來展示。風格紋理隨意，凸顯網站個性，重在渲染氣氛。
綜合式結構：通常情況下，網站不會只選用一種結構，而是幾種結構的綜合應用。
上左中右式結構：又稱為三欄式，是大中企業，電子商務，門戶網站比較喜歡的框架模式，是較常見的結構式。通常上方為導航菜單，下方左中側為欄目及內容，小廣告區，右側為登陸，搜索區或重要內容導航區。
上左右式結構：上左右式結構是大中型企業比較喜歡的框架模式。通常上方為導航菜單，下方為欄目及小廣告，右下側為內容。
左右式結構：清晰分列兩旁的框架結構。一般左側是導航條，有時最上方會有一個小標題或標志，另一側是正文內容。企業網站大多數采用這類結構。
上下是結構：通常上方為導航條，或廣告區域，下方為正文部分。這類結構常出現在個人網站及少量企業網站的首頁
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
