在网页上欣赏到360度的全景照片是一件很有趣的事，不要担心制作过程会很复杂，我们在这里介绍一种最简单的方法，同样可以达到效果，学起来很容易，只要会一点点html和css的基本语法就足够了。

　　先看看效果，如下所示：

　　注意：这个效果只有用IE浏览器才能看到。下面我们来看看整个的制作过程：

　　第一步：准备一张全景图片。

　　您可以自己拍也可以从网上下载。当然如果您摄影技术足够高的话我还是建议你自己拍一张（题材如家庭居室的全景等），这样显得更加生动一些；如果你和我一样是个摄影菜鸟，那么还是在网上找一幅吧，如果也不是那么好找，我这里提供给你两幅照片：

　　前者是一个棒球场的全景，后者是一个办公室的全景，图片名称分别是yl-020315-3d.jpg和yl-020315-3d2.jpg。

　　第二步：做一个表格存放图片

　　用Dreamweaver等网页制作软件做一个1行2列的表格，以便在左边的单元格内放置滚动的文字说明，右边的单元格放置全景图片。在表格属性中作如下设置：border="0" cellspacing="0" cellpadding="0" height="150" width="220"，注意高度和所选的全景图片一致；左侧单元格宽度为20，右侧为200；为表格做个边框，我们可以利用css定义：style="border:#333366 3 double"，即边框颜色采用#333366，宽度为3，线形为双线。
　　然后我们再给两个单元格中间设置分界线，即对左侧单元格使用样式：style="border-right:#333366 3 double"，颜色线型和表格外框一致；接着将左侧单元格的背景色设置为#333366，把右侧单元格的背景设置为yl-020315-3d.jpg，即作成如下模样：

　　第三步：使全景图片移动