如何制作网页中的图像内容

网页制作的内容往往是通过文字或者图像呈现出来，对人而言图像信息是感性的，不同于单调的文字，也更容易获取信息。所以制作网页时图像处理是避不开的，即使有点麻烦还是得处理。不过使用UltraEdit是可以大大简化图像处理的基础操作的，在制作网页过程中可谓帮助不小。

本文章主要介绍使用UltraEdit制作网页过程中图像处理的基本操作，希望能帮助到你。

一、HTML中图像的描述

不知道你是否有这样的疑问：制作网页时图像是靠什么描述的呢？也即编写代码时如何用代码描述图像呢？

其实图像是靠路径描述的，也即存放该图像的文件路径，HTML描述的是在哪存放，在哪能获得图像的信息，并不是说将图像内容直接放入代码中。

普通情况下获得图像的路径挺麻烦的，但使用UltraEdit几步就能完成。在UltraEdit中我们点击“打开文件”，找到待获取的图像然后打开。

图1：打开图像

UltraEdit是文本代码编辑器，用它打开图像显然不合适，打开的图像信息也确实出现乱码的情况，但不影响我们接下来的步骤，我们不过是借用UltraEdit来获取图像的路径，并不是去操作图像。打开图像后点击“主页”、“复制文件路径/名称”，之后该图像的路径就会保存在剪贴板中。

图2：获取图像路径

我们来到需使用图像的地方右击粘贴就能完成图像路径的插入。

图3：图像路径插入

将图像上传到网络后可以使用该图像的网址作为路径，这也是最普遍的用法，毕竟自己计算机中的图像别人无法获取，不如此的话在别的电脑打开这个网页就会看不见图像。

二、图像的使用

获得图像路径后并不是可以直接使用的，它需要一个固定的框架来承载，而这个框架UltraEdit已经帮我们准备好了。使用时点击对应功能的图标，它会生成框架代码，我们只需插入图像的路径信息就完成了，可以说特别方便。

图4：图像使用框架代码插入

图5：插入图像路径后

如此该图像便能显示出来。

图6：图像显示

三、背景图像设定

图像除了单独使用外还能用作背景，作背景时可以在图像上配文字或者再加其它图像，单独使用时不具备这些功能，因此两者的设定方式是不同的。

图像作背景时需要一个窗体（div）来承载，即设定窗体的背景时用图像就可以了,我们调用“样式编辑器”来完成，过程中依旧会用到图像路径。

图7：相关设定

图8：完成插入的代码

可见的如图9的效果，可以在图像上配文字，图像背景制作完成。

图9：图配文

以上便是使用UltraEdit制作网页时相关的图像操作。

总而言之，使用UltraEdit制作网页还是挺方便的，很多框架代码用起来很顺心，制作效率也得到很大的提升。