使用UltraEdit制作网页进阶教程之色彩篇

我们所接触的网页大多是绚丽多彩的，较之于黑白图文，合适的色彩往往给人的感观更佳。但色彩种类繁多，记忆其信息是很困难的，制作网页过程中不得不边查色彩资料边写代码，特别费时。而UltraEdit并没有让我们失望，它的色彩获取及插入完全可以满足我们的需求。

本文章主要介绍使用UltraEdit制作网页时的色彩操作，希望能对你有所帮助。

一、HTML中色彩的表示

HTML中色彩的表达方式一共有三种。

第一种：英文单词表示，如blue、white、red之类的。但这种表示有一定的局限性，总有人的英语水平不太好加之我们也记不住那么多色彩，有的色彩用英语也不好表达，比如深紫色、深绿色等。

第二种：rgb函数表示色彩，rgb（数字x，数字y，数字z），其中x代表红颜色，y代表绿色，z代表蓝色。这三种颜色被称为三原色，我们可以通过调整函数中的数字来改变颜色，不过我们也不知道那个颜色该用那个数字来描述。

第三种：使用#000000这种形式表示，数据都是十六进制的数，前两位代表红，中间两位代表绿，后两位代表蓝，含义与rgb相同，并且获得对应颜色的数据也不容易。

值得庆幸的是UltraEdit提供这三种色彩的表示方法，调用起来很方便。

图1：英文表示

图2：rgb表示和十六进制表示

二、背景色彩

使用UltraEdit修改背景有两种方式。

一种是直接生成框架代码及颜色代码，可以说一步完成。

图3：背景设置完成

如图3所示，点击插入背景后会直接获得写好的窗体（div）代码及颜色代码。此过程忽略颜色的选取，取色的细节不做赘述，欢迎参考其它文章了解，此过程只讲解HTML相关的色彩操作。这种用法很方便，但因为框架固定，使用的范围有限。

第二种是调用“样式编辑器”，可以获得除框架之外的颜色代码，如此可以根据需求想往哪加就加到哪。

图4：插入前

图5：插入后

虽然任何可更改的区域都能添加，但框架代码需要自己写。

三、前景色彩

前景与背景调用的代码形式不同，背景色彩的标志词是background，前景色彩的则是color。前景可以理解为内容物的色彩，比如说蓝色背景的窗体里面显示红色字体，红色就是前景。

前景色彩同样也有两种设置方式。

图6：前景设置完成

调用“样式编辑器”的使用步骤与背景设定时相同，此处不再做细致讲解。

无论是背景还是前景，变更颜色时也不用全部替换，只需要修改后面表示颜色的内容即可。

图7：可修改的内容

以上便是使用UltraEdit制作网页的相关色彩操作。

UltraEdit除了能制作网页之外还能完成很多其它的操作。