你不知道的網(wǎng)頁(yè)布局與文字修飾的設(shè)計(jì)技巧 |
發(fā)布時(shí)間: 2012/9/7 14:25:33 |
網(wǎng)頁(yè)布局與文字修飾在網(wǎng)站推廣告中有著十分重要的地位,這與一本好的雜志需要有一個(gè)活躍的版面道理是一樣的。頁(yè)面活躍,就會(huì)增加可讀性,使讀者不會(huì)感到枯操乏味,www就像一個(gè)大的畫展,各網(wǎng)站上的網(wǎng)頁(yè)就是畫展上展出的繪畫作品,除網(wǎng)頁(yè)內(nèi)容所產(chǎn)生的效果外,誰(shuí)的網(wǎng)頁(yè)做得精美、做得活躍、能夠給瀏覽者留下一個(gè)好的第一印象,誰(shuí)就會(huì)擁有更多的瀏覽者,這也是保持網(wǎng)頁(yè)生命力的一個(gè)極為重要的因素,更是網(wǎng)站推廣的利器。
一、標(biāo)題
一般文章都有標(biāo)題、副標(biāo)題、章和節(jié)等結(jié)構(gòu),HTML中也提供了相應(yīng)的標(biāo)題標(biāo)簽<Hn>,其中n為標(biāo)題的等級(jí)。 HTML提供了六個(gè)等級(jí)的標(biāo)題,n越小。標(biāo)題字號(hào)越大。
二、換行標(biāo)簽
在編寫HTML文檔時(shí),我們不必考慮太細(xì)的設(shè)置。也不必?fù)?dān)心段落過(guò)長(zhǎng)的部分會(huì)被瀏覽器切掉。因?yàn)樵贖TML的語(yǔ)言規(guī)范里,當(dāng)瀏覽器窗口縮小時(shí),瀏覽器會(huì)自動(dòng)將右邊的文字轉(zhuǎn)折至下一行顯示。對(duì)于需要斷行的地方,應(yīng)加上<br>標(biāo)簽。
三、段落標(biāo)簽
為了使文字排列整齊、清晰、段落之間常用<p></p>來(lái)做標(biāo)簽。</p>是可以省略的,因?yàn)橄乱粋(gè)<p>就意味著上一個(gè)<p>的結(jié)束。<p>標(biāo)簽還有一個(gè)屬性align,它是用來(lái)指示段落顯示時(shí)的對(duì)齊方式的,一般有center,left,right三種。
四、文字修飾
1:字號(hào)大小設(shè)置
設(shè)置字號(hào)大小的標(biāo)簽是<font>,它有一個(gè)屬性size,通過(guò)指定size屬性就能設(shè)置字號(hào)大小。size屬性的有效值范圍值為1~7,默認(rèn)值為3,我們可以在size屬性值前加上“+”或“-”符號(hào),來(lái)指定相對(duì)于字號(hào)起始值的增量或減量。
2.字體與樣式
HTML 4.0中提供了定義字體的功能,用face屬性來(lái)完成這個(gè)工作。face的屬性值可以是本機(jī)上的任一字體類型,但有一點(diǎn)問(wèn)題就是,只有當(dāng)瀏覽者的計(jì)算機(jī)中裝了相同的字體才可以正確看到該字體效果。
3:文字顏色
文字顏色設(shè)置語(yǔ)法格式如下:
<font color=顏色值>...</font>
這里的顏色值可以是一個(gè)十六進(jìn)制數(shù)。
五、預(yù)編排結(jié)構(gòu)
在網(wǎng)站推廣中,HTML還提供了一種非常有用的預(yù)排結(jié)構(gòu),利用它可以使信息在瀏覽器中完全依照源文件中的編排格式顯示出來(lái)。
六、列表
列表是一種規(guī)定格式的文字排列方式,分為無(wú)序號(hào)列表,有序號(hào)列表和定義性列表三種。
1:無(wú)序號(hào)列表使用的一對(duì)標(biāo)簽是<ul>,</ul>,第一個(gè)列表項(xiàng)前使用<li>標(biāo)簽。
2:序號(hào)列表
序號(hào)列表和無(wú)序號(hào)列表的使用方法基本相同,標(biāo)簽為<ol>,</ol>,第一個(gè)列表項(xiàng)前使用<li>標(biāo)簽。每個(gè)項(xiàng)目都有前后順序之分,多用數(shù)字表示。
3.定義性列表
定義性列表可以用來(lái)給每一個(gè)列表項(xiàng)再加上一段說(shuō)明性文宇,說(shuō)明文字獨(dú)立于列表項(xiàng)并另起一行顯示。列表項(xiàng)使用<dt>標(biāo)簽。說(shuō)明性文字使用<dd>標(biāo)簽,在定義性列表中,還有一個(gè)屬性是compact,使用這個(gè)屬性后,說(shuō)明文字和列表項(xiàng)將在同一行中顯示。
七、框架與框架網(wǎng)頁(yè)
在網(wǎng)站推廣中,框架(Frames)的作用是將網(wǎng)頁(yè)分割為多個(gè)HTML頁(yè)面,在瀏覽器中顯示時(shí),則顯示為一個(gè)完整的頁(yè)面。每個(gè)框架都包含一個(gè)HTML頁(yè)面,由這些頁(yè)面組成了框架網(wǎng)頁(yè)。在瀏覽器中看上去,使用框架結(jié)構(gòu)制作的網(wǎng)頁(yè)并沒(méi)有什么特別的地方,就像Fhoroshw中未合成圖層的圖片一樣,雖然版面是由多個(gè)活動(dòng)的圖片組成,但整個(gè)版面所且示的和打印的則是一幅完整的圖片。
框架網(wǎng)頁(yè)的最大特點(diǎn)是在不改變整頁(yè)布局的情況下,可以使其中的HTML頁(yè)面之間互相鏈接,達(dá)到不翻頁(yè)即可獲取所需內(nèi)容的目的,這一特點(diǎn)使其在顯示電子文檔方面具有得天獨(dú)厚的優(yōu)勢(shì) 本文出自:億恩科技【mszdt.com】 服務(wù)器租用/服務(wù)器托管中國(guó)五強(qiáng)!虛擬主機(jī)域名注冊(cè)頂級(jí)提供商!15年品質(zhì)保障!--億恩科技[ENKJ.COM] |