记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航

Dreamweaver MX进阶教程(二十一)制作虚线[含13P]

[复制链接]
发表于 2015-8-3 13:28:40 | 显示全部楼层 |阅读模式
使用fireworks创建虚线图像
1.选择“文件”/“新建”,在“新建文档”对话框中,设置宽1象素,高3象素。
Dreamweaver MX进阶教程(二十一)制作虚线 对话框,制作,标签,新建 【DW】 133114mvzmadglfllf080p 1
2.选择工具面板上的[img=24,24 src=]http://gjdhjc.com/[/img]“缩放”工具,放大画布。
3.选择工具面板上的[img=24,24 src=]http://gjdhjc.com/[/img]“矩形”工具,在画布上画一个1×1象素的矩形。
Dreamweaver MX进阶教程(二十一)制作虚线 对话框,制作,标签,新建 【DW】 133114f8n8uenwrlp47nd7 2
4.在“优化”面板中,设置图像为GIF格式。选择“文件”/“导出”,保存虚线图像。
Dreamweaver MX进阶教程(二十一)制作虚线 对话框,制作,标签,新建 【DW】 133114o1aof9153z4wuwbf 3

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

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

制作虚线
1.插入一个一行二列的表格。插入点放在需要制作虚线的单元格中。
Dreamweaver MX进阶教程(二十一)制作虚线 对话框,制作,标签,新建 【DW】 133114rz2dd6tdb6ofppbl 4
2.在“站点”面板中,选中1×1象素透明图像spacer.gif,并且把这个图像拖到需要制作虚线的单元格中。这时, 字符自动消失。
Dreamweaver MX进阶教程(二十一)制作虚线 对话框,制作,标签,新建 【DW】 133114oj85o1wufeuz5t55 5
3.把插入点放在需要制作虚线的单元格中,然后选择文档左下角“标签选择器”中的td标签。
Dreamweaver MX进阶教程(二十一)制作虚线 对话框,制作,标签,新建 【DW】 133114iiicwlu5xtjtlgzt 6
4.在属性面板中,设置宽度为1。
Dreamweaver MX进阶教程(二十一)制作虚线 对话框,制作,标签,新建 【DW】 133114ch30ljaea355rq3j 7
5.现在需要把虚线图像设置为单元格背景。在“站点”面板中,选择虚线图像。
Dreamweaver MX进阶教程(二十一)制作虚线 对话框,制作,标签,新建 【DW】 133114dl08y6w7yd66j66q 8
6.把虚线图像拖到到属性面板上的单元格背景中。
Dreamweaver MX进阶教程(二十一)制作虚线 对话框,制作,标签,新建 【DW】 133114xqnbr5fo5qqjraml 9
7.制作好的虚线。
Dreamweaver MX进阶教程(二十一)制作虚线 对话框,制作,标签,新建 【DW】 133114rdx6b7xm1hqdgdk6 10
8.按F12,在浏览器中测试的效果。
Dreamweaver MX进阶教程(二十一)制作虚线 对话框,制作,标签,新建 【DW】 133114cgngg4yygw0q0g1y 11
假如需要制作横虚线,使用类似的方法就可以了。
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
微信扫一扫,每天教程更新!
想学习最新知识关注“今日教程”微信公众号!站长每天更新教程,每天八条,欢迎关注支持!!!
快速回复 返回顶部 返回列表