网站首页站长博客下载中心域名交易站长论坛域名主机免费电邮免费域名中文排行排名查询站长书库书籍教程下载
设为首页
加入收藏
总编信箱
投稿或申请专栏请先 [登 陆]
学院首页 网络编程 网页设计 图形图象 数 据 库 服 务 器 网络媒体 网络安全 个人专栏 站长CLUB 业界新闻 信息公告
 当前位置:首页 >> 网页设计 >> Dreamweaver >> 正文
公告通知
返回上级列表
资料搜索
相关文章
Dreamweaver MX进阶教程(二十一)制作虚线
[ 来源:中国站长学院 | 作者:风未起时 | 时间:2005-4-7 15:22:09 | 浏览:人次 ]
收藏到新浪ViVi 收藏到365KEY 收藏到我摘  字号选择〖    〗/ 双击滚屏 单击停止  

使用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,在浏览器中测试的效果。

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


[发送给好友]  [打印本页]  [关闭窗口]  [返回顶部]   转载请注明来源:http://edu.chinaz.com   
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
栏目编辑: 设计风 责任编辑: 设计风
原始作者: 风未起时 录入时间: 2005-4-7 15:22:09
信息来源: 中国站长学院 投稿信箱: Edu#chinaz.com
设为首页 - 加入收藏 - 关于我们 - 广告服务 - 版权申明 - 友情链接 - 联系方式 - 总编信箱 - 会员投稿