本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
首先學會識別不同結構的網站。上下式結構,上方導航條或廣告或Logo或其他,下方正文或Flash。多見于個人網站、產品或企業首頁,展示形象。左右結構式,注意主次對比,左邊多導航,習慣上左導航條。
上下式結構、左右式結構、上左右式結構、上左中右式結構、綜合式結構、不規則結構、根據內容劃分模塊
總結布局模式 上下布局:個人網站/少數中小型企業首頁 左右布局:中小型企業網站/少數個人網站 上左右結構:大型、中型企業 上左中右:普遍常見的 綜合式:大型門戶網站 不規則布局:凸顯個性,渲染氣氛
上左中右式結構 適用于大中型企業 、電子商務、門戶網站
上左右式結構,適合于中小型企業 內容較多(內容多少,劃分多少模塊)
以1024*768 為例 上下結構、導航條在下制作頁面高度為680 合適,否則右側出現滾動條 使用戶體驗不好
第一講:網站頁面布局模式:1.上下結構:個人網站、中小型企業的首頁(用于展現企業形象)2.左右結構:中小型企業網站、也用于個人網站 3.上左右結構:大型或者中型企業 4.上左中右結構:大型企業、電子商務、門戶網站、學校網站、科技網站等 5.綜合型結構:163網站、搜狐、新浪等門戶網站 6、不規則結構:一般以一張形象、廣告圖片來表示,風格比較隨意、凸顯網站個性、重在渲染氣氛
上下用于個人,左右更多用于中小型,也有用于個人,上左右用大中型企業,上左中右,大型電子商務,政府商務,學校,大型網站都會,綜合形式大型門戶,不規則結構,圖片,重在渲染氣氛民。
上下結構 導航條位于上方或下方 左右結構導航放置左側
上下式 個人網站,左右式,中小型企業,上左右,大型網站常用
上下式 個人網站,左右式,中小型企業,上左右,大型網站常用