让Dreamweaver设计有线有色

图 / 文 goEway Watch

　　前面我推出了“巧用Dreamweaver的线条美”的这个专题，只要说了一下如何处理Dreamweaver使用框架时的线条，结果收到了很多意见，有网友针对那篇文章，提出了另外一些新的问题，如“垂直的直线怎么做”；又或者对文中的某些设置方法提出异议，并列举另外的做法。有人说，网页制作的几道工序一点不难，难的是一些细小的环节，这些方法往往是在教程上学不到，所以能够跟大家交流的确是一件幸事。因此归结大家提出的疑问，继续整理了这个专题，权当一个书面交流，如果大家还有什么疑问，可以继续讨论。Dreamweaver的世界是一个神奇的梦网，变化多端是它的一个特征，因此同一个设计效果可能有多种方法完成，关键是我们熟悉和方便操作就可以了，并没有对错之分，效果出来了，我们的目的也就达到了。

　　在Dreamweaver 4 中垂直插入有颜色的直线

　　在网页设计中常常需要插入垂直直线作为分割线条或美化版面，但是在dreameaver4 的Object窗口中是没有直接加入垂直直线项的。会很难吗？一定要用框架来设置吗？其实你只要明白跨栏的水平直线是怎样设置的，那么要作一条垂直直线出来一点也不难，长度多少、粗细程度以及颜色都能随意把握。

　　Step 1　在需要编辑垂直直线的地方插入一个一行一列的表格，将表格的“cellpad”、“cellspace”以及“Border”同时设置为“0”，不用说也是0了。

　　Step ２　为了方便你的编辑，先不用急把框架的宽度设置得太小，否则不好选取。选上框架，将“Bg”设置为你需要的线条颜色，表格的高度“H”设置为你需要的高度，要想延伸好一点，可以设置为100%，直线会随你输入内容的多少变化。搞好以上工作再将框架宽度设置为“1”。

　　Step ３　准备工作完成了，剩下最重要的一项就是修改源代码。点击编辑页面左上角的“源代码和设计视窗Code and Design View”查看源代码，将<td>……</td>中的“&nbsp;”删去，因为这个没用的代码是占用一定空间的。保存再重新回到页面你就可以看到一条1px的细线，至于你想直线粗一点或者变换颜色你重新设置框架的相应参数就是了。