gggds 发表于 2009-12-27 13:59:27

译:使用FWMX创建站点范例 (5-5)

第四阶段:建立网页 原文见:http://www.computerarts.co.uk/tutorials/type/stage.ASP?id=32685&stage=9&page=0

http://www.7dn.cn/Article/UploadFiles/2003112322514734.jpg

1.我们的意图是使用FW组建一个页面范本。 因此我们很快地使用绘图工具完成了装饰把。 圆角是由圆角矩形画出然后用小刀工具切割的。

http://www.7dn.cn/Article/UploadFiles/2003112322515580.jpg

2.这些角片可以在设计中以转变成元件的方式重复使用。 每当有一个新的圆角要求, 它就可以方便地从库中提取并拖放到相同颜色的矩形边缘。

http://www.7dn.cn/Article/UploadFiles/2003112322515621.jpg

3.我们的目的是创建展示用的页面。 我们初步建立了页面的表单输入框; 不过,这是个选项。 Fireworks MX 允许你以HTML重置切片。 首先选择你要重置的区域, 使用Edit>Insert>Slice将它转换成切片。

http://www.7dn.cn/Article/UploadFiles/2003112322515360.jpg

4.在属性检查面版的\"Type\"下拉菜单选择HTML。 然后贴上所要求的HTML。 你能够在Dreamweaver编写代码并直接拷贝到电脑暂存区。 尽管在我们的例子中, 只是使用绘图工具模拟了一下。

http://www.7dn.cn/Article/UploadFiles/2003112322515371.jpg

5.内容部分在我们的例子中放置了简单的文本和位图。 再次声明, FW有能力在此版块直接插入HTML。 覆盖于此内容版块的矩形转换成了切片。

http://www.7dn.cn/Article/UploadFiles/2003112322515797.jpg

6.以范例展示此FW文件, 到文件右上方快速输出按钮, 在菜单上选择使用浏览器预览。 当网页展示在你的浏览器上时, 出现的弹出菜单和翻转按钮 即是互动和动画元素。
*《使用 Fireworks MX 创建站点范例》翻译完毕,谢谢观赏。*
页: [1]
查看完整版本: 译:使用FWMX创建站点范例 (5-5)