如果你有制作传统印刷图像的基础，那学起网页图片制作来会很容易。但请注意：由于网络带宽、网页图片格式等条件的限制，使得网页图片的制作有自己的一套规则，现在有不少国内公司的网页均在不同程度上违反了这些规则，其页面效果实在不敢恭维。下面这篇文章会让你了解这些规则：
   怎样将一张图片放到网页中？

　　正如你已经知道的，网页上不但可以放文本，而且可以放图片。要在网页上显示图片很简单，但是有几个地方，如果你不注意，或没有意识到的话，你的网站会被当作新手网站。
　　 1 、怎样将一张图片放到网页中？
　　将图片放入网页，要使用 IMG （ image ，图片）标记，它最简单的格式是： < IMG SRC="images/tree.gif"> 。这里的 SRC （ source ，资源）属性，用于指定图片的名称和路径。就象 A （ anchor ，链接）标记中的 HREF 一样，在 SRC 属性中必须指明图片文件的路径，该路径可以是绝对路径，也可以是相对路径。绝对路径指图片文件完整的 URL 地址，例如：
　　 < IMG SRC="http://www.mynet.com/images/tree.gif">
　　而相对路径是指有 IMG 标记的网页到其中图片文件的路径。例如：
　　 < IMG SRC="images/tree.gif">
　　上面这个例子说明，图片文件“ tree.gif ”在“ images ”的目录中。为便于管理，一般网站建立者，都将图片放在一个专门的目录中，通常称为“ images ”，当然，你也可以取其他任何名字。本例中，只有当“ images ”目录在网页所在目录之下时，才能正常显示，如果网页和图片文件分别在同层次的两个不同目录中，那么标记应改为：
　　 < IMG SRC="/images/tree.gif">
　　如果因找不到图片，或其它什么原因，图片无法显示，你会看到一个小图标，使用 Netscape 浏览器的人，还会从中看到“ broken image ”字样，而使用 IE 浏览器的，会看到“ X ”形状。遇到这种情况，一种可能是 IMG 标记中，指定的图片文件路径有误，改为绝对路径，看看能否正确显示。不过，一般还是应尽量使用相对路径，以缩短图片的装载时间。
　　为便于解读， HTML 文件中的标签和属性名称可以用大写，至于你到底用大写还是小写，这并没有多大关系。但是，对于文件名的大小写，就要特别注意了。很多网页都是在 Windows 系统上设计的，但是放这些网页文件的 Web 服务器，一般是运行于 Unix 下。 Windows 和 Unix 对文件名大小写的处理是不同的，前者没有区别，而后者却非常敏感，文件名相同，但大小写不一样，它就当成是另一个文件，所以，一定要使标记中的文件名与实际文件名的写法相同，通常我们都使用小写。

业余网站的八大特征

　　 1 、杂乱的网页背景
　　这是新手最容易犯的毛病之一，他们喜欢用鲜艳的色彩或亮丽的图片，作为网页背景，其实，这往往弊大于利。
　　那么，网页背景设定为何种颜色最好呢？使用下面这个语句：
　　 < BODY bgcolor=white>
　　 　　没错！这只是个普通的白色背景，但它适合于很多场合，能够与页面上其他各种元素和谐搭配。想想 Yahoo 等名站，你就会明白。如果你真想有一个“特酷”的效果，那么，可以用黑色代替白色。当然，你也许能够举出使用其他颜色的成功网站。但它们很大程度上遵守了这样一个规则：选择的色彩符合网站主题。如明亮的色彩用于儿童网站、柔和的颜色用于商务网站等。
　　另外，不要使用图片背景。回想一下，在你浏览过的知名网站中，有多少使用图片背景的？几乎没有吧？其实，道理很简单，人们来到你的网站（尤其是商务网站），你希望他们读你的内容，还是欣赏漂亮的图片？况且这种背景还有一个缺点——减慢了网页装入速度。另外，不使用图片背景，也等于在向来访者表明：“我们以高质量的内容（产品或服务）取胜，而不是花哨的装饰”。你有这个自信吗？
　　如果坚持要使用图片背景，那么一定要使它很亮，以免它影响前面文字的阅读。为此，应该对每个网页进行测试。图片背景，可以由一张小图片重复拼合而成（也就是“平铺”），也可以是一张完整的大图片。但后者容易出现问题，尤其是使用框架的时候。如果访问者设定的显示分辨率，与你设计背景时使用的不同，网页显示就不正确。通常，使用更高分辨率的访客，会看到一张以上的背景图片，它们自动进行平铺，但拼图一般不完整。此外，这种图片在框架中，滚动屏幕时会出现滞留现象。
　　 2 、平庸纷乱的图形 　　刚接触网页设计，总喜欢在其中塞满漂亮的图片，这似乎是“人之常情”，然而，这正是专业网站的又一忌讳。
　　记住，只有在语言难于表达的地方，才使用图片，而且图片应该简洁，文件尺寸要尽量小。不要轻易用图片代替文本，如标题、导航栏等。的确， HTML 中的文本不是在各种浏览器中都能正确显示，但是如果使用层叠样式表（ CSS ），情况就要好得多。文本具有装载速度快的优势，不会出现象图片有时无法打开的问题，而且修改起来也更加方便。
　　 3 、别扭的框架 　　为便于浏览，有不少站点使用了框架。通常，在屏幕一侧或顶部建立导航区，浏览区滚动的时候，这里可以保持不动，这样，也许真给浏览带来了一些方便，但如不小心使用，它也可能给访客带来麻烦，使屏幕变得更加杂乱。同样，我们反观许多专业网站，使用框架的寥寥无几。
　　 4 、单调的直线型网页
　　在互联网出现初期，网页内容按直线布置。图片、文本、标题，都按垂直方向，依次向下放，这种长长的网页看起来就象议事日程。为了查看网页内容，你必须不时滚动屏幕，既单调又不方便。并不是那个时候的设计人员缺乏想象力——他们别无选择，因为早期的 HTML 不支持象报刊杂志一样的分栏。
　　从 HTML 2.0 开始，才引入了 TABLE 这个重要标记，设计人员终于可以对网页进行分栏布置，这样，既便于阅读，又能显示更多信息，还使页面效果更加美观，所以，现在大多数网站都使用了它。也许 TABLE 不是十分完美，但它可能是目前每个专业网页设计人员仍乐于使用的方法，花点时间认真学好它。

　　　 5 、先声夺人的计数器
　　可能很多人都有过这种感觉，突然进入一个网页，最先吸引注意力的是一个醒目的计数器。显然，这未免有些喧宾夺主。
　　监视和分析网站流量的确很重要。一些大型网站根据他们的服务器记录，分析、收集访客的各种信息。其实，有的软件也具有此功能，如 HitBOX Tracker Viewer 等，没有必要放这种既“抢镜头”又破坏视觉效果的玩意儿，何况有的“计数器”统计并不准确、科学。
　　 6 、“正在建设之中……”
　　不知你是否遇到过这种情况？点击某网站上一个链接，进入一个网页，里面除了显示“正在建设之中……”或“请稍后再来”，其它什么也没有。这种说法也许不够准确，因为也有的人还写上了更详细说明，甚至放上一张可爱的修路动画，但是，所有这些似乎只能说明一点“这是一个业余网站！”。
　　你见到过一本杂志或某部电视，中间出现一段“请等待，正在制作中”吗？网上冲浪者的注意力是很短暂的，很少有人对“请稍后再来”这样的事情感兴趣。遇到这种情况，真正以后再去那一页人少之又少。其实，明智的做法应该是，在主页中，说明网站将要添加的功能、内容、服务或产品等，而不是放一个毫无用处的链接。
　　另外，请注意，某些搜索引擎拒绝注册包含“正在建设”这类链接的网站。
　　 7 、多余的建议
　　进入有的网站，你往往可以看到这样两行小字：“强烈建议使用某某浏览器、某种分辨率浏览”。通常，你会按照它的意思，重新设定显示分辨率，并打开另一种浏览器吗？我想，你多半不会，是的，我也不会。那么，我们自己设计网页时，干嘛还要放这些无用而有碍观瞻的东西呢？
　　 8 、免费广告和其它垃圾 　　新手的站点总有不少破坏页面效果的垃圾——图档啦、按钮啦、图标啦、广告啦，让人眼花缭乱。你可知道，你放在网页上的每样东西，都会延长访客装载网页的时间？在目前我们“龟速”的信息高速公路上，你这样等于是在考验来者的耐性，很多人只好马上一走了之。我们认为，简洁就是一种很好的风格。
　　当然，你放的这些东西当中，某些可能会给你赚点钱，而有的对增大访问量有好处（如交换链接）。但是 Netscape 和 IE 图标有什么用呢？那些搜索引擎有什么用呢？如果一个链接，尤其是图片，不能真正为你赚钱或增加访问量，将它拿下！