本節簡介:學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
網頁結構相當于人類的骨架,是網頁設計的基礎,靈活運用結構來布局。
上下:個人,中小型。左右:中小型企業,極個別的個人網站。上左右:大型中型企業,網頁內容較多。上左中右:運用最普遍,最廣泛,大型的電子商務網站,政府/教育/門戶/科技。綜合:大型的門戶網站如163,搜狐,新浪。不規則結構:凸顯網頁個性,重在渲染氣氛。
上左中右結構:門戶網站。頁面內容較多。主體色較為簡潔,多為白色背景色為主體,追求頁面簡潔清爽。
上左右結構:大中型企業。上方導航,下方左側廣告/導航,右方為內容。上左右結構內容較多,要保證首先看到的內容是最重要的,注意 主次。
學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上中右結構式、不規則結構式、
上下式 個人 左右式 中小企業 上左右 中大企業 上左中右 政府 大企業 綜合式大型門戶網站 不規則
上下結構通常用于個人,左右更多用于中小型網站,上左右多用于大型,中型企業,內容多,上左中右用的較多,學校,科技,門戶,大型 企業,更常見,大型門戶網站多用于大型門戶網站,不規則結構風格隨意
學習常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式;會對網頁結構進行變形;學習網頁設計的風格類型。首頁:形象; 二級頁面:主要內容。
網頁設計布局:1.上下式2【個人網站為主,功能及信息量相對簡單,如導航條在底部,像素尺寸設置1000*680】,左右式【使用中小型公司企業】,3,上左右機構【大中型企業的框架模式】4,上左中右,5綜合性結構6,不規則結構。
上下結構通常用于個人,左右更多用于中小型網站,上左右多用于大型,中型企業,內容多,上左中右用的較多,學校,科技,門戶,大型 企業,更常見,大型門戶網站多用于大型門戶網站,不規則結構風格隨意
左上角放企業的logo,左邊是導航,右邊是整體畫面,畫面可以再進行劃分。
導航條必須在同一個頁面,如果要滾動才可以看到整個導航頁面,違背了網頁設計的原則
基礎-上下式結構 這類結構常出現在個人網站及少量企業網站的首頁