UltraEdit

UltraEdit中文网 > 使用技巧 > 使用UltraEdit制作网页进阶教程之色彩篇

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

发布时间:2022/01/12 14:38:42

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

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

一、HTML中色彩的表示

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

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

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

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

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

英文表示
图1:英文表示
rgb表示和十六进制表示
图2:rgb表示和十六进制表示

二、背景色彩

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

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

背景设置完成
图3:背景设置完成

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

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

插入前
图4:插入前
插入后
图5:插入后

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

三、前景色彩

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

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

前景设置完成
图6:前景设置完成

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

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

可修改的内容
图7:可修改的内容

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

UltraEdit除了能制作网页之外还能完成很多其它的操作,欢迎前往UltraEdit中文网站下载软件试用

作者:零缘

标签:

UltraEdit 中文网站
功能强大的文本编辑器
立即购买
QQ 群
官方交流群: 立即加群
400-8765-888 kefu@makeding.com
热门文章
UltraEdit安装激活换机教程 如何生成脱机许可证
UltraEdit是深受编程人士喜爱的代码编辑器之一,简洁干净的工作界面,标配的语法高亮功能,代码折叠等高效编程功能,并且,还支持HTML、PHP和JavaScript等语法,让代码编辑、文档内容处理更加方便。
2021-10-12
UltraEdit入门基础
UltraEdit是一款功能强大的、多平台的文本编辑器,也是多种程序语言的程序编辑器。UltraEdit界面简洁易用(界面与Word相似),图形化的工具栏有助于使用者迅速找到所需的工具。此外,UltraEdit可以处理复杂的软件开发项目,它的灵活性及易于自定义,非常适合程序开发人员和公司企业应用。
2020-12-29
如何使用UltraEdit的查找和替换功能
UltraEdit强大且易于使用,能查找到搜索大型日志文件,生成包含搜索字符串的所有行的列表,基于模式的查找和替换正则表达式支持,搜索列和选定文本,保存搜索收藏夹,替换单个文件或所有打开文件,显示和隐藏包含特定字符串的行,以及更多内容。如何运用这款专业、且容易上手的软件进行查找和替换,是我们今天要为大家解答的问题。在本篇文章中,将使用UltraEdit这款Windows软件,进行查找和替换过程的讲解。
2021-03-16
UltraEdit使用技巧之自定义用户界面
UltraEdit在默认的情况下,使用的是Ribbon功能区的页面布局模式。其特点是顶部菜单栏中的选项会以水平的方式,平铺展开在顶部菜单栏中。但对于比较习惯使用工具栏式(竖向菜单)布局模式的用户来说,使用起来会显得不够便捷。那么,是否可以更改UltraEdit的默认布局模式呢?答案是肯定的,除了总体的布局模式外,用户还可以对工具栏、主题等进行更改。
2020-09-18
巧用UltraEdit查找功能实现批量查找(上)
UltraEdit作为一款专业、使用便捷的代码编辑器,提供了多项便于编码人员操作的功能。而其中的查找功能,能帮助用户快速、批量地找到对应的关键词进行编辑处理。其查找功能中,包含了文本查找以及文件查找功能。
2020-09-18
UltraEdit文本编辑器怎么自动换行
UltraEdit文本编辑器的功能强大,操作简单,可编辑4GB以上的超大型文档,同时它的界面美观,还能自由更换主题,满足你的个性化需求。本篇教程将向大家介绍,如何开启UltraEdit文本编辑器的自动换行功能,一起来看看吧。
2021-01-28