本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上左中右,又稱為三欄式,是大中型企業,電子商務,門戶網站比較喜歡的框架結構,是較常見的結構式,通常上側為導航欄,下方左側中側為欄目內容,小廣告區,右側為登錄,搜索區或重要的導航區。
上左右式結構,大中型企業喜歡的結構 上方為菜單導航,左側面積小,顏色較重,,右下側為內容。下方是小廣告
左右設計結構適合于企業網站與小型公司,急于展現形象。
左右結構咔啡網站 導航條一般是從上到下,從左到右,有時最上方會有一個小標題或標點,另一側是正文,企業網站大多采用這類結構。
內容特別少的時候 可以用一張圖片來表示,風格隨意,重在渲染氣氛 凸顯個性
上下結構,左右結構,上左右結構(內容多的網站),上左中右結構(顏色清爽,通常白色低),綜合結構,不規則結構(強烈的視覺沖擊)
上下式結構,適合商務型,個人網站,汽車網站等,1684*768像素,控制尺寸在1000*680像素,才不會出現導航條
頁面結構:1上下式 尺寸≤1000*680像素 個人和中小型企業;2左右 通常適用小型企業網站 ;3上左右式 大型企業網站 內容較多 根據內容劃分模塊 4 上左中右 政府 電子商務 5 綜合式 門戶 163 搜狐等 6 不規則結構 一個形象或圖片 風格隨意
網站幾種布局:上下結構、左右結構、上左右結構、上左中右結構