教你如何制作一个炫酷H5

今天小编要说的是教你如何制作一个炫酷的H5，一定会有朋友说，H5超级难得，看都看不懂怎么做啊？小编教的是速成办法，只有你拥有一点基础跟智商就能够做到。

首先的准备工作是需要下一个Dreamweaver，什么版本都可以，只要能打开代码就行了。

1、复制H5用网页打开，然后按F12。（小编示例是用的360浏览器打开的。）

2、看到右边画红色框的Resources，点击一下，然后再展开Frames，再展开Images，便会看到很多图片，这些图片就是H5里所使用的图片。

3、选中一个图片，复制右边画红色框的链接，在新的页面打开并复制保存到一个新建的桌面文件夹中。

4、选中小编画红色框的index.php，右键保存到步骤3中的文件夹中，index是主页的意思。

5、把所有能展开的选项全部展开并且全部复制保存到桌面的文件夹中。

6、全部复制完后，打开Dreamweaver。

7、把文件夹中的index.php拖进Dreamweaver中打开，然后便可以按照你所需要的修改，画红色框的“味道，梦· 想家”是H5的标题，下面的css是样式路径，按照你文件夹中的位置修改。

8、文字内容是H5中会显示出来的内容，按照自己需要的修改。

9、内容全部修改完成后，到了最后会有一个完整的链接，修改成自己网站服务器的链接与名字，然后保存，上传到服务器中。

10、按照自己上面修改的新链接地址打开，就可以看到自己制作的H5啦，是不是很简单？

说在最后的话：

在如今H5成为新的宣传方式之后，越来越多的新奇的H5纷纷现世，应接不暇，我们在制作的过程中也一定要去理解并学习这些方式，然后转化为自己的，希望大家能早日制作出属于自己的H5。

今天的文章到此结束了，想知道更多请关注我们的公众号“kelegeji”，请大家多多包涵，多多指教。我们的官方网站是http://www.kelgj.com，论坛地址：http://bbs.kelgj.com，纯供技术交流，大神可以来支教，小白可以来求助，做技术，我们是认真的！