网页设计设置文字段落的方法

网页设计设置文字段落的方法

在使用Dreamweaver进行网页制作中有关文档资料内容的网页时，如果是英文书写格式，段落一般不缩进（不支持半角空格）；如果需要缩进往往需要用如下方法解决：

1、人为的加入两个中文全角空格，才能够显示出位置缩进效果。

2、插入点图或图形

点图是指图片中只有一个或几个像素点，用肉眼看不出来。当我们在段落开头插入这样一个点图，并用HSPACE和VSPACE属性来调整点图的左右和上下的空格，以达到段落缩进。

同样可以插入图形，只不过该图形的颜色需要用网页背景色，这种方式用IMG的WIDTH 和HEIGHT属性调整图形大小，以达到缩进。

插入图形的方法，需要我们掌握好HSPACE和VSPACE大小的尺度，使之刚好留出两个汉字的位置，这样才比较美观。

3、插入没有边框和内容的表格

这种方式与上述的插入图形方式类似，该表格没有边框和内容，是空表格。用TABLE 的WIDTH和HEIGHT属性调整表格大小适合缩进的需要。

利用表格来定位一般来说比较可靠，我常常就采用这种方式来对比较复杂的页面进行定位。不过这种方法有一个问题，就是可能是页面的源文件变大。因此也不见得是格式控制的首选。

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

“＆nbsp”代表非显示空格字符。插入若干个“＆nbsp”字符，中间用分号(；)或者空格隔开，也可以实现中文段落缩进。不过在Netscape 3.01中只能写小写字母，而在IE中大小写都可以。

这四种方法主要是针对利用HTML的语言编写网页而言。在一些网页制作工具，如网景浏览器中有专门加入空格的工具条，也可以完成段落缩进。

5、预格式(PRE)

用预格式编写的源文件，在显示时照源文件中的排版字样显示，空行和空格都能很清楚地区别开来。如源文件为：

＜pre>

－－预格式显示……

＜/pre>

网页就会按照你预先设置好的显示方式显示，即在“预格式显示”的前面就会空两个汉字的位置。

网页段落安排的合理直接影响浏览者阅读效果，因此在网页设计中要把握好段落的设置，以下就分析下网页设计中段落的一般处理方法：

一、把大段文字拆成小段

把连贯性的大段文字分开变成几个小的段落并使每一个段落集中说明一个观点，对浏览者阅读是很有帮助，在划分段落时需要注意的是：每一个段落都应该是相对独立的。网站的入口往往很多，访问者可以在不同的搜索引擎里通过关键字的搜索来到网站，在这种情况下，他们是不会按照你给他们组织的页面结构进行阅读的，你给出的顺序也很有可能会被打乱。如果刚好展示的一些文章段落不成立，而访问者又正好来到这里的话，他们就有可能会对网站的质量产生怀疑。

二、小段落的优势

对于访问者的眼睛来说，小的段落清晰简洁，它不但有利于快速阅读，而且更容易抓住访问者的注意力。因此，在不影响内容深度的情况下我们还是应该将信息分割成由超文本链接的多个节点来缩短正文。把大段文字分开还有另外一个优点，那就是：访问者不需要拖拽滚动条就可以看到整个段落，不但清晰明白、条理性强，而且思路又不容易被打断，这种设计方法在有利于访问者记忆文章内容的同时也满足了那些不喜欢拖拽滚动条浏览网页的访问者。

三、拆分段落应该注意浏览者的阅读习惯

在编写网站内容时还应该注意从浏览者的阅读习惯来分析。要知道大部分的浏览者喜欢在阅读时仅看段落的开始部分，这也是我们为什么要用概括性的标题句子开始，而把一些细节性的澄清句子放在后面的原因。一些长而分散的句子会使浏览者远离你的网站，我们在编写网站内容时应该尽量避免。文字块越长，访问者越是容易忽略它。一般来说，每段的文字应该尽量控制在100字左右。