1、点击进入到制作工具的guan 网，点击注册登录。（如图二所示）3/6 登录上guan 网以后，在页面中移动鼠标到“H5管理”，出现两个选项，点击“新建H5”。
10年积累的网站制作、成都做网站经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有新城免费网站建设让你可以放心的选择与我们合作。
2、找到h5制作平台 现在网络上有很多h5制作平台，我们要做的是寻找到有实力的平台，然后进入平台注册账号，再登陆网站。
3、找专业h5制作设计公司 如果企业想要通过h5页面，做一次很重要活动推广，那建议h5制作找专业制作设计公司。
4、和网站侧边栏导航，在页脚加一个返回顶部的按钮也很好。但是，太多指向同一目标的途径会降低可用性。我们在网站初建好后去坐下测试，看看网站能否被迅速使用。此外，使用nicebox可以完成H5响应式网站的制作。
5、HTML5制作响应式网页，首先需要考虑是全平台适配还是只是移动端适配。这里以移动端响应式网站为例，讲述如何制作响应式网页。选定基本设计尺寸，一般以1080为基准。
首先，我们创建一个移动APP项目，然后，添加一个index.html页面。代码里，添加一个图标，以及添加引入一个JS文件，该文件的作用在于：请求后台JS文件。接下来，我们看看service.js文件是如何请求后台JS文件的。
在画布元素canvas中绘制，这是很多h5游戏引擎实现动画的方法，可以去学习一个h5的游戏引擎。还有一个是矢量图方式，svg代码，用代码控制svg元素也可以完成很好的动画效果，像djs这样的图表引擎便使用svg进行绘制。
做一个逐帧动画必不可缺的就是需要一张等间距的“动画分解逐帧图片.png”，之后我们就可以通过修改 background-position 来完成一个“逐帧动画”。当然我们也可以通过设置特殊的图片，来完成一些特殊的效果。
找到h5制作平台 现在网络上有很多h5制作平台，我们要做的是寻找到有实力的平台，然后进入平台注册账号，再登陆网站。
确定需求：首先，要明确制作H5的目的和需求，确定要传达的信息、所要展示的内容和交互效果等。规划结构：根据需求，设计网页的整体结构和布局。可以使用工具如Axure、Sketch等进行原型设计，或直接在纸上绘制草图。
选择合适的h5模板 目前网上有很多在线微信h5页面制作平台，常见有秀米、易企秀、兔展等。选择你自己觉得靠谱的平台注册一个账号，建议选择那种有模板提供的平台注册账号，这会为后面节省不少事情。
左右框架型布局 这类网站主要由左边栏和内容区组成，组成比较简洁，主要用于精彩内容的呈现，主要是很多个人站点、博客的首选。
如果你会html、css可以直接写代码，最方便的是用网上的js插件，有很多很炫酷的插件。
了解什么是”自适应网页设计”自从2010年，Ethan Marcotte提出了 “自适应网页设计”(Responsive Web Design)这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。
如果你是指手机端的H5页面的话，可以直接在iH5之类的网站上生成，不需要编写代码，而且效果还挺炫酷，这个工作一般由UI设计师完成。
制作工具的话，可以选择意派Epub360，该工具的编辑页面功能按钮设计简洁明了，DIY程度较高，不需要自己敲代码，只需要确定好H5创意设计和页面布局，然后再在编辑器内通过添加图文音乐、设置动画特效等等步骤，一步步去实现就行了。
页面布局是用HTML来实现的，CSS只是添加样式，网站提倡的结构和样式相分离就是这个意思。HTML实现的是骨架，css可以说是实现了装饰。
1、无需担心，因为这在我们自己的掌控之下，确认警告，点击是，然后双击打开我们自己的第一个html网页，就可以看到一个最简单的html网页了。
2、首先，在计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档。然后双击打开带有记事本的文本文档，如下图所示，我们编写一个简单的html代码。单击“另存为”的功能选项，显示默认保存为编码为ANSI。
3、在我们的windows操作系统中，桌面上鼠标右键新建一个txt文本，并命名为最简单网页，只是便于标识，实际上并不影响我们的操作。注意我们需要提前在文件属性中把扩展名显示出来。