Dreamweaver MX进阶教程（二十一）制作虚线-江西广告圈内-江西广告网-江西广告网-江西广告门户网-江西广告行业独具权威价值平台-江西广告精准互动平台

aaa112007 发表于 2008-12-1 11:10:29

Dreamweaver MX进阶教程（二十一）制作虚线

使用fireworks创建虚线图像 1.选择“文件”/“新建”，在“新建文档”对话框中，设置宽1象素，高3象素。 <IMG height=271 src="/bbs/attachments/websoft/20081201/20081211193259377801.gif" width=396> 2.选择工具面板上的<IMG height=24 src="/bbs/attachments/websoft/20081201/20081211193356277802.gif" width=24>“缩放”工具，放大画布。 3.选择工具面板上的<IMG height=24 src="/bbs/attachments/websoft/20081201/20081211193357877803.gif" width=24>“矩形”工具，在画布上画一个1×1象素的矩形。 <IMG height=170 src="/bbs/attachments/websoft/20081201/20081211193418777804.gif" width=258> 4.在“优化”面板中，设置图像为GIF格式。选择“文件”/“导出”，保存虚线图像。 <IMG height=412 src="/bbs/attachments/websoft/20081201/20081211193750077805.gif" width=464> 如果直接把虚线图像作为单元格的背景图像，会出现虚线很宽的情况。这是由单元格中的空格字符引起的，要想删除可不是那么容易的事，在代码视图，删除后，dreamweaver还是会产生。 这时插入1×1象素透明图像，自然就会删除。 生成1×1象素透明图像 选择“编辑”/“参数选择”。在“布局视图”类别中，单击“创建”按钮，创建一个透明图像。 制作虚线 1.插入一个一行二列的表格。插入点放在需要制作虚线的单元格中。 <IMG height=212 src="/bbs/attachments/websoft/20081201/20081211193756277806.gif" width=263> 2.在“站点”面板中，选中1×1象素透明图像spacer.gif，并且把这个图像拖到需要制作虚线的单元格中。这时，字符自动消失。 <IMG height=290 src="/bbs/attachments/websoft/20081201/20081211193762577807.gif" width=208> 3.把插入点放在需要制作虚线的单元格中，然后选择文档左下角“标签选择器”中的td标签。 <IMG height=212 src="/bbs/attachments/websoft/20081201/20081211193762577808.gif" width=263> 4.在属性面板中，设置宽度为1。 <IMG height=121 src="/bbs/attachments/websoft/20081201/20081211193771877809.gif" width=301> 5.现在需要把虚线图像设置为单元格背景。在“站点”面板中，选择虚线图像。 <IMG height=290 src="/bbs/attachments/websoft/20081201/200812111937765778010.gif" width=208> 6.把虚线图像拖到到属性面板上的单元格背景中。 <IMG height=114 src="/bbs/attachments/websoft/20081201/200812111937812778011.gif" width=585> 7.制作好的虚线。 <IMG height=268 src="/bbs/attachments/websoft/20081201/200812111937859778012.gif" width=263> 8.按F12，在浏览器中测试的效果。 <IMG height=304 src="/bbs/attachments/websoft/20081201/200812111937906778013.gif" width=261>如果需要制作横虚线，使用类似的方法就可以了。

页: [1]

江西广告网's Archiver

Dreamweaver MX进阶教程（二十一）制作虚线