DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver入門 >> Dreamweaver制作網頁的段落排版技巧
Dreamweaver制作網頁的段落排版技巧
編輯:Dreamweaver入門     

  在使用Dreamweaver進行網頁制作中有關文檔資料內容的網頁時,如果是英文書寫格式,段落一般不縮進(不支持半角空格);如果需要縮進往往需要用如下方法解決:

  1、人為的加入兩個中文全角空格,才能夠顯示出位置縮進效果。

  2、插入點圖或圖形

  點圖是指圖片中只有一個或幾個像素點,用肉眼看不出來。當我們在段落開頭插入這樣一個點圖,並用HSPACE和VSPACE屬性來調整點圖的左右和上下的空格,以達到段落縮進。

  同樣可以插入圖形,只不過該圖形的顏色需要用網頁背景色,這種方式用IMG的WIDTH和HEIGHT屬性調整圖形大小,以達到縮進。

  插入圖形的方法,需要我們掌握好HSPACE和VSPACE大小的尺度,使之剛好留出兩個漢字的位置,這樣才比較美觀。

  3、插入沒有邊框和內容的表格

  這種方式與上述的插入圖形方式類似,該表格沒有邊框和內容,是空表格。用TABLE的WIDTH和HEIGHT屬性調整表格大小適合縮進的需要。

  利用表格來定位一般來說比較可靠,我常常就采用這種方式來對比較復雜的頁面進行定位。不過這種方法有一個問題,就是可能是頁面的源文件變大。因此也不見得是格式控制的首選。

  4、插入特殊的空格字符“ ”

  “ ”代表非顯示空格字符。插入若干個“ ”字符,中間用分號(;)或者空格隔開,也可以實現中文段落縮進。不過在Netscape 3.01中只能寫小寫字母,而在IE中大小寫都可以。

  這四種方法主要是針對利用HTML的語言編寫網頁而言。在一些網頁制作工具,如網景浏覽器中有專門加入空格的工具條,也可以完成段落縮進。

  5、預格式(PRE)

  用預格式編寫的源文件,在顯示時照源文件中的排版字樣顯示,空行和空格都能很清楚地區別開來。如源文件為:

    <pre>
    --預格式顯示……
    </pre>

        網頁就會按照你預先設置好的顯示方式顯示,即在“預格式顯示”的前面就會空兩個漢字的位置。

     通過以上方法,就可以解決網頁制作中段落縮進的問題。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved