加入收藏 | 设为首页 | 关于本站 | RSS订阅
站内搜
您当前的位置:首页 > 电脑学院 > 常用软件 > Dreamweaver

在Dreamweaver MX中应用“占位图形”

时间:2008-07-16 14:53:56  来源:赛迪网  作者:flashmeng

“占位图形”顾名思义是在准备好将最终图形添加到 Web 页之前使用的临时图形。使用它可以在没有理想的图形的情况下先行制作Web页面——在需要使用图形的地方插入一个占位图形先“占领”着“地盘”。 wjc中国电脑急救网

    一、插入占位图形 wjc中国电脑急救网

    将光标定在需要插入图形的地方;选择:插入>图像占位符即出现图像占位符对话框,如图: wjc中国电脑急救网

     wjc中国电脑急救网

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

     wjc中国电脑急救网

    上面显示了名称和大小。察看源代码发现增加了一个包含空 src 属性的图像标签。 wjc中国电脑急救网

    二、替换占位图形 wjc中国电脑急救网

    1.当页面设计好以后,我们就需要使用正确的图形来替换到占位图形。在用DreamweaverMX(简称Dreamweaver MX)中选中占位图形并打开属性面板,点击“创建”按钮。则Dreamweaver MX就会启动FireworksMX(简称Fireworks MX)并自动建立好一个和占位图形同样大小的空白画布等待图形设计师的“操刀制作”。 wjc中国电脑急救网

    2.在Fireworks MX中制作好所需的图形并且优化过后,点击画布上边的“完成”按钮。 wjc中国电脑急救网

     wjc中国电脑急救网

    在出现的“另存为”对话框中给存档的png文件取一个文件名然后保存(这样便于以后修改);在随后弹出的“导出”对话框中做好相关设定后“保存”该文件。 wjc中国电脑急救网

    3.切换至Dreamweaver MX,我们发现占位图形已经被替换了。察看代码,发现已经自动插入了src的地址,其余的大小,alt等参数均保持原状,如图: wjc中国电脑急救网

     wjc中国电脑急救网

    呵呵,是不是很方便呀?从这里我们也可以体会到“三剑客”的配合真的是无与伦比! wjc中国电脑急救网

    三、需要注意的 wjc中国电脑急救网

    如果在Fireworks MX中绘制了热区并添加了链接,Fireworks MX将不会删除已经在Dreamweaver MX中添加到图像占位符的链接;但是如果在Fireworks MX中的图像上绘制了一个切片,则将在替换占位图形时删除Dreamweaver MX文档中的链接。wjc中国电脑急救网


相关文章
·Dreamweaver4探谜系列(2) ·DreamWeaver批处理提高篇
·DreamWeaver经典技巧四则 ·Dreamweaver使用中的常见问题与解答
·使用Dreamweaver便捷技巧方法十六则 ·Dreamweaver技巧十二招
·Dreamweaver技巧50问 ·用Dreamweaver设计限时自动关闭网页
·使用Dreamweaver MX表格排序功能 ·Dreamweaver MX技巧之超链接
发表评论 共有 条评论
用户名: 验证码: 匿名发表
阅读排行
  1. Dreamweaver实现flash透明背景
  2. DreamWeaver超级技巧(中)
  3. DreamWeaver超级技巧(下)
  4. Dreamweaver滑动菜单的制作
  5. 在页面内加入日期
  6. 一种细腻的导航效果的制作方法
热门软件
推荐新闻
图片新闻
谷歌天气预报悄悄开始收费 官方回应是故障
谷歌天气预报悄悄开
囧!Google街景地图拍到有人在街头小便
囧!Google街景地图
9岁印度女孩成最年轻微软认证专家
9岁印度女孩成最年轻
IE欧洲市场占有率跌破60%
IE欧洲市场占有率跌

关于本站 | 广告服务 | 版权声明 | 业务合作 | 联系我们 | 网站地图 
Copyright? 中国电脑急网_CNPC120.COM All Rights Reserved 沪ICP备05050967