本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
左右結構要注意主次的劃分,導航放在左側,右側為內容,左上角為logo,
主要為上下結構,主要是在首頁顯示,如果導航在下方的話,必須控制1000*680的像素中,
1.上下結構(上為導航條或者下為導航條都可以);2.左右結構(LOGO通常放在左上方);3.上左右結構(通過位置,顏色,面積劃分主體);4.
上左中右又稱三欄式,是大中型企業,電子商務、門戶網站比較喜歡的框架模式,底色通常是白色
閱讀者的習慣是從上往下、或者是從左到右,因此會把重要的位置留給左側或者是上側,也就是導航條的位置
不規則結構:信息量少,通常以一張形象、廣告圖來表示。風格較隨意,凸顯網站個性,重在渲染氣氛。
上左中右式結構:又稱三欄式,是大中型企業、電子商務、門戶網站比較喜歡的模式,比較常見的結構式。通常上方為導航菜單,下方左中側為欄目及內容、小廣告處,右側為登錄、搜素或重要內容導航區。處理不好會顯得雜亂。
上左右式結構:是大中型企業比較喜歡的模式。通常上方為導航菜單,下方為欄目及小廣告,右下側為內容。
左右式結構:一般左側是導航條,有時最上方會有一個小標題或標志,另一側是正文部分。中小型企業網站大多采用這類結構。
上下式結構:通常上方為導航,或廣告區域。下方為正文部分。常出現在個人網站及少量企業網站的首頁。