选择显示字体大小

在dreamweaver mx中应用“占位图形”


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

(一)插入占位图形
将光标定在需要插入图形的地方;选择:插入>图像占位符 即出现图像占位符对话框,如图:

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

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

(二)替换占位图形

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

2.在fireworks mx中制作好所需的图形并且优化过后,点击画布上边的“完成”按钮。

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

3.切换至dreamweaver mx,我们发现占位图形已经被替换了。察看代码,发现已经自动插入了src的地址,其余的大小,alt等参数均保持原状,如图:

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

(三)需要注意的

如果在fireworks mx中绘制了热区并添加了链接,fireworks mx将不会删除已经在dreamweaver mx中添加到图像占位符的链接;但是如果在fireworks mx中的图像上绘制了一个切片,则将在替换占位图形时删除dreamweaver mx文档中的链接。

  


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons