怎么制作手机网页 如何制作一个手机html页面

这个还用说，其实道理和PC端网站是一样的道理。因为现在用户慢慢转向移动端，所以拥有一个移动网站也是很必要的。

其实自助建站自己做网站都是不成问题了，不管你懂不懂代码，都可以做的。

首先，注册一个凡科帐号，这是开始建站的第一步

第二，登录帐号后，会有建站、互动、微传单三块，一个帐号都可以用，你选择“网站建设”这一块；

第三，进入后台之后，选择自己喜欢的手机网站模板。

第四,就可以开始设计自己的网站，排版、栏目、文字、等设计。第五，无论是否完全做好，先保存，再退出。第六，网站做好后，可以为网站添加需要的功能，拖拽就可以实现添加。

方法一般有两种：1是在文件夹里找到你需要设置为墙纸的的，然后在这个的详细设置里把设置为墙纸。2是进入手机的“设置”-“手机设置”-“常规”中设置，不同手机可能会有差异。下次希望附上详细的手机型号。如果是S60机直接可以找我一对一提问。

1、学html5，然后自己编程，如果有html的基础，其实不会太难；
2、去html5页面制作平台，如vxplo、wix、makaim都可以做html5的手机页面，不过wix现在没有中文网站；vxplo功能很齐全，但同时 *** 作很复杂，一般人不会使用；makaim通过模板组合、添加图文的方式制作，适合刚入门的同学。

用Axure的话是要经过时间积累才可以做到快速的，比如创建元件库，载入元件库，元件库分组，编辑制作。等到这些准备都做好了，就能够做很快了。
但是新手的话，还是建议使用一些平台工具。因为平台上现在都可以根据手机型号来确定画布尺寸，集成的icon，还带样机高保真的演示这些，学习成本低。
我个人用的是摹客这个平台，它官网还有大量的模板和元件库，都可以直接保存到项目里使用，尤其是我们平时快速开发的是时候，根据程序类型去找模板，然后直接套用，在具体的需求细节上面小改动一下就能用了，就非常快，你可以去试试。
希望能对你有帮助哦～

进入浏览器或者软件商店下载魔秀主题APP，把它安装在自己的手机里。
进入APP，点击左上角的图标，在点击图标下的做主题选项。
点击页面中间的开始设计我的主题，会自动进入手机浏览器的页面。
点击选壁纸。可以选择点击上传自己喜欢的进行制作，也可以选择在线的壁纸进行制作，选择好后点击下一步。
点击美图标。就是选择桌面应用的图标样式，页面下方有较多的图标样式可供选择，
点看效果。亲手制作的主题起一个美美地名字，设置一下其他人可不可以看，点击生成主题，一个主题就做好啦！
手机主题由很多组成，包括背景和其他一些图标，可以把背景和图标弄在一个系列的文件。
手机主题特点类似 Windows的主题，手机用户通过下载某个自己喜欢的手机主题程序就可以一次设定好相应的待机、屏幕保护程序、 铃声以及 *** 作界面和图标等内容，使用户可以更快捷方便的将自己心爱的手机实现个性化。根据主题的不同，用户在使用手机时感觉身历其境，不再只是面对一成不变手机 *** 作界面、和色彩。
手机主题其实就是由很多组成，包括背景的也包括其他一些图标，可以把背景和图标弄在一个系列的文件，并且安装非常简单方便。
有些智能手机的主题里，还包括各种音效的设置，比如短信铃声，电话铃声，比如Windows Mobile还支持屏幕的插件使用，效果很酷。
手机上的璧纸 和待机究竟有什么区别 还有就是手机主题 壁纸，就是指你手机的背景，拿3250的机器为例，其实是指导航栏下面到 下方选项 中间的那一块 待机指手机放在那里一段时间不用后显示的。
不同品牌手机的主题一般不通用，所以各大手机厂商纷纷推出自己的 手机应用商店，来满足手机用户装饰自己手机的需求。

HTML5页面制作工具，大体分为两类：基于HTML5的网站工具和手机APP工具（当然还有一些其他的，例如基于微信公众号的等，下面也会介绍）。

先总的说一下个人感受

1基于HTML5的工具网站：功能较强大，单页面的 *** 作性较强，可完成各种页面交互效果；但是某些时候会有 *** 作“失灵”的现象，如上传失败，点击保存失败，生成失败等。原因你懂得~

2手机工具APP：相比起工具网站来讲，显得比较顺手，有大量模板套用，制作简单快捷；但是拘泥于现有的模板，使得单页面不会有较大的可 *** 作空间，从而无法实现DIY交互效果。

下面展开说下每个使用过的工具吧

基于HTML5的工具网站：

兔展

优点：页面DIY程度较高，动效实现起来也简易方便，可制作比较任性的H5页面。

缺点：屏幕界面大小不可调节，上传的图会比例失调；生成后到各尺寸屏上页面会存在拉伸现象。

（此图意在说明上传的的尺寸都是网站自己默认的一个尺寸，不是本身的尺寸，不利于使用者调整）

MAKAim可以具体编辑，单页 *** 作性较高，有新手（有模板）和高阶（无模板）两种编辑模式；翻页效果比兔展多，模板也更强大一些。

居高互动刊

优点：最简单易上手的工具之一，根据提示一步一步的添加，共4步，最后生成微杂志。相比其他在线工具，较稳定。

缺点：目前没试通制作单页上的交互效果，没找到开启pro功能的入口。

ANIMATRON

优点：像flash的在线版，功能强大，可以创建HTML5动画。适合有动画基础的人做演示制作。

缺点：需要动画制作基础；工作界面响应时间长；貌似只能分享到twitter、Facebook、google+、tumblr

iSpring7

噱头是PPT转HTML5工具，完美与PPT兼容，可制作Html5移动课件。

不过，目前我只能连着***再用Safari才能打开网站链接。

秀制作

优点：版式轻松，制作快捷，宽带稳定。

缺点：对和文字在各种屏幕上的显示没有做很好的适配；不能对模板中文字的编辑调整位置。

手机工具APP：

初页

优点：模板质量高，套用模板编辑时效率高， *** 作简单快捷，效果和体验在制作H5页面的APP工具里面算是出类拔萃。

缺点：单页面可 *** 作性较低，仅支持套用模板。

快邀约快速制作邀请函

优点：易上手，省时高效，便于统计。

缺点：页面简陋，只能选择固有模板创建文字和添加。

易企秀中小微企业的移动场景营销管家

优点：套用模板，创建快捷，用来做企业介绍、产品推荐。拥有强大的推广统计、客户管理功能。嗯，这里应该赞一个。

缺点：只能用模板，DIY程度低；统计数据是否准确需要进一步确认，目前看来可能有遗漏数据的现象（在小范围测试中，统计到的数量小于应有的数量）。

微贴：通过微信公众号创建H5页面

优点：手机公众号内直接创建简单页面，根据提示创建即可，无脑方便快捷。

总结

工具网站做的H5页面，多注重单独页面的自定义交互方案，DIY程度高，相对来说用时较长，又受制于带宽因素，故影响 *** 作；

工具APP做的H5页面，多注重效率，目前都是套用模板，因而对单页面的DIY程度较低，交互效果受限。

---