本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
上左中右式結構是又叫三欄式,是大中型企業、門戶網站比較常見的結構式。通常上方為導航,
通常上方為導航菜單,下方為欄目及小廣告,右下側為內容
網站結構分: 上下式結構,左右式結構,上左右式結構,上左中右式結構(又稱三欄式),綜合式結構,不規則式結構。
1.1024x760px頁面,1000x680px之間保證第一屏就能看到導航條在下方??!左右布局,導航在左邊,小型企業左右式;大中型企業,上左右式;logo要放左上角,上做種右,電商,中小企業,門戶網站背景一般用白色;不規則的結構式,個人網站,及中小型企業;
6.不規則結構-----信息量少,通常以一張形象,廣告圖片來表示。風格較隨意,凸顯網站個性,重在渲染氣氛。
5.綜合式結構----通常情況下,網站不是只選用一種結構,而是幾種結構的綜合應用,在同一個頁面里可以拆出幾個不同的框架結構,來配合信息內容的需要。
4.上左中右式結構----又稱為三欄式,是大中型企業,電子商務,門戶網站比較喜歡的框架模式,是較常見的結構式。通常上方為導航菜單,下方左中側為欄目及內容,小廣告區,右側為登陸,搜索區或重要內容導航區。
3.上左右式結構----上左右式結構是大中型企業比較喜歡的框架模式。通常上方為導航菜單,下方為欄目及小廣告,右下側為內容。
2.左右式結構-----清晰分列兩旁的框架結構。一般左側是導航條,有時最上方會有一個小標題或標志,另一側是正文內容。企業網站大多采用這類結構。
1.上下式結構-----通常上方為導航,或廣告區域。下方為正文部分。這類結構常出現在個人網站及少量企業網站的首頁。
網頁結構:上下式、左右式、上左右式、上左中右式(應用比較廣泛)、綜合式、不規則結構(個性)
不規則結構:主要重在突顯個性,深得個人網站和企業的喜愛