網(wǎng)頁(yè)設(shè)計(jì)中頁(yè)面布局如何選擇
隨著科技的迅猛發(fā)展,信息化時(shí)代的到來(lái),計(jì)算機(jī)遍及世界各個(gè)國(guó)家和地區(qū),進(jìn)入到千家萬(wàn)戶?;ヂ?lián)網(wǎng)以驚人的發(fā)展速度,深入到人們的生活、工作和學(xué)習(xí)中?;ヂ?lián)網(wǎng)的發(fā)展,動(dòng)著其周邊一系列附屬品的發(fā)展,這其中就包括了網(wǎng)頁(yè)。網(wǎng)頁(yè)作為新世紀(jì)一種新型的網(wǎng)絡(luò)宣傳手段,越來(lái)越被人所親睞和采用。如何進(jìn)行網(wǎng)頁(yè)設(shè)計(jì),是人們?cè)絹?lái)越需要掌握的一門學(xué)問(wèn)。一般而言,網(wǎng)頁(yè)設(shè)計(jì)包括了布局、色彩選擇版式的確定,以及細(xì)節(jié)的修飾等步驟。
頁(yè)面布局,是對(duì)整個(gè)網(wǎng)頁(yè)的整體規(guī)劃,包括頁(yè)面尺寸確定、整體造型設(shè)計(jì)、各類元素(頁(yè)頭、文本、頁(yè)腳、圖片、多媒體)的大致擺放等問(wèn)題。頁(yè)面的尺寸大小應(yīng)根據(jù)分辨率大小來(lái)進(jìn)行設(shè)定,正確的寬度尺寸是比分辨率寬度值偏小。向下拖動(dòng)頁(yè)面是惟一給網(wǎng)頁(yè)增加更多內(nèi)容(尺寸)的方法,一般來(lái)說(shuō),除非你能肯定網(wǎng)頁(yè)的內(nèi)容能吸引訪問(wèn)者不厭其煩地拖動(dòng),否則不要讓頁(yè)面拖動(dòng)超過(guò)三屏。網(wǎng)頁(yè)拖動(dòng)超過(guò)三屏,最好考慮在頁(yè)面內(nèi)做一個(gè)內(nèi)部鏈接。
整體造型是指頁(yè)面的整體形象,這種形象應(yīng)該是一個(gè)整體,圖形與文本的接合應(yīng)該是層疊有序。整個(gè)頁(yè)面的造型可運(yùn)用自然界中的其它形狀以及它們的組合,例如矩形,圓形,三角形,動(dòng)物形狀等。不同的形狀,所代表的意義是不是同的。像矩形代表正式、規(guī)則,多用于制作政府網(wǎng)頁(yè);圓形體現(xiàn)的是柔和、團(tuán)圓、安全、團(tuán)結(jié)等,多用于制作時(shí)尚站點(diǎn)以及節(jié)日慶典時(shí)產(chǎn)品的宣傳;三角形代表警示和危機(jī)等,多用在帶有警示性的報(bào)道中;動(dòng)物形象代表可愛(ài)、親近,像許多關(guān)于幼兒的網(wǎng)頁(yè)都采用了動(dòng)物的卡通形象。
頁(yè)頭又可以稱之為頁(yè)眉,它的作用是定義頁(yè)面的主題,常放置站點(diǎn)的圖片、公司標(biāo)志旗幟以及廣告。一個(gè)站點(diǎn)的名字也多數(shù)顯示在頁(yè)眉里,這樣訪問(wèn)者一打開(kāi)網(wǎng)站便能很快知道這個(gè)站點(diǎn)是什么內(nèi)容。文本在頁(yè)面中出現(xiàn)都以行或塊(段落)出現(xiàn),它們的擺放位置決定著整個(gè)頁(yè)面布局的可視性。在過(guò)去因?yàn)轫?yè)面制作技術(shù)的局限,文本放置的位置的靈活性非常小,而隨著DHTML的興起,文本已經(jīng)可以按照自己的要求放置到頁(yè)面的任何位置。頁(yè)腳通常是放置制作者信息或是公司信息,和頁(yè)頭首尾相呼應(yīng)。圖片和文本是網(wǎng)頁(yè)的兩大構(gòu)成元素,缺一不可。如何處理好圖片和文本的位置成了整個(gè)頁(yè)面布局的關(guān)鍵。多媒體包括聲音、視頻和動(dòng)畫等其它媒體,隨著現(xiàn)代技術(shù)的發(fā)展以及動(dòng)態(tài)網(wǎng)頁(yè)的興起,它們?cè)诰W(wǎng)頁(yè)布局上也是一個(gè)不可或缺的重要基本環(huán)節(jié)。以上各元素的擺放位置,無(wú)不體現(xiàn)著制作者的布局思維,影響著整個(gè)網(wǎng)頁(yè)的設(shè)計(jì)效果。
網(wǎng)頁(yè)布局的技術(shù)可以選擇以下三種:應(yīng)用層疊樣式(css)、表格布局或者框架布局。CSS能夠完全精確的定位文本和圖片。采用表格布局能對(duì)不同的對(duì)象加以處理,而又不用擔(dān)心不同對(duì)象之間的影響,在定位圖片和文本上比用CSS更加方便,需要掌握的專業(yè)技術(shù)低。使用框架布局可以非常方便地在瀏覽器中同時(shí)瀏覽不同的頁(yè)面效果,并且每個(gè)框架之間的內(nèi)容相對(duì)獨(dú)立,內(nèi)容過(guò)長(zhǎng)時(shí)可以有自己獨(dú)立的滾動(dòng)條,互不干擾,不失為一個(gè)布局的好方法。
-
2021/12/28
-
2021/12/23
-
2021/12/17

- 愛(ài)華仕斬獲“2021年度中國(guó)廚衛(wèi)行業(yè)年度智能
- 回首2021,迎戰(zhàn)2022 彩虹線開(kāi)啟新征程!
- 福臨板材|福滿2021,圓夢(mèng)2022
- 美特照明:2022年照明新趨勢(shì),經(jīng)銷商如何做大
- 會(huì)自己“洗澡”的集成灶,帥康自動(dòng)清洗集成灶
- 帶你設(shè)計(jì)一款功能多變,簡(jiǎn)單實(shí)用的休閑露臺(tái)陽(yáng)
- 世紀(jì)豪門吊頂:破防了!原來(lái)顏值+實(shí)力=H20
- 裝修木門選的好,噪音統(tǒng)統(tǒng)沒(méi)煩惱
- 寒潮來(lái)了,有淋浴房洗澡更保暖舒服
- 元旦特輯:歐意電器述說(shuō)生活的點(diǎn)滴與美好
- “中國(guó)十大品牌”獲獎(jiǎng)名單出爐,賽戈水漆榮耀
- 2021值得消費(fèi)大賞 凱迪仕智能鎖榮摘兩項(xiàng)桂冠
- 益恩家居:新年新氣象,愛(ài)自己從好好睡覺(jué)開(kāi)始
- 元旦伊始:健康新生活,從精格管道直飲水開(kāi)始
- 喜迎元旦|新年新燈飾 箔晶智能照明讓酒店暖
- 吉美幫的2021 “專精特新” 深耕屋面防水體
- Aqara攜手京東成立燈光設(shè)計(jì)聯(lián)盟 打造燈飾照
- 年底廚房煥新顏,如何選擇廚電?好太太智能來(lái)
- 全鋁家具全屋莫蘭迪色系,這款美式輕奢范贏鄰
- 順趨勢(shì)·筑鳳巢·贏未來(lái) 鳳梧居門窗2021年會(huì)隆
