站长学院通行证

 

返回“站长学院”网站首页

 当前位置 → 中国站长学院设计在线网页设计Dreamweaver → 浏览正文


TAG:  Dreamweaver 教程 制作 虚线

Dreamweaver MX进阶教程:制作虚线


作者:中国站长学院(整理)     来源:互联网转载     点击数:     更新时间:2008年02月17日

【字体: 】        【背景色 杏仁黄 秋叶褐 胭脂红 芥末绿 天蓝 雪青 灰 银河白(默认色) 】    【收藏本文】   【打印


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


点此在新窗口浏览图片  中国站长学院

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


责任编辑:忧郁的秋天

注册投稿

收藏本文到  >>>

相关文章

Dreamweaver序列号06/01 
[LGC610]制作高清晰人声mmf04/25 
模板教程【Pagetitle 标记】04/11 
模板教程【Prenext 标记】(十04/11 
模板教程【Pagebreak 标记】04/11 
模板教程【Pagelist 标记】(04/11 
模板教程【List 标记】(十一)04/11 
模板教程【Channelartlis04/11 
模板教程【Mynews 标记】(九)04/11 
模板教程【Flink 标记】(八)04/11 
模板教程【Vote 标记】(七)04/11 
模板教程【Mytag 标记】(六)04/11 
模板教程【Type 标记】(四)04/11 
模板教程【Channel 标记】(三04/11 
模板教程【Field 标记】(二)04/11 
模板教程【Arclist 标记使用实04/11 

推荐导读

热门资讯

资讯快报

论坛新贴

返回首页

关于我们 - 帮助(?) - 广告服务 - 诚征英才 - 友情链接 - 网站地图 - 站长BLOG

返回网站顶部

Copyright © 2007 中国站长学院(CNZZXY.COM). All Rights Reserved
站长学院服务资咨热线:0755-84289786    业务合作:(0)13554938953  (0)13423986856    网络宽带及主机提供:深圳傲网科技
粤ICP备08006968号   站长:忧郁的秋天(向管理员发邮件)   站长交流QQ群①:1815595   站长交流QQ群②:32960074