本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上中左右式結構---企業網站:是大中型企業、電子商務、門戶網站比較喜歡的框架模式,是較常見的結構式。通常上方為導航菜單,下方左中側為欄目及內容、小廣告區,右側為登錄、搜索去火重要內容導航區。
正常尺寸是1024*768。要保持整個頁面不能大于1000*680 之間(上下式結構---個人網站 )
上下式結構——個人網站【上方導航條、logo、或廣告區域】
上下結構,左上LOGO,然后 菜單,下面圖片,左右分,都是合個人或者較小規模的企業
上下式(個人網站和小型企業),導航條在上;左右式(企業網站),導航條在左;上左右式(大中型企業);上左中右(電子商務、政府、門戶、教育、大型企業);綜合式(大型門戶網站);不規則式(多以一張圖片來表示,彰顯個性,重在渲染氣氛)
上左右式結構(大中型企業)上方位導航,下方為欄目及小廣告,右邊為正文
左右式結構 -導航在左邊區域,右邊放正文,logo放在左上角展示效果,左右式結構里面可以嵌套(中小企業網站)
個人網站-上(導航條、廣告,logo)下式結構(正文),運用最多企業網站、商務網站,顯示器:1024*768,我們應控制不大于1000*680
6種網頁布局模式:上下式(個人網站和小型企業),導航條在上;左右式(企業網站),導航條在左;上左右式(大中型企業);上左中右(電子商務、大型企業);綜合式;不規則式(多以一張圖片來表示,彰顯個性)
布局:上下式結構(上方為導航,或廣告區域。下方為正文部分。個人網站及少量企業網站的首頁。)
上下:個人 中小企業主頁。 上左右:大中型企業 上左中右:最普遍 較大型網站 綜合:大型門戶網站
上下結構 導航條在頁面下方 整個頁面尺寸≤1000×600像素