Dreamweaver制作网页的段落排版技巧

2009-12-18 11:21:17 作者：网友来源：互联网

在使用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>

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

通过以上方法，就可以解决网页制作中段落缩进的问题。

分享到：

更多...

教程排行榜: dreamweaver教程：用Spry制作选项卡滑动菜单; 用Dreamweaver在网页中插入背景音乐的3种方法; 如何在Dreamweaver中灵活控制网页表格高度和宽度？; Adobe Dreamweaver CS5 网友试用感受; 熟练使用Dreamweaver必备的二十个小技巧; Dreamweaver教程：建造简易版的PHP论坛网站; Dreamweaver技巧：在网页中插入透明Flash的方法; 折叠菜单用dreamweaver轻松制作; Dreamweaver制作网页的段落排版技巧; Dreamweaver的快捷键清单; 巧用Dreamweaver正则工具解决代码替换问题; 图文详解用Dreamweaver制作复杂的交换图像; Dreamweaver教程：制作CSS控制的固定宽度布局; DreamWeaver高级教程：如何批量替换超链接标签？; Dreamweaver教程：轻松制作超酷的Flash相册; Adobe Dreamweaver CS5 的新增功能抢先预览

下载排行榜: 基于jQuery的超炫酷的3D切换JS幻灯焦点图特效代码; 半透明立体质感的宽屏flash+xml焦点幻灯代码; 简洁效果多图切换flash幻灯焦点图代码; 带标题和数字导航的JS焦点幻灯特效代码; 适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码; 31款简单实用的CSS+JS下拉菜单脚本; 3D立体效果金字塔环形旋转的flash+xml相册代码; 基于jQuery实现的瀑布流布局列表特效代码; 透明质感上下滑动带小图预览5屏JS焦点图幻...; 超酷的3D摩天轮flash+xml相册幻灯图片代码; 能沿多个方向滑动切换的jquery幻灯代码; 自带多种幻灯效果支持缩略图导航的jquery画...; 可改图片尺寸和张数的flash幻灯轮换代码; 很好看的带缓冲效果CSS下拉菜单导航代码; 基于jquery很有趣的360度全景图片预览特效; 6屏幻灯上下滑动式带缩略图和文字介绍的fla...