本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上左中右結構,是大中型企業、電子商務、門戶網站的常用框架模式。
設計布局:1、上下結構;2、左右結構;3、上左右結構;
logo一般都放在左上角;
網站結構,上下結構,上左中右結構(運用最多的結形式),綜合結構式(門戶網站用得最多)
頁面控制在1024x768顯示以內 頁面設計一般是1000x680
不規則:信息量少,通常以一張形象、廣告圖片來表示。風格較隨意,凸顯網站個性,重在渲染氣氛。
綜合式:通常情況下網站不只是選用一種結構,而是幾種結構的綜合應用,在同一個頁面可拆出幾個不同的框架結構,來配合信息內容的需要。
上左中右:又稱三欄式,大中企業、電子商務、門戶網站比較喜歡的框架模式。通常上方為導航菜單下方左中為欄目及內容、小廣告區,右側為登陸、搜索或重要內容導航區。
上左右結構:大中企業框架模式,通常上方為導航,下方為欄目及小廣告,右下為內容。
左右結構:一般導航在左側,占比較小,右側是正文,占比較大。
上下結構,導航在下面時,網頁可視1024x768像素,閱讀內容應控制在1000x680像素內。
上下結構:通常上方為導航或廣告區,下方為正文部分。
上下結構式,大多用于個人網站或者中小型企業用于展現一個企業的形象;左右結構式,更多用于中小型企業的網站,上左右結構式,大多用于大中型企業,由于企業需要表達的東西較多;上左中右的結構,大型電子商務網站,學校網站,科技網站;綜合式,大多用于大型例如網易,搜狐等類型的網站
若導航條在下方,整個頁面應不超過1000pxx680px