本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上方為導航或廣告區域、logo、動態的給你公司形象。
上下結構適合個人、中小企業、左右結構適合中小企業 極個別個人網站 、上左右結構式適合大型中型企業 表達內容較多 上左中右格式最普遍
1.上下式結構:常出現在個人網站 2.左右式結構:企業網站采用較多 3.上左右式結構:大中型企業采用較多 4.上左中右式結構:大中型企業、電子商務、門戶網站用得較多 5.綜合式結構:門戶網站、不規則結構網站,6 不規則結構 信息量少,通常以一張形象、廣告圖來表示。風格較隨意,凸顯網站個性,重在渲染氣氛
上下式結構:常出現在個人網站 2.左右式結構:企業網站采用較多 3.上左右式結構:大中型企業采用較多 4.上左中右式結構:大中型企業、電子商務、門戶網站用得較多 5.綜合式結構:門戶網站、不規則結構網站
1.上下式結構:常出現在個人網站 2.左右式結構:企業網站采用較多 3.上左右式結構:大中型企業采用較多 4.上左中右式結構:大中型企業、電子商務、門戶網站用得較多 5.綜合式結構:門戶網站、不規則結構網站
1.上下式結構:常出現在個人網站 2.左右式結構:企業網站采用較多 3.上左右式結構:大中型企業采用較多 4.上左中右式結構:大中型企業、電子商務、門戶網站用得較多 5.綜合式結構:門戶網站、不規則結構網站
6 不規則結構 信息量少,通常以一張形象、廣告圖來表示。風格較隨意,凸顯網站個性,重在渲染氣氛
5 綜合結構式 通常情況下,網站不是只選用一種結構,而是綜合應用,配合信息內容的需要
上左中右通常上方是導航菜單,下方左中側為欄目及 內容,小廣告區,右側為登錄、搜索區或重要內容導航區
4 上左中右時 即三欄式 是大中型企業、電子商務。門戶網站比較喜歡的框架模式 是較為常見的結構
3 上左右式結構 上為導航 左為欄目等 右為主題部分等 這種結構內容更多
依照閱讀習慣(從上往下,從左往右) 而logo經常是放在左上角
2 左右式 一般左側的導航條,有時上方會有個小標題貨標志,另一側是正文, 企業網站大多采用這類結構
如果結構是上下式,且導航在頁面下方,一定要保證尺寸不大于1000*680,以免搜索和瀏覽的不方便
網頁的結構: 1 上下式(上 導航/廣告區域, 下 正文)常用于個人網站及少量企業網站首頁