本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
小型企業會采用上下結構,左右結構,大企業或中企業會采用上左右結構,上左中右格式是目前最廣泛最普遍應用形式,最常見的
上左右式結構:上左右式結構式大中型企業比較喜歡的框架模式。通常上方為導航菜單,下方為欄目及小廣告,右下側為內容。
左右結構式:清晰分列兩旁的全家結構。一般左側是導航條,有時候最上方會有一個小標題或標志,另一側是正文內容。企業網站通常會使用這種結構。
顯示器屏幕尺寸:1024x768 導航條在下方時, 網頁設計控制在:1000x760之內
不規則結構:信息量少,通常是以一張形象、廣告圖片來表示。風格較隨意,凸顯網站個性,重在渲染氣氛。
通常情況下,網站不是只選用一種結構,而是幾種結構的綜合應用,在同一個頁面里可以拆出幾個不同的框架結構,來配合信息內容的需要。
上左中右結構:又稱三欄式,是大中型企業、電子商務、門戶網站比較喜歡的框架模式。是較常見的結構式。通常上方為導航菜單,下方左中側為欄目及內容、小廣告區,右側為登錄、搜索區或者重要內容導航區。
上左右式結構:上左右式結構式大中型企業比較喜歡的框架模式。通常上方為導航菜單,下方為欄目及小廣告,右下側為內容。
左右結構式:清晰分列兩旁的全家結構。一般左側是導航條,有時候最上方會有一個小標題或標志,另一側是正文內容。企業網站通常會使用這種結構。
顯示器屏幕尺寸:1024x768 導航條在下方時, 網頁設計控制在:1000x760之內
上下結構:通常上方為導航,或者廣告區域。下方為正文部分。這類結構常出現在個人網站及少量企業網站的首頁。
網頁設計 一、 上下結構 企業網站首頁常見 上方:LOGO區域,導航區域 首頁——形象 二級頁面——內容 下方:大面積圖片 次級導航條 顯示器屏幕尺寸:1024x768 導航條在下方時, 網頁設計控制在:1000x760之內 二、 左右結構 主次對比要明顯(導航欄區域小,正文內容區域大)
網頁結構:上下式結構、左右式結構、上左右式結構(一般是大中型企業比較喜歡的結構)上左中右式結構(通常是電子商務,門戶網站比較喜歡的結構)綜合式結構、不規側結構、