本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上左右式結構,內容更復雜,更多一些,要注意主次劃分,位置,顏色,面積,進行主次劃分。
左上角最為重要,一般為logo展示,上下式,左右式
上下式樣適合于個人網站,網頁結構是網頁的基礎,上方:logo、企業形象,下:正文。主題,內容較少
頁面尺寸 1024*768 制作網頁像素 1000*680之間 這樣是全屏
通常上方為導航或廣告區域 下方為正文部分 這類結構長出現在個人網站及少量企業網站
網站首頁大圖,保持在1024*768 1000*680之間
要根據不同類型的網站和網站內容的多少選擇網頁的布局模式。
上下式結構,上方為導航或廣告,下面為正文,主要出現在個人網站或少量企業網站。
上下式結構適合信息量少的網站,注重形象展示。上方為導航,下方為內容。
綜合結構(門戶網站)、不規則結構(凸顯個性、視覺沖擊較強,可用于首頁)
上左中右(門戶網站多信息量大)——較多大中型企業(易造成信息堆積、白底較多)
上左右(分清主次)——主次表現(位置、顏色、面積);根據內容劃分模塊結構。
左右(面積大的突出重點)——LOGO左上;用于展示企業形象、信息量少的個人網站。