Fireworks教程：切割导图做漂亮网页

让我阐述一个事实，并非只有Photoshop才能制作出令人惊艳的网页设计。确实，Fireworks同样可以胜任这一任务，只要你有决心和热情。让我们欣赏一个狼蚁网站的SEO优化实例，其网页设计将作为我们的讨论焦点。

让我们先睹为快，欣赏其最终效果。

关于网页设计的布局，其重要性不言而喻。我们需明确一般网页制作的大小标准。高度并没有固定值，因为每个人的浏览器工具栏都可能因插件而占用大量空间，因此高度是一个相对灵活的值。但宽度却有一个明确的指导原则。

在IE6.0环境下，宽度为显示器分辨率减去21。例如，在1024的分辨率下，宽度应为1003。但值得注意的是，IE6.0及以下版本无论网页多高都会在右侧显示滚动条框。而在Firefox下，宽度应为显示器分辨率减去19；在Opear下，则为显示器分辨率减去23。在设定网页宽度时，我们必须考虑到这些差异。一般而言，如果是1024的分辨率，我们会将网页宽度设定为1000像素左右以确保兼容性。如果是800的分辨率，一般会设定为770像素左右。

在制作过程中，我会使用辅助线和标尺来确定大致的布局范围。特别地，针对我要制作的网站（目标是在1024分辨率下展示），我还会考虑到可能存在的800分辨率用户。我会将主要内容和菜单放置在770像素以内，而在770至1000像素之间放置一些辅助内容。这种布局方式在考虑用户体验的也兼顾了不同分辨率用户的需求。特别是在设计门户网站时，这一点尤为重要。

接下来，让我们开始工作。在绘制上部菜单部分时，其实相当简单。只需绘制一个方框和一个圆，然后进行组合并添加渐变效果即可。如下图的设置所示：使用Fireworks工具进行绘制和编辑，通过调整颜色、形状和布局来打造出吸引人的网页菜单。通过这种方式，你可以轻松地使用Fireworks完成网页设计工作，无论你的技能水平如何，只要有足够的耐心和创造力，你都可以创造出令人惊叹的网页作品！