110 likes | 442 Views
Dreamweaver 和 Fireworks 是 Macromedia 公司的网页制作利器,它们之间具有强大的兼容性,这种无缝连接的特性大大减少了网页设计者进行软件切换的时间,使网页制作和图像处理的效率得到了有效的提高。它们独特的集成功能使得在 Fireworks 与 Dreamweaver 之中交替处理文件变得十分容易。 Dreamweaver 和 Fireworks 识别和共享许多相同的文件 编辑结果,其中包括对链接、图像映射、表格切片等的更改。这两个应用程序共同为在 HTML 页面中编辑、优化和放置网页图形文件提供了一个优化的工作流程 。.
E N D
Dreamweaver和Fireworks是Macromedia公司的网页制作利器,它们之间具有强大的兼容性,这种无缝连接的特性大大减少了网页设计者进行软件切换的时间,使网页制作和图像处理的效率得到了有效的提高。它们独特的集成功能使得在Fireworks与Dreamweaver之中交替处理文件变得十分容易。Dreamweaver和Fireworks识别和共享许多相同的文件 编辑结果,其中包括对链接、图像映射、表格切片等的更改。这两个应用程序共同为在 HTML页面中编辑、优化和放置网页图形文件提供了一个优化的工作流程 。
通过本章的理论学习和上机实训,读者应了解和掌握以下内容:通过本章的理论学习和上机实训,读者应了解和掌握以下内容: • 在Dreamweaver中放置Fireworks图像 • 在网页中插入Fireworks HTML • 编辑网页中的图像
本章章节内容安排如下: • 9.1 在Dreamweaver中放置Fireworks图像 • 9.2 在Dreamweaver中插入Fireworks HTML • 9.3 使用Fireworks编辑文档中的图像 • 9.4 思考与练习
9.1 在Dreamweaver中放置Fireworks图像 • 图像占位符允许用户指定Dreamweaver中将来放置的Fireworks图像的大小和位置,可以让我们在网页中创建最终的图片之前尝试采用各种不同的网页布局,从而将Fireworks和 Dreamweaver的功能综合运用,发挥二者的强大功能 。
9.2 在Dreamweaver中插入Fireworks HTML • 将Fireworks HTML插入到Dreamweaver中有多种不同的方法。。 • 将Fireworks HTML复制到剪贴板 • 将Fireworks HTML插入到Dreamweaver中 • 更新Dreamweaver中的Fireworks HTML
将Fireworks HTML复制到剪贴板 • 要在Dreamweaver中使用Fireworks HTML文档,最为简便的方法是将其从Fireworks复制到剪贴板上,然后直接粘贴到Dreamweaver文档中。可以用两种方法在Fireworks中复制HTML代码到剪贴板 。 • 使用“编辑”菜单中的“复制HTML代码”命令 • 使用“导出”对话框
更新Dreamweaver中的Fireworks HTML • 在将Fireworks HTML文档插入到Dreamweaver网页后,仍然可以继续使用Fireworks对其进行编辑修改,因为Fireworks 8专门提供了“更新HTML”功能,以保证所作的修改能够及时在Dreamweaver网页中得到更新 。
9.3 使用Fireworks编辑文档中的图像 • Fireworks能够识别并保留在Dreamweaver中对文档所作的大多数类型的编辑,包括更改的链接、编辑的图像映射、HTML切片中编辑的文本和HTML,以及在Fireworks和 Dreamweaver之间共享的行为等 。 • 在Dreamweaver中编辑Fireworks文件 • 设置Fireworks为Dreamweaver外部编辑器
9.4 思考与练习 • 填空题 • 1. 选择 ____命令,可以在网页中插入图像占位符。 • 2. 要将Fireworks HTML复制到剪贴板中备用,有两种方法:一是使用“编辑”菜单中的 ____ 命令;二是使用____对话框。 • 3. 要保持插入到Dreamweaver中的网页与Fireworks HTML同步更新,可以选择“文件”菜单下的____ 命令。
9.4 思考与练习 • 选择题 • 4. 将Fireworks HTML复制到剪贴板并在指定的位置生成相关的图像文件后,就可以在Dreamweaver中将该HTML粘贴到文档中。以下说法不正确的是( )。 • A. 能将所有与Fireworks文档相关的HTML和JavaScript代码都复制到Dreamweaver文档中 • B. 能将图像导出到指定的位置 • C. Dreamweaver将用这些图像的站点相对链接更新HTML。 • D. 只能粘贴一个HTML文档,其中包含的图像及代码都不能复制。
9.4 思考与练习 • 简答题 • 5. 试述在网页中放置Fireworks图像的方法。 • 6. 试述在网页中插入Fireworks HTML的方法。 • 7. 试述编辑网页中图像和表格的方法。 • 操作题 • 8. 利用Dreamweaver创建新网页index.html,然后进行如下操作: • 在Fireworks中创建一个简单的导航栏,包括“本站简介”、“站内动态”、“论坛BBS”和“博客”4个部分,制作矩形切片,并保存为daohang.html。 • 将daohang.html插入到index.html中。 • 更改切片大小,并更新index.html。 • 编辑文本,将“博客”改为“博谈天下”。