1、构思：一张大图片、一张小图片要形成什么意境，要事先构思好。
2、获取图片地址：如果自己上传，完成后点显示源代码，复制图片地址备用。如果是网上现有图片，右击点“属性”，复制图片地址备用。注意记住图片的宽和高。
3、进入编辑：进入自己的网站或博客后台，并使编辑器处于代码编辑状态。贴入代码：
<TABLE width=650 background=大图地址 height=488>
<TBODY>
<TR>
<TD>
<P><IMG style="MARGIN: 0px 0px 300px 300px" src="小图地址">
</P></TR></TBODY></TABLE>
4、修改代码：将第二步中获取的图片地址分别添加到本文第三步相应位置，并修改宽（width）和高（height）。
5、调整小图片位置：这是制作的关键代码：MARGIN: 0px 0px 300px 300px调整上边的值，就可实现定位。
6、修饰：还可对整体进行修饰。例如加边框，会有立体感。加入代码“border=10”即可（10可以调整）。
1、首先，您需要创建一个html。
2、同时，您需要创建一个CSS文档。
3、CSS文档的后缀名必须为CSS，比如我们创建一个index.css文档。这一点很重要。
4、引入CSS文档。HTML里就可以移动图片位置，方法很简单。
。
<img src="ad-02.jpg" width="400px" height="200px" style="position:absolute left:100px top:100px ">修改left 和top的值。
<html>
<head>
<style type="text/css"> <! 设置图片的属性>
img{
position:absolute <! 绝对位移>
left:300px
top:150px
<! width="1000px"这里设置图片宽度，但是并没有成功>
<! height="400px"这里设置图片高度， 但是并没有成功 建议使用下面的方法来调增宽度>
} <! 图像的属性，包括位置，x,y方向的坐标 >
</style>
</head>
<body>
<img src="./fan.jpg" width="800" height="800" /> <! 这里的图片路径我放在网页的当前目录>
</body>
如果想固定字体在网页中的位子可以用如下标签：
<font color="#660000" size="6" style='position:absoluteleft:300top:200'>******</font>
以上红色部分是注释！
