鸿 网 互 联 www.68idc.cn

FireworksandDreamweaver指南介绍

来源:互联网 作者:佚名 时间:2016-02-24 13:31
版权信息:本文翻译自Macromedia官方文档Fireworks and Dreamweaver Tutorial 原始文档:fw_dw_tutorial(PDF,1.37M zipped) 所需文件:xtutorial_dwfw4(568k zipped) 全文翻译:spikal 指南介绍 Macromedia Dreamweaver,可视化建立和管理网页及站点的

  


版权信息:本文翻译自Macromedia官方文档Fireworks and Dreamweaver Tutorial
原始文档:fw_dw_tutorial(PDF,1.37M zipped)
所需文件:xtutorial_dwfw4(568k zipped)
全文翻译:spikal

指南介绍

Macromedia Dreamweaver,可视化建立和管理网页及站点的工具软件,Macromedia Fireworks,设计和处理网上图形的专业工具,2者均提供了创建专业的丰富图象网站的解决方案。除了他们各自独立的能力,Dreamweaver和Fireworks同时提供了让你将他们综合使用来编辑网页和图形的可能性。

通过以上2者完美的结合你能把Fireworks的图形和表格放置到Dreamweaver中,并使用Dreamweaver的工具来修改这些HTML代码。你能够在Dreamweaver中直接启动Fireworks并使用Fireworks的工具对图片进行深层次的修改,而且不会丢失在Dreamweaver中的修改。当你回到Dreamweaver中时,页面中的图形就被自动更新了。

这篇向导将向你展示如何结合使用Dreamweaver和Fireworks来准备、放置和编辑一个HTML页面中的图形。本向导可以在一个小时内完成,只要求你的系统中同时安装有Dreamweaver4.0和Fireworks4.0。

你将会学习到的

当你完成向导时,你会创建出一幅带有图象和表格元素的Web页面。沿着这条路,你将会学习到以下的这些典型的工作流程:
为Dreamweaver设置外部图形编辑器
在Dreamweaver里启动Fireworks编辑图片
在Dreamweaver里启动Fireworks压缩图片
输出Fireworks HTML表格代码到Dreamweaver站点
插入Fireworks HTML表格代码到Dreamweaver页面
在Dreamweaver里启动Fireworks编辑表格

  你应该知道的

虽然这篇指南是专为Dreamweaver和Fireworks的初学者所写的,但是你依然应该对这2个软件有所了解。Dreamweaver和Fireworks各自有一份指南介绍,含盖了使用这2个软件的基本技能。

要阅读Dreamweaver指南,请查看使用Dreamweaver(Using Dreamweaver),要阅读Fireworks指南,请查看使用Fireworks(Using Fireworks)。你能够分别在这2个软件的帮助文件中找到他们。

找到所需要的文件

用来完成这篇指南所需要的文件请到这里下载。

  

  设置指南网站的结构

现在你将利用下载的文件设置网站结构。

定义一个本地网站

设置指南网站结构的第一步是要定义一个本地网站。本地网站就是一个位于你的硬盘上的文件夹,Dreamweaver将在这个文件夹里储存所有网站的文件。你在Dreamweaver里创建的每个网站都需要有一个本地网站与之对应。

你需要将xtutorial_dwfw4文件夹定义为你的本地网站


  1. 启动Dreamweaver。


  2. 选择Site->New Site。


  3. 在Site Definition对话框里,确定在Category列表中Local Info处于被选中的状态。


  4. 在Site Name栏中填写

  5. xtutorial

  6. 点击Local Root栏右面的文件夹图标。


  7. 在出现的对话框中,找到你放置xtutorial_dwfw4的位置。



  8.   



  9. 选择Enable Cache来为网站创建一个缓存文件夹。 缓存能够为已经存在的文件做记录,以此来帮助Dreamweaver当你移动、重命名、删除文件时以更快的速度更新 链接。


  10. 点击ok关闭Site Definition对话框。

  Site窗口会在列表中显示所有本地xtutorial网站中的文件和文件夹。

打开开始文件

现在打开相关的网页文件。


  1. 在Dreamweaver的Site窗口,双击文件的图标来打开它。



  2.   


  3. 在文件中有一个使用HTML排版的表格包含了数张从Fireworks中输出的图象文件。


  4. 选择File->Save As。


  5. 在出现的对话框中将文件保存为

  6. ,并放置在xtutorial_dwfw4目录下。

  7.   

  将Fireworks设置为外部图片编辑器

在体验Fireworks和Dreamweaver跨产品的综合能力之前,你需要确定Fireworks已经被设置成Dreameaver的第一外部编辑器。


  1. 在Dreamweaver中,选择Edit->Preference并且在Category列表中选择File Types/Editors。


  2. 这项设置可以让你指定Dreamweaver在编辑某种特定类型的文    

网友评论
<