本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
設計上左右式結構網站時要保證首先看到的內容是最重要的部分。
網頁設計布局:1、上下結構--信息量少(個人網站,少量企業網站首頁)"上導航,下內容"。如果下導航,要將頁面尺寸限制在1000*680內
左右結構:注意大小主次,通常導航位于左和上(個人網站和小型企業)
網頁設計布局:1、上下結構--信息量少(個人網站,少量企業網站首頁)"上導航,下內容"。如果下導航,要將頁面尺寸限制在1000*680內
1.上下時結構,通常上為導航,下為正文,個人網站和企業網站首頁。
上左中右式結構:又稱為三欄式,綜合式結構:根據內容的需要劃分區域;不規則結構:信息量少,風格較隨意,凸顯網站個性
上下式結構:個人用的較多,信息量較少;尺寸:1000*680;左右式結構:企業用較多;上左右式結構:信息量較大,更多的是大中型企業;LOGO一般放于左上角的位置;
上下結構式、左右結構式、上左右結構式、上左中右結構式
不規則結構,信息量少,通常以一張形象,廣告圖片來表示
綜合式結構,通常情況下,網站不是只選用一種結構,而是幾種結構的綜合應用,在同一個頁面里可以拆出幾個不同的框架結構,來配合信息內容的需要
上左中右式結構又稱欄式,是大中型企業,電子商務,門戶網站比較喜歡的框架模式,是較覺的結構式。
上下式結構,這類結構常出現在個人網站及少量企業網站首頁;左右式結構,企業網站大多采用這類結構;上左右式結構,上-導航 左-導航菜單 下-欄目及小廣告 右下--內容
上下結構,左右結構,上左右結構,上左中右結構,綜合結構,不規則結構
上下結構式:個人網站,中小型(產品、)企業網站首頁展示企業形象(2級頁面不用) 左右結構式:企業網站(中小型公司,展示、少內容) 上左右結構:大中型企業。主次劃分方法:位置、顏色、面積 上左中右結構:大中型企業、電子商務、門戶網站(內容多易繁瑣,從框架結構+顏色布局調整,主色不豐富,清爽,白底色) 綜合式結構:組合,特別大型企業。 不規則結構:凸顯個性,渲染氣氛;企業、個人。
1024*768 1000*680
上下結構式:個人網站,中小型(產品、)企業網站首頁展示企業形象(2級頁面不用)
左右結構式:企業網站(中小型公司,展示、少內容)
上左右結構:大中型企業。主次劃分方法:位置、顏色、面積
上左中右結構:大中型企業、電子商務、門戶網站(內容多易繁瑣,從框架結構+顏色布局調整,主色不豐富,清爽,白底色)
綜合式結構:組合,特別大型企業。
不規則結構:凸顯個性,渲染氣氛;企業、個人。