本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上下(面積不要一樣大)——導航條在下方:1024 768(屏);像素不大于(1000 680)。
信息量少,通常以一張形象 廣告圖片來表示,風格隨意,凸顯網站個性,重在宣言氣氛
大中企業,電子商務,門戶網站比較喜歡三欄式(上左中右)上方是導航菜單下左中是欄目和內容,小廣告區 右邊為登陸搜索重要內容導航區
大中型企業喜歡上左右結構,上方為導航菜單,下方為欄目及小廣告,右下方是內容
上導航/廣告,下正文:上下式結構1024*768(1000*680).左右結構式:小型企業。上左右式結構:把最重要的放在首,注重顏色對比,面積,布局。logo:放在左上角。上左中右
網頁布局 上下式結構 左右 上左右式 上左中右式(一般會將背景色做為白色 顏色也不會太花哨 以簡單清爽為主 )綜合式結構 logo一般放在網頁的左上角 顏色 位置來指定注冊的劃分
1024*768像素,制作網頁不能大出,一般控制在1000*680像素之間,保證瀏覽者在第一屏能看到下面的導航條。
不規則結構——信息量少,通常以一張形象、廣告圖片來表示。風格比較隨意、凸顯網站個性,重在渲染氣氛。
綜合式結構——網站不是只選用一種結構,而是幾種結構的綜合應用,在同一個頁面里可以拆出幾個不同的框架結構
上左中右式結構——又稱為三欄式,是大中型企業、電子商務、門戶網站比較喜歡的框架模式。通常上方為導航菜單,下方左中側為欄目及內容、小廣告區,右側為登陸、搜索區或者重要內容導航區。
上左右式結構——多體現在大中型企業框架模式。通常上方為導航,下方為欄目及小廣告,右下側為內容。