当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > Dreamweaver MX进阶教程(二十一)制作虚线

Dreamweaver
Dreamweaver打造多彩文字链接
Dreamweaver基础技巧全面接触
Dreamweaver MX 2004从零开始(4)
Dreamweaver MX 2004设计留言本实战
Dreamweaver MX 2004从零开始(5)
Dreamweaver MX 2004从零开始(6)
Dreamweaver MX 2004从零开始(7)
Dreamweaver MX 2004 打造细线表格
在DW中插入Flash的参数详解
用Dreamweaver MX建设神奇网页图片超链接
Dreamweaver中实现flash的透明背景
DreamweaverMX打造留言本(二)
DreamweaverMX打造留言本(三)
DreamweaverMX打造留言本(四)
DreamweaverMX打造留言本(五)
Dreamweaver MX技巧汇粹
DreamwaverMX与ASP.NET(一)
DreamwaverMX与ASP.NET(二)
DreamwaverMX与ASP.NET(三)
DreamwaverMX与ASP.NET(四)

Dreamweaver MX进阶教程(二十一)制作虚线


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 49 ::
收藏到网摘: n/a

使用fireworks创建虚线图像
1.选择“文件”/“新建”,在“新建文档”对话框中,设置宽1象素,高3象素。

2.选择工具面板上的“缩放”工具,放大画布。
3.选择工具面板上的“矩形”工具,在画布上画一个1×1象素的矩形。

4.在“优化”面板中,设置图像为GIF格式。选择“文件”/“导出”,保存虚线图像。


如果直接把虚线图像作为单元格的背景图像,会出现虚线很宽的情况。这是由单元格中的空格字符 引起的,要想删除 可不是那么容易的事,在代码视图,删除 后,dreamweaver还是会产生。
这时插入1×1象素透明图像,自然就会删除 。


生成1×1象素透明图像
选择“编辑”/“参数选择”。在“布局视图”类别中,单击“创建”按钮,创建一个透明图像。

制作虚线
1.插入一个一行二列的表格。插入点放在需要制作虚线的单元格中。

2.在“站点”面板中,选中1×1象素透明图像spacer.gif,并且把这个图像拖到需要制作虚线的单元格中。这时, 字符自动消失。

3.把插入点放在需要制作虚线的单元格中,然后选择文档左下角“标签选择器”中的td标签。

4.在属性面板中,设置宽度为1。

5.现在需要把虚线图像设置为单元格背景。在“站点”面板中,选择虚线图像。

6.把虚线图像拖到到属性面板上的单元格背景中。

7.制作好的虚线。

8.按F12,在浏览器中测试的效果。

如果需要制作横虚线,使用类似的方法就可以了。