用WebStyle轻松制作网页图像
网络与通信
Xara公司近日发布了最新版的网页图像制作工具WebStyle2.1,它可以利用修改现成的矢量图模板来轻松创建按钮、标题、背景、页面分隔线等图像,也能够独立制作出鼠标感应的导航条、动画banner、三维标题等网页上常用的各种图像。使用新版本WebStyle制作的网页图像能够更容易添加到页面上,任何人都可以用它做出漂亮的Web图形。
一、下载与安装
我们可以到http://www.newhua.com/webstyle.htm去下载它的最新版本WebStyle2.1,这是一款共享软件,大小有5263KB。然后进行在线安装,在安装过程中该软件会提示你下载两个插件(FrontPage插件和DreamWeaver插件),使用这两个插件以后,会在FrontPage或DreamWeaver的菜单栏上增加一个“Insert Webstyle Object”的菜单项,点击以后就可以启动WebStyle,当我们在WebStyle中制作和保存了网页图像以后,就可以正确插入到网页中,单击“下载”完成安装任务。
二、软件使用
下面让我们来看看如何使用WebStyle制作Web图形,这里以DreamWeaver为例,WebStyle安装完毕以后打开DreamWeaver,你会发现在对象属性菜单上多出了“Insert Webstyle Object”菜单项((图1)),点击它,系统会自动打开WebStyle。

启动WebStyle后,由于笔者还未来得及注册,会出现一个提示窗口,单击第二个选项运行,我们将看到一个很酷并且有很多选项的界面,包括:BannerAds、Logos、Dividers、3Dheadings、Headings、Backgrounds、Bullets、Buttons等10个选项,选择你需要的选项,例如BannerAds。
1.点击BannerAds按钮可以进入Designs选项,你会看到已经有很多各种各样的图案供你选择((图2)),选择一个合适的样式即可进行修改。

2.在Text选项中,输入文字(可以是中文),在右侧“Font”下拉列框中点击选择字体,根据喜好选择B(粗体)或I(斜体),并设置字体的大小。
3.在Color选项中,设定Backgroud Color(背景颜色),Text Color(文字颜色)和Shadow Color(阴影颜色)三种基本的颜色和Button Color(按钮颜色)、Indicator Color(指示颜色)作辅助颜色。如你觉得这些颜色不够用,可以点击右下角的Advance按钮,通过调节R、G、B数值来进行精确配色。在这里由于你选择样式的不同,会有不同的颜色选项供调节。
4.在Texture选项中,可以选择Background (背景)采用何种材质作填充图案,“Plain”是无背景格式。
5.在Graphic Size选项中,可以选择图像的宽度和高度,或调节按钮的宽度和高度以达到理想尺寸。
6.做完后选择Save选项,可以选择保存当前操作,再选保存质量(效果越好,文件越大)。
7.选择“save graphic...”,然后为图片起名,并将它保存在你希望的文件目录里。然后选择“Save & Exit”。退出Webstyle。
8.系统自动回到DeamWeaver编辑界面中。
怎么样,我们自己制作的Banner已经自动插入到你的网页中了((图3))。

如果不满意的话你还可以修改,有了WebStyle,做网页图形,就是这么简单!