網(wǎng)頁排版在網(wǎng)站建設(shè)中起著至關(guān)重要的作用，其直接影響著網(wǎng)站的用戶體驗，因此對于網(wǎng)頁排版一點也不能馬虎。那么如何才能做好網(wǎng)頁排版呢？以下從幾個方面闡述了成功的網(wǎng)頁排版中應(yīng)該注意的問題和細(xì)節(jié)。

　　一、層次結(jié)構(gòu)

　　盡管，你可能已經(jīng)熟悉了網(wǎng)頁設(shè)計的層次結(jié)構(gòu)，你可能也明白排版中也少不了它。層級結(jié)構(gòu)會給你一個閱讀顯示文本的起點。這點非常重要，因為這會幫助你準(zhǔn)確傳遞信息，同時保證讀者準(zhǔn)確理解。很多網(wǎng)站在這個問題上都做得很好，但是你還是應(yīng)該牢記在心，這樣你的網(wǎng)站就不會顯得太過時。

　　二、顏色和調(diào)色板

　　排版中的顏色并不專指單一的文本顏色，通常是指網(wǎng)站用到的所有顏色。網(wǎng)站用到的圖片和顏色相當(dāng)于文本的“背景”，因此使用顏色時要謹(jǐn)慎。網(wǎng)站的元素要和排版顏色協(xié)調(diào)，不要讓文本顯得模糊不清。你也可嘗試較大尺寸的排版（又稱為宏觀排版）來達(dá)到更好的效果。簡單來說，宏觀排版就是使用更大的文本來吸引用戶。它的長度通常不能超過1到4個單詞，因此，保持文字的簡潔性和正確性就顯得格外很重要。在關(guān)鍵信息下，但是這并不是那么重要，因為這并不是你的網(wǎng)站的焦點，但大尺寸文字卻是。

　　三、間距問題

　　盡管，很少遇到網(wǎng)站排版中出現(xiàn)層級結(jié)構(gòu)的問題，但相當(dāng)多的網(wǎng)站排版卻存在間距排列的問題。網(wǎng)站所有元素的間距都必須按照一定的條理進(jìn)行排列，因此你在處理間距必須遵循這些條理。你可能需要去了解以下的專用術(shù)語：行距大小、字偶間距和字間距。

　　行距大小是一種增加或減少文本行之間產(chǎn)生的空格的方法。點擊此處閱讀，你就知道到為什么減少行距有利讀者閱讀。字偶間距是調(diào)節(jié)字符間空格，使其達(dá)到更愉悅的視覺效果的過程。使用字間距同樣能達(dá)到字偶距調(diào)整的效果，兩者之間的唯一差別在于空格的產(chǎn)生，字間距是在每個字符間產(chǎn)生等量的空格，而字偶間距是調(diào)整的基于字符對所產(chǎn)生的空格。

　　四、字體配對

　　字體配對是將兩種或更多字體通過排列組合達(dá)到最佳效果的過程。這聽起來有意思，但對于初學(xué)者卻并非易事。選擇一種或多種的漂亮字體就夠了，但是，你只是想完美配對兩種字體，從理論上講，難度更大。字體配對可降低使用單一字體時可能所產(chǎn)生的單調(diào)感。你可以就此進(jìn)行實踐，為網(wǎng)站中所有的大標(biāo)題使用一種字體，在一些簡單段落里使用另一種字體，看看最終效果是否很單調(diào)。

　　五、字體大小

　　如果你把字體弄得難以辨認(rèn)，這是犯了大忌。你也知道字體配對對于精美排版的重要性，而不是用一些統(tǒng)一的文本。即使你找到了很棒的字體搭配，還是不要忘記為字體設(shè)置合適的大小和粗細(xì)。字體粗細(xì)和大小設(shè)置不當(dāng)基本上就毀掉了之前的搭配，因為這會讓你已經(jīng)使用的不同字體難以辨認(rèn)。還應(yīng)注意一點，背景圖片跟字體顏色相近或不匹配，會導(dǎo)致字體淹沒在背景圖片當(dāng)中。

　　六、字體替換方法

　　在過去，設(shè)計師必須使用用戶電腦，甚至帶文本圖片上有的字體，這樣字體才會正確顯示。隨著技術(shù)不斷發(fā)展，HTML5很快克服了這些問題。另外還有許多很棒的字體替換工具，這些工具搜集了很多字體，用戶不用安裝專門的字體，字體照樣正確顯示。