本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
結構:左右式——導航條設計在左側或者上側(人的視覺習慣)——要求主次分明+精致細節
結構:上下式 —— 首頁=形象,副頁=內容 —— 導航條設計在頁面下面的話,控制在1000X680像素內
上左右是結構:上方為導航菜單,下方為欄目及小廣告,右下側為內容。(可以通過位置,顏色,面積劃分)
左右是結構:左側為導航,上方會有一個小標題或標志,另一側為正文
上下式結構:上方導航,下方正文部分,(一般出現在個人網站
左右式結構:左側導航條,左上角放置logo,右側展示形象。
個人網站和中小型企業頁面結構分為:上下式結構(導航在上)、左右式結構(導航在左)。大型企業門戶網站:上左右式結構,電商網站通常為上左中右式結構,綜合式結構,注意界面的整潔。頁面控制在1000*680像素之間。
上左中右式結構又稱三欄式,適用于大中型企業、電子商務、門戶網站
1.個人網站信息量少,上下式結構用的比較多,注重美觀; 2.上下式結構用于首頁,大型優秀企業多采用這種結構; 3,.上左右式結構使用普遍,大中型企業多采用; 4.上左中右結構,內容多,信息量大,要避免出現亂擁擠,門戶網站用的比較多,多采用白色底色; 5綜合式結構, 6.不規則網站