本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上下式,到航條在頁面下方,尺寸不大于1000×680px
頁面布局:上下:個人 中小企業 左右:中小企業網站 上左右:大型中型企業 上左中右:最廣泛 大型電子商務 政府 學校等 綜合:大型門戶網站 不規則:凸顯個性
上下:個人 中小企業 左右:中小企業網站 上左右:大型中型企業 上左中右:最廣泛 大型電子商務 政府 學校等 綜合:大型門戶網站 不規則:凸顯個性
不規則結構:信息量少,通常以一張形象、廣告圖片來表示,風格較隨意,凸顯網站個性,重在渲染氣氛。
綜合式結構:同一個頁面可以拆出幾個不同的框架結構,來配合信息內容的需要
上左中右式結構案例:企業網站、美食網站。 信息量大,處理不好會雜亂無章,從框架結構及顏色調整,多采用白色為背景色,顏色不多
上左中右式結構:又稱為三欄式,通常上方為導航菜單,下方左中側為欄目及內容小廣告區,右側為登錄、搜索或重要內容導航區,大中型企業。電子商務、門戶網站比較喜歡
上左右式結構案例:汽車輪胎企業網站、地產公司網站、星巴克公司網站、咖啡產品網站
上左右式結構:上方為導航菜單,左下方為欄目及小廣告,右下側為內容,大中型企業常用
左右式結構案例:咖啡網站、設計網站、個人網站、小型公司
左右式結構:左側為導航條,有時最上方(左上角)會有一個小標題或標志,另一側為正文,企業網站多采用
上下式結構:汽車網站、商務網站、個人網站(導航條在下方時,分辨率小于1000*680)產品等網站首頁常見,二級頁面不常見
上下式結構:通常上方為導航或廣告,下方為正文,常用于個人網站及少量企業網站的首頁
不規則結構:信息量少,通常以展示個性,重在藝術氣氛的營造。
上左中右式結構,又稱三欄式,是大中型企業,電子商務,門戶網站比較喜歡的框架模式,是比較產檢的結構式。通常上方為導航菜單,下方左中側為欄目及內容,小廣告區,右側為登陸,搜索區或重要內容導航區。
上左右式結構是大中型企業比較喜歡的框架模式。通常上方為導航菜單,下方為欄目及小剛搞,右下側為內容。
閱讀習慣,從上至下,從左至右。所以導航一般是在上或者是左邊。