本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
在設計上左右式結構的時候要保證首先看到的內容是最重要的部分。
上左右式結構因為結構更加豐富,通常為大中型企業比較喜歡的網頁結構。
無論是上下式,左右式或者其他結構式。一般左上角都是放置LOGO的位置。
上下式導航條一般放上面,左右結構式導航條一般放左邊。原因是根據人類的視覺觀看的習慣。
上下結構式,一般是個人網站和企業網站。左右結構式企業網站大多采用這類結構
如果網頁是上下式,且導航條在下方的時候要確保整個頁面不會大于1000*680PX的范圍。
上下式結構內容比較少的,個人網站形象展示運用的比較多,導航條將上下分成兩個頁面,二級頁面見得會比較的少,不能大于1000*600的像素
上左中右式結構又稱三欄式。通常上方為導航菜單,下方左中側為欄目及內容、小廣告區,右側為登錄、搜索區或重要內容導航區。
網頁結構:上下式結構,左右式結構,上左右式結構,綜合式結構,上左中右式結構。
一般屏幕在1024*768P0X,所以一般頁面控制在1000*680PX之間。一般導航條在左側,不管是什么結構,LOGO一般放在左上角
網頁結構是網頁設計的基礎。上下式結構--個人網站用于最多的一種(上方為導航欄,廣告或logo,動態公司形象)
上下模式:個人網站,中小型企業首頁。左右模式:中小型企業,。上左右:大型中企業,網頁要展現的東西比較多。上左中又:最常見,最普遍,大型電子商務,學校,政府網站等。綜合:163,搜狐等門戶網站。不規則:突顯網頁個性氣氛。
上下結構 左右結構 上左右結構 上左中右結構 綜合結構 不規則結構
1.上下式結構。(上方為導航欄,廣告或logo,動態公司形象)
1024乘以768不能超過像素..上下式頁面下方的的尺寸不能大于1000乘以680