本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上下式,左右式,上左右式,上左中右式,綜合式,不規則式。
網站結構分類:1,上下式結構設計(大多數用于中小型企業和個人網站)。2,左右式結構設計(大多數用于一些個人網站和中小型企業)。3,上左右式結構設計(大多數用于一些大中型企業用于展示更多的內容和信息)。4,上左中右式結構設計(大多數用于大型的企業,也是目前應用最為廣泛的一個網站結構形式)。5,綜合式設計網站(多用于門戶網站)。6,不規則式結構網站(多用來凸顯網站的個性化
網站結構分類:1,上下式結構設計(大多數用于中小型企業和個人網站)。2,左右式結構設計(大多數用于一些個人網站和中小型企業)。3,上左右式結構設計(大多數用于一些大中型企業用于展示更多的內容和信息)。4,上左中右式結構設計(大多數用于大型的企業,也是目前應用最為廣泛的一個網站結構形式)。5,綜合式設計網站(多用于門戶網站)。6,不規則式結構網站(多用來凸顯網站的個性化)
1上下式結構 2左右式結構3上左右式結構 4上左中右式結構 5綜合式結構6不規則式結構
頁面布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式(使用最廣)、綜合式結構式(大型網站)、不規則結構式(凸顯個性重在渲染氣氛)
上左中右的顏色不會很多,更多使用白色為背景色進行設計
左上角通常會放置logo,左上角為整個頁面最重要的位置
左右式結構:導航位于左側,左上放置重要logo或標題,展示企業形象,注意畫面主次對比和變化,企業網站、小型公司大多采用該結構。右側可嵌套其他信息,豐富頁面內容。
上左中右式結構:三欄是式結構,大中型企業,電子商務,門戶網站多用。上方導航,左中為欄目及內容、小廣告區,右側為登錄、搜索區或重要內容導航區。該結構易產生內容過多的雜亂現象,因此主題色較簡潔