本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上下結構通常用于個人,左右更多用于中小型網站,上左右多用于大型,中型企業,內容多,上左中右用的較多,學校,科技,門戶,大型 企業,更常見,大型門戶網站多用于大型門戶網站,不規則結構風格隨意
上左右式適用內容和欄目比較多大的;上下式是內容比較少的;左右式一般是欄目多,內容少的;上左中右式:通常上方為導航菜單,下方左中側為欄目及內容、小廣告區,右側為登錄、搜索區或重要內容導航區
上下式結構主要用于個人網站和展示類的網站、產品宣傳。
上下結構通常用于個人,左右更多用于中小型網站,上左右多用于大型,中型企業,內容多,上左中右用的較多,學校,科技,門戶,大型 企業,更常見,大型門戶網站多用于大型門戶網站,不規則結構風格隨意
上下結構通常用于個人,左右更多用于中小型網站,上左右多用于大型,中型企業,內容多,上左中右用的較多,學校,科技,門戶,大型 企業,更常見,大型門戶網站多用于大型門戶網站,不規則結構風格隨意
綜合式,通常網站不只選 用一種 結構,幾種結構綜合應用,根據內容劃分不同結構
上左中右,三欄式,內容多,信息量大,處理不好,頁面會雜亂,不清爽,主體色要少,大中弄企業 ,門戶網站,電子商務
上左右式,上方導航菜單,左側欄目,小廣告,右側內容,可通過位置,顏色,面積進行主次劃分一般用于大中型企業
左右式中,右側再嵌套其他結構,內容更豐富,明朗,一般企業會采用左右式
上下式,左右式,或其他,LOGO都是放在左上角,展示企業形象
尺寸 1024-768 一個屏的尺寸 ,像素控制在 1000-680之間,這樣不會出現滾動條(導航條在下方)
上下式結構——個人結構/少量企業站首頁;上方為導航或者廣告區,上下排版內容區不小于(1024*768)1000-680。左右式導航。上左右結構——大中型企業,上方為導航菜單,下方為欄目及小廣告,右下側為內容。上左中右(三欄式)——大中型企業,電子商務,門戶網站。容易亂。通常上方為導航菜單,下方左中。綜合式,不規則結構——個性,通常以一張想想,廣告圖來表示,隨意,個性
同一個網站,或根據內容需要來劃分不同的網頁布局結構。二級和一級頁面不同。
上下式結構,通常上方為導航,或者廣告區域,下方為正文部分。個人網站和少量企業網站的首頁。
網站結構:上下式、左右式、上左右式、上左中右式、綜合式、不規則式。