当前页面位置: » 丰搜网 » 文档中心 » 详细内容
fireworks mx之旅：网页制作
fireworks、dreamweaver和flash被网页设计爱好者并称为“网页制作三剑客”，可见fw在网页制作上还是有很强的实力的，今天我们就来看看fwmx在网页制作上有哪些改进吧。
我们先准备一张很简单的图片，想要在此基础上加上一个pop菜单以及作一个网站的连接。
asp?p=/2006-5-8/941142nc210_1.gif" border="0" alt="fireworks mx之旅：网页制作" />
在左上角用文字工具写上了菜单的连接位置，选中，转换成slice切片，点击modify>pop-up menu>add pop-uo menu开始建立一个pop菜单。
asp?p=/2006-5-8/345622nc210_2.gif" border="0" alt="fireworks mx之旅：网页制作" />
在弹出的对话框中分别将相关选项填上，确定，一个简单实用的pop菜单就作好了。
asp?p=/2006-5-8/439072nc210_3.gif" border="0" alt="fireworks mx之旅：网页制作" />
asp?p=/2006-5-8/620102nc210_4.gif" border="0" alt="fireworks mx之旅：网页制作" />
asp?p=/2006-5-8/599532nc210_5.gif" border="0" alt="fireworks mx之旅：网页制作" />
asp?p=/2006-5-8/344342nc210_6.gif" border="0" alt="fireworks mx之旅：网页制作" />
这时图片上已经被切成了５个部分，选中文字切片，出现了菜单的位置。我们还可以直接用鼠标移动这个菜单出现的位置。
asp?p=/2006-5-8/113202nc210_7.gif" border="0" alt="fireworks mx之旅：网页制作" /> asp?p=/2006-5-8/475812nc210_8.gif" border="0" alt="fireworks mx之旅：网页制作" />
接着在图片的右下角写上我的网站的地址，选中，将其作成一个hotspot，在properties面板中填好网站连接地址、注释等等。
asp?p=/2006-5-8/155842nc210_9.gif" border="0" alt="fireworks mx之旅：网页制作" />
接着导出成html，一个简单的叶子就作好了。
asp?p=/2006-5-8/65916nc210_10.gif" border="0" alt="fireworks mx之旅：网页制作" />
fwmx还增加了一个新的功能：将
html页面导入到一个png文件里。这样我们以后就不用担心png文件丢失了。
我也试着将刚才作好的那个叶子重新导入了一遍，发现确实很方便。
asp?p=/2006-5-8/41621nc210_11.gif" border="0" alt="fireworks mx之旅：网页制作" />
原文件
asp?p=/2006-5-8/42956nc210_12.gif" border="0" alt="fireworks mx之旅：网页制作" />
导入html后的png文件
fwmx在网页制作上的进步其实很大的。比如reconstitute table就是个很不错的方便功能，但是千万别把它作为抄袭的工具（当然也不是所有的叶子都能抄袭的）；pop菜单用fwmx做起来也很方便，但是还存在着定位的问题，需要手动改改代码。毕竟fireworks不是真正的网页制作工具，只是一个辅助工具。
