文本塊可以以多種不同的方式放置在空中。常熟網(wǎng)頁(yè)設(shè)計(jì)要能充分吸引訪問(wèn)者的注意力,讓訪問(wèn)者產(chǎn)生視覺(jué)上的愉悅感。因此在網(wǎng)頁(yè)創(chuàng)作的時(shí)候就必須將網(wǎng)站的整體設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)原理緊密結(jié)合起來(lái)。常熟做網(wǎng)頁(yè)更復(fù)雜的信息如矢量圖形、動(dòng)畫、視頻、聲頻等多媒體檔案則需要插件程序來(lái)運(yùn)行,同樣地它們亦需要標(biāo)示語(yǔ)言移植在網(wǎng)站內(nèi)。常熟網(wǎng)頁(yè)設(shè)計(jì)將策劃案中的內(nèi)容、網(wǎng)站的主題模式,以及結(jié)合自己的認(rèn)識(shí)通過(guò)藝術(shù)的手法表現(xiàn)出來(lái);而網(wǎng)頁(yè)制作通常就是將網(wǎng)頁(yè)設(shè)計(jì)師所設(shè)計(jì)出來(lái)的設(shè)計(jì)稿,按照W3C規(guī)范用html(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用)將其制作成網(wǎng)頁(yè)格式。左對(duì)齊、居中、右對(duì)齊和兩端對(duì)齊是Web中可用的文本對(duì)齊選項(xiàng)。
1.兩端對(duì)齊文本
對(duì)齊文本與左右側(cè)而空對(duì)齊。矩形的外觀的對(duì)齊的文本塊,通常是使得文檔標(biāo)題將出現(xiàn)在中心對(duì)稱的,正式。在打印時(shí),對(duì)準(zhǔn)可以通過(guò)調(diào)整單詞和在詞使用連字符之間的間距被設(shè)置。頁(yè)面布局詞典程序首先檢查在每行應(yīng)用連字符的端部的每一行和連字符連字符端,然后調(diào)整字符的整個(gè)線的間距。但即使有復(fù)雜的頁(yè)面布局軟件,是沒(méi)有道理的文本塊字間距通常是理想的,但也經(jīng)常發(fā)生太多的連字符,并且需要手動(dòng)調(diào)節(jié)。
事實(shí)上,對(duì)于web頁(yè)面來(lái)說(shuō),這個(gè)控件并不是一個(gè)遙遠(yuǎn)的目標(biāo)?,F(xiàn)代瀏覽器在兩端都支持文本對(duì)齊,但這種效果是通過(guò)大致調(diào)整單詞間距來(lái)實(shí)現(xiàn)的。低分辨率的計(jì)算機(jī)顯示器不太可能被微調(diào),而當(dāng)今的web瀏覽器在微調(diào)精度上也各不相同。類似地,web瀏覽器不太可能在短時(shí)間內(nèi)提供自動(dòng)斷字,這是在兩端正確對(duì)齊文本的另一個(gè)必要條件??梢灶A(yù)期,如果文本設(shè)置為兩端對(duì)齊,則web文檔的可讀性將降低。
2.對(duì)齊和右對(duì)齊文本塊
中間和右對(duì)齊的文本塊不容易閱讀。我們從左到右閱讀,并將頁(yè)的跟蹤修正到左側(cè)空的垂直行。居中或右對(duì)齊的文本會(huì)導(dǎo)致左側(cè)邊緣粗糙,使得導(dǎo)航變得更加困難,因?yàn)槿搜坌枰匦滤阉髅恳恍械拈_(kāi)頭,如圖8-6所示。
3.左對(duì)齊文本
頁(yè)面上的文本左對(duì)齊是最合適的選擇閱讀,因?yàn)樗强盏木鶆蛞恢?,不?guī)則的右側(cè)空。不同的兩端對(duì)齊文本左對(duì)齊字來(lái)調(diào)整間距不要求:所有的差異反映了行間距的滿端。最后的變化將增加空間的不規(guī)則的和有趣的網(wǎng)頁(yè)的權(quán)利,不影響清晰度。
4.標(biāo)題對(duì)齊
網(wǎng)站設(shè)計(jì)標(biāo)題上方的左對(duì)齊正文也應(yīng)左對(duì)齊。中間的標(biāo)題與兩端的文本對(duì)齊,但兩端對(duì)齊的文本很少在網(wǎng)頁(yè)中使用。中間顯示字體與左對(duì)齊的不規(guī)則右邊距形成鮮明對(duì)比,導(dǎo)致頁(yè)面效果不平衡。在頁(yè)面變得更詳細(xì)之前,我們建議您使用左對(duì)齊的文本塊和左對(duì)齊的標(biāo)題,因?yàn)檫@是大多數(shù)布局的最佳解決方案。