动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
  
   DreamWeaver → 阅读文章

 占位图形在DW MX中的应用

作者来源: 
阅读 数 343 人次 , 2006-3-29 4:39:00 



  “占位图形”顾名思义是在准备好将最终图形添加到 web 页之前使用的临时图形。使用它可以在没有理想的图形的情况下先行制作web页面——在需要使用图形的地方插入一个占位图形先“占领”着“地盘”。
  (一)插入占位图形
  将光标定在需要插入图形的地方;选择:插入>图像占位符 即出现图像占位符对话框,如图:

设定好各项参数后点击“确定”即将占位图形插入到了页面中,如图:

上面显示了名称和大小。察看源代码发现增加了一个包含空 src 属性的图像标签。
  (二)替换占位图形
  1.当页面设计好以后,我们就需要使用正确的图形来替换到占位图形。在用dreamweavermx(简称dwmx)中选中占位图形并打开属性面板,点击“创建”按钮。则dwmx就会启动fireworksmx(简称fwmx)并自动建立好一个和占位图形同样大小的空白画布等待图形设计师的“操刀制作”。
  2.在fwmx中制作好所需的图形并且优化过后,点击画布上边的“完成”按钮。

在出现的“另存为”对话框中给存档的png文件取一个文件名然后保存(这样便于以后修改);在随后弹出的“导出”对话框中做好相关设定后“保存”该文件。
  3.切换至dwmx,我们发现占位图形已经被替换了。察看代码,发现已经自动插入了src的地址,其余的大小,alt等参数均保持原状,如图:



  呵呵,是不是很方便呀?从这里我们也可以体会到“三剑客”的配合真的是无与伦比!
  (三)需要注意的
  如果在fwmx中绘制了热区并添加了链接,fwmx将不会删除已经在dwmx中添加到图像占位符的链接;但是如果在fwmx中的图像上绘制了一个切片,则将在替换占位图形时删除dwmx文档中的链接。

 本文Tagsdreamweaver  
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:网页设计:一种细腻的导航效果的制作方法
· 下一篇:用Dreamweaver在HTML中控制Anark媒体
· Dreamweaver MX 2004 行为之设置文本
· Dreamweaver中HEAD元素的使用
· Dreamweaver4.0 快捷键自己DIY
· Dreamweaver MX 2004打造留言本
· Dreamweaver经典技巧


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077