///pc/img/blank.gif" width="12" height="8">当前位置:///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> Fireworks

///pc/homepage/fwjch/img/000.gif" width="100" height="20">
///pc/homepage/fwjch/img/title_00.gif" width="13" height="20">  

///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">新手上路
///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">网页基本功
///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">网页进阶处理
///pc/homepage/fwjch/img/003.gif" width="18" height="16" align="absmiddle">网页强化
///pc/homepage/fwjch/img/009.gif" width="17" height="16" align="absmiddle">设置网页超连接
///pc/homepage/fwjch/img/009.gif" width="17" height="16" align="absmiddle">大图的切割
///pc/homepage/fwjch/img/009.gif" width="17" height="16" align="absmiddle">文件内容设定和转存
///pc/homepage/fwjch/img/009.gif" width="17" height="16" align="absmiddle">与编辑器的紧密结合
///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">网页高手
///pc/homepage/fwjch/img/008.gif" width="18" height="16" align="absmiddle">自动化处理


/pc/bin/msg.pl?file_id=k_Fireworks04 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

///pc/img/blank.gif" width="1" height="1">

 


第四节:与网页编辑器的紧密结合

一、 与Dreamweaver的结合

  如何才能将Fireworks 3转存的HTML格式文件插入到Dreamweaver 3中呢?其实十分简单:

  首先开启Dreamweaver 3,选择好插入位置,打开“Object”面板,然后单击“Insert Fireworks HTML”按钮 ///pc/homepage/fwjch/img/fire4025.gif" width="20" height="19"> ,弹出如图1的对话框,单击“Browse”按钮,接下来在开启的“Select the Fireworks HTML File”对话框中选中需要的HTML文件:llt.htm,单击“打开”按钮,然后单击“ok”按钮,Fireworks 3转换成的HTML格式文件就被插入到Dreamweaver 3中了。

///pc/homepage/fwjch/img/fire4026.gif" width="486" height="118" alt="Insert Fireworks HTML对话框">

图1 Insert Fireworks HTML对话框

  网页中常用的图片格式不外乎GIF、JPG、PNG,由于Dreamweaver无法编辑这类图片,我们可以调用Fireworks 3来修改网页中的图片,当然我们应当首先将Fireworks 3设置为Dreamweaver的外部编辑器,具体步骤如下:

  选取菜单指令“Edit\Preferences”,然后在“Category”清单中选择GIF、JPG、PNG,发现它们的主外部编辑器为:iexplore,我们选择Fireworks 3,然后单击“Make Primary”按钮,Fireworks 3就设置成了主外部编辑器。 (如图2)

///pc/homepage/fwjch/img/fire4028.gif" width="549" height="385" alt="Preferences对话框 ">

图2 Preferences对话框

  下面就来使用Fireworks 3编辑Dreamweaver中的图片,单击想要编辑的图片,然后单击“Properties(属性)”面板中的“Edit”按钮,弹出“Find Source”对话框,我们单击“No”,图片就在Fireworks 3中打开了。(如图3)

///pc/homepage/fwjch/img/fire4029.gif" width="521" height="312" alt="编辑图片">

图3 编辑图片

我们选择菜单指令“Xtras\Blur\Gaussian Blur”,弹出“Gaussian Blur”对话框,我们将“Blur Radius(模糊半径)”适当地调整一下,单击“ok”按钮,图片就被模糊化了(如图4)

///pc/homepage/fwjch/img/fire4031.gif" width="500" height="269" alt="图片模糊效果">

图4 图片模糊效果

然后选择菜单指令“File\Update”;切换回Dreamweaver中,我们就发现图片已经被自动更新了。(如图5)

///pc/homepage/fwjch/img/fire4034.gif" width="242" height="163" alt="图片的更新">

图5 图片的更新

  我们在Dreamweaver中还可以不打开Fireworks 3,就执行它的最佳化功能,首先选择菜单指令“Commands\Optimize Image in Fireworks”,单击“Find Source”对话框中“No”按钮,弹出Fireworks 3 的“Optimize”窗口,我们将图片的压缩比调到50,这样图片就小了许多,单击“Update”按钮,Dreamweaver中的图片就变成了另外一副样子。(如图6)

///pc/homepage/fwjch/img/fire4035.gif" width="488" height="159" alt="50%压缩比的画质">

图6 50%压缩比的画质

二、 与FrontPage 2000的结合

  我们同样可以将Fireworks 3文件转存为适合FrontPage 2000的HTML文件,只需在转存文件时,将“Style”选项选为FrontPage即可。

  将Fireworks 3转存的HTML格式文件插入到FrontPage 2000也十分简单,首先选好插入点,然后选择“插入\文件”,在弹出的“选择文件”窗口选择我们需要的文件,单击“打开”按钮即可。

上一节 下一节

 

/pc/bin/msg.pl?file_id=k_Fireworks04 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

 

网页制作 网页设计 网站建设 网站设计 网站制作 做网站 做网页