網(wǎng)頁(yè)設(shè)計(jì)三種布局 網(wǎng)頁(yè)的布局類型有哪些?
網(wǎng)頁(yè)的布局類型有哪些?網(wǎng)站建設(shè)中的網(wǎng)頁(yè)布局大致可分為“國(guó)”型、角型、標(biāo)題體型、左右框型、上下框型、綜合框型、封面型、閃光型、變化型等,分別論述如下:1。中文字型:也叫同字型,上面是網(wǎng)站的標(biāo)題和橫幅,然
網(wǎng)頁(yè)的布局類型有哪些?
網(wǎng)站建設(shè)中的網(wǎng)頁(yè)布局大致可分為“國(guó)”型、角型、標(biāo)題體型、左右框型、上下框型、綜合框型、封面型、閃光型、變化型等,分別論述如下:1。中文字型:也叫同字型,上面是網(wǎng)站的標(biāo)題和橫幅,然后中間是網(wǎng)站的主要內(nèi)容,下面是一些基本信息、聯(lián)系方式、版權(quán)公告等,這也是網(wǎng)絡(luò)上看到的最常見(jiàn)的結(jié)構(gòu)類型現(xiàn)在;
2。角型:這種類型實(shí)際上與漢字類型非常相似,但在形式上不盡相同。頂部是網(wǎng)站的標(biāo)題和橫幅。一個(gè)非常常見(jiàn)的類型是頂部是標(biāo)題和廣告,左側(cè)是導(dǎo)航鏈接;
3。標(biāo)題文本類型:頂部是網(wǎng)站的標(biāo)題,或類似的東西,后面是網(wǎng)站的正文內(nèi)容,如一些文章或注冊(cè)登錄頁(yè);
4。左右框架類型:這是一種框架結(jié)構(gòu),左右各有兩頁(yè)??偟牟季质牵簩?dǎo)航鏈接在左邊,有時(shí)一個(gè)小標(biāo)題或標(biāo)致在上面,主要內(nèi)容在右邊,這是最常用的主題這種布局是用在許多企業(yè)網(wǎng)站的內(nèi)頁(yè);這種布局的特點(diǎn)是結(jié)構(gòu)清晰;
5。上下框式:與左右框式相似,只是這種類型是上下頁(yè)的框;
6。綜合框式:其實(shí)是左右框式和上下框式的結(jié)合;
7。封面類型:這三種類型基本上出現(xiàn)在一些網(wǎng)站的主頁(yè)上,大多是精美的平面結(jié)合小動(dòng)畫(huà),加上一些簡(jiǎn)單的鏈接或只是一個(gè)“回車”鏈接或沒(méi)有任何提示;
8。Flash類型:事實(shí)上,這類似于cover類型的結(jié)構(gòu),它采用了當(dāng)前非常流行的Flash游戲系列。與封面類型不同的是,由于flash強(qiáng)大的功能,如果視覺(jué)和聽(tīng)覺(jué)效果處理得當(dāng),頁(yè)面上所表達(dá)的信息是不同的,并不比傳統(tǒng)的多媒體差;
9。變化類型:上述類型的組合和變化,但實(shí)現(xiàn)功能的實(shí)質(zhì)是上、左、右結(jié)構(gòu)的綜合框架類型;
網(wǎng)頁(yè)頁(yè)面布局有哪三種常見(jiàn)方法?
l T型布局
所謂的T型布局是指頁(yè)面頂部的水平條(網(wǎng)站徽標(biāo)),主菜單的布局在左下角,內(nèi)容顯示在右下角。因?yàn)樗雌饋?lái)像英文字母“t”,所以被稱為t-layout。如圖(a)所示。
t-layout的優(yōu)點(diǎn)是頁(yè)面結(jié)構(gòu)清晰,主次分明,強(qiáng)調(diào)順序,能給人一種穩(wěn)定、可靠的感覺(jué),使用方便。缺點(diǎn)是規(guī)則僵化,如果不注意細(xì)節(jié)和配色,容易枯燥。
2 mouth layout
在mouth layout頁(yè)面的頂部和底部有一個(gè)廣告欄,主菜單在左側(cè),鏈接和其他內(nèi)容在右側(cè),主要內(nèi)容在中間,如圖(b)所示。
嘴巴布局的優(yōu)點(diǎn)是它充分利用了布局,并且有大量的信息。它的缺點(diǎn)是頁(yè)面擁擠且不靈活。
3 pop layout
pop引自廣告詞,意思是頁(yè)面布局就像一張宣傳海報(bào),以漂亮的圖像作為頁(yè)面的設(shè)計(jì)中心,主菜單放置在適當(dāng)?shù)奈恢?,如圖(c)所示。這種布局不講究上下左右對(duì)稱,但要平衡有節(jié)奏。它能達(dá)到強(qiáng)調(diào)、動(dòng)作和高度注意的效果。它經(jīng)常用于時(shí)尚網(wǎng)站。它的優(yōu)點(diǎn)是吸引人,缺點(diǎn)是慢。
網(wǎng)頁(yè)布局的方法有哪些?
網(wǎng)頁(yè)的布局方式有很多種,根據(jù)不同的偏好,布局也有所不同:常見(jiàn)的布局方式有以下幾種:
1。按表格排版
表格排版的優(yōu)點(diǎn)是它可以處理不同的對(duì)象,而不用擔(dān)心不同對(duì)象之間的影響。此外,在定位圖像和文本方面,表格比CSS更方便。表格布局的唯一缺點(diǎn)是當(dāng)你使用太多表格時(shí),頁(yè)面的下載速度會(huì)受到影響
2。層疊樣式表布局
提出了層疊樣式表(cascading stylesheets,CSS),可以準(zhǔn)確定位文本和圖片。CSS對(duì)于初學(xué)者來(lái)說(shuō)有點(diǎn)復(fù)雜,但它確實(shí)是一種很好的布局方法。以前無(wú)法實(shí)現(xiàn)的想法可以通過(guò)CSS實(shí)現(xiàn)
3。按框架布局
很多人不喜歡框架結(jié)構(gòu)的頁(yè)面,可能是因?yàn)樗募嫒菪浴5珡牟季稚峡紤],框架結(jié)構(gòu)是一種較好的布局方法。像表格布局一樣,它把不同的對(duì)象放在不同的頁(yè)面上進(jìn)行處理,因?yàn)檫吙蚩梢匀∠吙?,所以一般不影響整體美觀
4。當(dāng)然,還有其他的排版方法,比如可以在紙上排版,也就是先在紙上畫(huà)一個(gè)草圖,然后按圖排版