如何在网页中插入3d模型

首先需要安装一个Dreamweaver软件用于修改网页代码

在模版之家下载了如下图所示的一个网站，我们的目标是把3D模型插入到红框的位置。

打开渲染完成后的文件把红框中的两个文件复制到网站根目录

用Dreamweaver打开文件中的index.html（就是网站的首页）并点击红框位置的实时视图菜单（好找到要修改的位置以及实时看到效果）

在实时视图中点击下目标框体即可自动定位至要修改的目标代码

这时候我们用下列代码来替换目标位置的代码，代码中红色的部分需要根据自己的命名修改

不知道为什么直接贴代码无法显示只能用图片代替了，需要代码可以去下面的示例下载

修改完成后按下F12保存并预览，出现红框中的图案就表明成功了。

在图片范围内拖动鼠标即可进行互动展示了。

同样的方法修改掉另外两个位置后得到如下页面。

还可以通过手机查看也可以分享到微信朋友圈，只要支持HTML5的浏览器都能查看。。。

1、新建一个文档或者txt文档，修改后缀名为.html。如果对网页不是很熟悉，也可以上w3school复制一些网页基本标签过来，也可以自己写。

2、简答起见，只放一个标题叫【我的第一个浏览器下的倾斜摄影三维模型】。

3、进入到选择好的Wish3d平台作品页面，这个地址可以试任意一个，不一定是自己上传的。点击底部的嵌入到网页按钮。可自由勾选自己想要的控件，这里一个都不勾选，只显示三维模型。

4、黏贴上一步里d出对话框里的代码，到新建的网页里面。

5、在支持h5的浏览器下打开，查看效果，至此已完成嵌入倾斜摄影模型到自己的网页当中。

---