本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
如果網頁主頁面的導航條在整體的下方,則整個頁面的像素大小不能超過1000*680像素
網站設計布局格式包含:上下式結構、左右結構、上左右式結構、上左中右式結構、綜合式結構、不規則結構
不規則結構 信息量少通常以一廣告圖片來表示。風格比較隨意,張形象,凸顯網站個性,重在渲染氣氛
不規則結構 信息量少通常以一廣告圖片來表示。風格比較隨意,張形象,凸顯網站個性,重在渲染氣氛
上左中右結構式 是大中型企業,電子商務,門戶網站比較喜歡的框架模式,是較為常見的結構式,通常上方為導航菜單,下方左中側為欄目及內容,。。。小廣告區,
通常上方為導航菜單 下方為欄目及小廣告,右下冊為內容
左右結構式 咖啡網站 清晰分類兩旁的框架結構,一般左側是導航條,有時最上方會有網站一個小標題或標志,另一側是正文內容,企業網站大多。。。。
通常上方為導航 或廣告區域 下方為正文部分,這類結構常出現在個人網站及少量企業網站的首頁
網站結構布局:上下結構、左右結構、上左右結構、上左中右結構
網站logo都放在左上角的位置,網站頁面布局模式:上下結構:個人網站和中小型企業網站首頁。左右:中小型企業,個別用于個人網站。上左右:大型中型企業,網頁想要表達的內容較多。上左中右,最普遍,例如電子商務網站、學校網站、科技網站。綜合式:大型門戶網站,例如163、搜狐。不規則:主要渲染氣氛
顯示器像素:1024*768,網頁一般:1000*680像素,
上下結構用于個人網站。左右結構用于中小型企業。 上左右結構用于大型企業。 上左中又電子商務比較大型的企業。
上左中右式結構,又稱三欄式。式大中型企業,電子商務,門戶網站比較喜歡的框架模式,是比較常見的結構式。
可以通過三點:位置,顏色,面積來調整頁面的主次和劃分。