本節簡介：學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上下式結構 通常上為導航或廣告區域，下方為正文部分 通常為個人網站及少量企業首頁
上左中右式多用于門戶網站，缺點：內容多顯得雜。底色多采用清爽的色彩
主次的體現：可通過面積的大小，色彩的輕重，位置。根據內容來劃分模塊，網頁布局突出主題更快的將信息傳遞給瀏覽者。
網頁左右式：左小右大，形成強烈的對比，對瀏覽者起到鮮明的提示的作用，導航區域通常都是位于左側或上部，人的習慣閱讀方式決定，左上交接處則多放置LOGO。左右式多用于企業網站
網頁上下式結構：多用于個人網站及少量企業網站，多起到展示作用，風格簡潔明了。左上角部分多為公司標志、廣告logo等，導航條則可放置與正上方或下方，下方的多為次級導航條，網頁整體注意1000*680的像素限制，為了使用者使用更方便快捷。主體部分則多為圖片文字或flash。
上左右式結構，比如四川高校語言培訓中心官網。微博網站。
上下結構：用于企業或個人比較多。首頁為形象展示，二級頁面為內容。
網頁設計結構：上下結構、左右式結構、上左右結構、上左中右式結構（是大中型企業、電子商務、門戶網站應用較多）、綜合式結構、不規則結構。
網頁的結構：通常上方為導航或廣告區域，下方為正文。常出現在個人網站及少量網站的首頁。
3 上左右結構模式 4上左中右式結構 5 綜合式機構 6不規則機構模式
網頁屬于骨架，網頁結構是網頁設計的基礎。j結構：1上下式結構,用的最多的；2左右結構，清晰分列兩旁的框架的框架結構，一般左側是導航條，有時最上方會有一個小標題或標志，另一側是正文內容，企業網站大多采用這類結構
綜合式：如大型的門戶163、SOHU、新浪等。不規則式：通常是以一張圖片或彰顯個性。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
