网页制作Webstyle教程

来源：PConline 作者：赵本清出处：巧巧读书 2005-11-04 进入讨论组

　　1．软件介绍

　　现在越来越多的人开始制作主页，但一个主页除了要有良好的布局和快捷的信息外，其各种背景、按扭、颜色的搭配一直为网页设计者所头疼，他们需要找大量的素材，再用Photoshop等图象处理软件来制作，不但麻烦，而且效率、质量都难以保证。

现在向大家推荐Xara公司制作的Webstyle，它是一套完全针对网页设计者所制作的2Ｄ图形软件，它可以轻松制作普通文字图案，3D文字图案、背景、按扭、图标和分隔图案。其中内嵌相当多的模板，只要选择喜欢的图案并调整字体、颜色、大小、阴影、材质和主题即可轻松制作出一个个性化图案。

　　2．安装与使用

　　PConline软件下载：http://www8.pconline.com.cn/download/swdetail.phtml?id=5555

　　Webstyle（以下简称ＷＳ）压缩文件大小为2.6M，将下载的文件解压缩，安装完毕后运行，会弹出一个窗口，提示此软件是Demonstration Version（演示版），有15天的使用期限，并且该程序部分功能还不能使用，只有Dividers和Bullets图案可以拷贝、输出，如想得到完整版本，须付注册费用$79.95。如只想试用，就按Continue继续试用。一进入Ｗebstyle画面，就被其优雅的布局所吸引，里面没有其它程序那样繁琐的菜单，代替的是中间六个斜椭圆按扭来充当向导。当然软件制作的漂亮还不行，须有真材实料才能称得上好软件。点击任一个按扭，会发现里面素材模板相当多，每个模板图案都可以修改其中的任一元素，包括字体的颜色、背景图案的各线条花纹颜色等等，真是包罗万象。（见图1）

　　现举一例来介绍这个软件的使用方法：

　　1）点击Button按扭可以进入Style选项，你会看到已经有约50个各种各样的图案供你选择，选择一个合适的样式即可进行修改。如果没有你满意的，可以点击右边的More Designs按扭，选择Moretemplates目录，你会看到原来还有那么多的模板供你使用。（见图2）

　　2）在Text选项中，输入文字（可以是中文），点击选择字体，ＷＳ提供的英文字体很多，中文字体只能依赖于你机子里原来装了哪些字体（限于TrueType），根据喜好选择Ｂ（粗体）和Ｉ（斜体）。（见图3）

　　3）在Color选项中，由于选择图案样式的不同使得这里可供修改的元素种类也不同，不外乎Backgroud Color（背景颜色），Text Color（文字颜色）和Shadow Color（阴影颜色）三种基本的元素和Button Color（按扭颜色）、Indicator Color(指示颜色)作辅助元素。如想进行精确配色，可以点击右边的Advance按扭，通过调节Ｒ、Ｇ、Ｂ数值来获得满意颜色。（见图4）