本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
一屏尺寸1024pxX768px 1000pxX680px
上下式結構——個人網站。上方導航或者廣告區域,下方正文。
網站設計部分結構 上下 左右 上左右 上左中右 綜合 不規則
上左中右結構式(三欄式)(中大型企業、電子商務、門戶網站比較喜歡的框架模式)——美食網站
上左右式結構(中大型企業比較喜歡)——地產公司網站 星巴克公司網站 咖啡產品網站
左右式結構——咖啡網站 (重要內容在左 上依據瀏覽習慣 logo一般在左上方) 設計網站 個人網站
上下式結構----- 個人網站 汽車網站(產品、企業網站中常見) 商務網站 (導航在下邊第一屏 一般在1000* 680范圍內)
不規則網站,一張形象,廣告圖來表示,風格重在渲染氣氛
上左中右,又稱為三欄式,是大中型企業,電子商務,門戶網站比較喜歡的框架模式。一般底色白色為背景
左右結構式,一般左側是導航,另一側是正文內容,有時最上方有個小標志,企業網站大多采用這類機構
上下結構,通常上方為導航或者廣告區域,下方為正文部分。這類結構主要出現在個人網站及少量企業網站的首頁