本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
還有一種結構:不規則結構(信息量少 風格隨意 凸顯個性 重在渲染氣氛)
通常網站設計采用不止一種結構 而是幾種結構綜合運用
LOGO通常放在網頁左上角 上下式結構(多用于個人網站) 左右式結構(企業網站多采用) 上左右式結構(大中企業多用) 上左中右式又叫三欄式(大中企業丶電子商務丶門戶網站多用)這種結構區別于上左右,中間為內容區,左右為導航丶廣告丶登錄
6.不規則結構-----信息量少,通常以一張形象,廣告圖片來表示。風格較隨意,凸顯網站個性,重在渲染氣氛。
5.綜合式結構:通常情況下,網站不是只選用一種結構,而是幾種結構的綜合應用,在同一個頁面里可以拆出幾個不同的框架結構,來配合信息內容的需要。
4.上左中右式結構:上左中右式結構:又稱為三欄式,是大中型企業、電子商務、門戶網站比較喜歡的框架模式,是較常見的結構式。通常上方為導航菜單,下方左中側為欄目及內容、小廣告區,右側為登錄、搜索區或重要內容導航區。ps:主體色一般簡單。
3.上左右式結構:是大中型企業比較喜歡的框架模式。通常上方為導航菜單,下方為欄目及小廣告,右下側為內容。ps:三種調節頁面祝詞的方式:位置、顏色、面積;
2.左右結構式:清晰分列兩旁的框架結構。一般做測試導航條,有時最上方會有一個小標題或標志,兩一側是正文內容。企業網站大多采用這類結構。ps:主要內容放置在上面或左側,左上角一般是重點區域;左右結構式中也可以嵌套別的結構;
ps:首頁展示形象,二級頁面展示內容; 一般全屏1024*768 上下式結構,導航條在下方時,要保證頁面尺寸不大于1000*680
一、網頁結構:1.上下式結構:上方為導航,或廣告區域。下方為正文部分。這類結構常出現在個人網站及少量企業網站的首頁。
認識6種基本網站布局模式:上下,左右,上左右,上左中右,綜合,不規則。
門戶網站應用較多,上左中右結構式頁面主題色比較單一,追求頁面清爽整潔,底色多為白色
左右式通常適用于小型公司或小型企業,展示效果更直觀
左右式,需要展現企業形象等,猶如整個頁面是大的形象展示。
上下實結構,上方可能導航條或者logo,動態公司形象?;蛘邚V告。而下結構,則是公司介紹或者是flash等
不規則結構:信息量少,通常以一張形象、廣告圖片來表示。風格較隨意,凸顯網站個性,重在渲染氣氛。