手机网站的制作
有哪些不用编写代码就能轻松制作生成HTML5页面的工具
HTML5页面制作工具,大体分为两类:基于HTML5的网站工具和手机APP工具(当然还有一些其他的,例如基于微信公众号的等,下面也会介绍)。 先总的说一下个人感受1.基于HTML5的工具网站:功能较强大,单页面的操作性较强,可完成各种页面交互效果;但是某些时候会有操作“失灵”的现象,如上传图片失败,点击保存失败,生成失败等。原因你懂得~2.手机工具APP:相比起工具网站来讲,显得比较顺手,有大量模板套用,制作简单快捷;但是拘泥于现有的模板,使得单页面不会有较大的可操作空间,从而无法实现DIY交互效果。 下面展开说下每个使用过的工具吧基于HTML5的工具网站:【兔展】 优点:页面DIY程度较高,动效实现起来也简易方便,可制作比较任性的H5页面。缺点:屏幕界面大小不可调节,上传的图会比例失调;生成后到各尺寸屏上页面会存在拉伸现象。(此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸,不是图片本身的尺寸,不利于使用者调整)【MAKA.im】 可以具体编辑,单页操作性较高,有新手(有模板)和高阶(无模板)两种编辑模式;翻页效果比兔展多,模板也更强大一些。【居高互动刊】 优点:最简单易上手的工具之一,根据提示一步一步的添加,共4步,最后生成微杂志。相比其他在线工具,较稳定。缺点:目前没试通制作单页上的交互效果,没找到开启pro功能的入口。【ANIMATRON】 优点:像flash的在线版,功能强大,可以创建HTML5动画。适合有动画基础的人做演示制作。缺点:需要动画制作基础;工作界面响应时间长;貌似只能分享到twitter、Facebook、google+、tumblr?【iSpring 7】 噱头是PPT转HTML5工具,完美与PPT兼容,可制作Html5移动课件。不过,目前我只能连着VPN再用Safari才能打开网站链接。【秀制作】 优点:版式轻松,制作快捷,宽带稳定。缺点:对图片和文字在各种屏幕上的显示没有做很好的适配;不能对模板中文字的编辑调整位置。手机工具APP:【初页】优点:模板质量高,套用模板编辑时效率高,操作简单快捷,效果和体验在制作H5页面的APP工具里面算是出类拔萃。缺点:单页面可操作性较低,仅支持套用模板。【快邀约】快速制作邀请函优点:易上手,省时高效,便于统计。缺点:页面简陋,只能选择固有模板创建文字和添加图片。【易企秀】中小微企业的移动场景营销管家优点:套用模板,创建快捷,用来做企业介绍、产品推荐。拥有强大的推广统计、客户管理功能。嗯,这里应该赞一个。缺点:只能用模板,DIY程度低;统计数据是否准确需要进一步确认,目前看来可能有遗漏数据的现象(在小范围测试中,统计到的数量小于应有的数量)。【微贴】:通过微信公众号创建H5页面优点:手机公众号内直接创建简单页面,根据提示创建即可,无脑方便快捷。缺点:只是单页面展示,承载不了交互效果等特效和内容。 总结 工具网站做的H5页面,多注重单独页面的自定义交互方案,DIY程度高,相对来说用时较长,又受制于带宽因素,故影响操作;工具APP做的H5页面,多注重效率,目前都是套用模板,因而对单页面的DIY程度较低,交互效果受限。作为我个人而言,移动互联的新任PM,我平时常用到的是【MAKA】和【兔展】,这两个相对来说更适合半天时间来完成;如想快速制作展示页面就用【初页】,这个在功能效率与设计感方面更突出一些;组织活动、制作邀请函、分发活动通知等用【快邀约】;平时推广新产品、联络客户和招聘新人用【易企秀】。转载
我用HTML5做手机网页,如何设置字体大小以适合各种设备?
HTML5做手机网页所用的字体可以有2种单位:1)使用px 像素:使用14号字体即可2)使用em :随着屏幕大小而改变1em=16px如果只是做手机设备的话,完全可以使用px像素就可以了。不过不要使用12px 在手机上显示太小了,用户看不清楚。一般使用 14px 或 16px 。
做一个手机网站在用PS设计时的尺寸要多少才合适
320*640 640*480 480*800 800*600等等, 我之前做的手机网站用的是480*800的 ,作图的时候尺寸要求不是很严格,主要是切图的时候 宽度要自适应
dreamweaver能制作手机网页吗,就是制作wap网页
dreamweaver能够制作手机网页的。其实和pc端的网页差不多,只是不支持js代码。然后网页大小控制在400px左右。太大了不能完全展现。也可以设置为100%,按比例来做。这样能手机整屏显示 。1<meta name="viewport"content="width=device-width, initial-scale=1"/>添加一下这个代码吧,表示你的网页不能放大,只能按1:1显示 不会因为放大显示而,导致你的网页错位注意字体大小要稍微大一点。多用色块来展现。这个是一个案例,只是一部分截图。你可以多参考别人的设计
手机html网页和电脑上的html网页在制作上有什么区别
在工具上,手机版网页和电脑版网页没有什么区别,可以根据自己的喜好。我是喜欢用Dreamweaver的,而且Dreamweaver cs6有个多屏预览的功能,可以很方便的预览手机、平板、PC端的效果。不过Dreamweaver 挺大的,还有很多比较快比较好的编辑器,比如EditPlus,这还是看个人的习惯和喜好了。推荐一个编辑器sublime text,我自己觉得超好用。在代码方面的话:首先得加上这样的一行。设置宽度、高度、是否能够缩放。<meta name="viewport" content="width=device-width,inital-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=no">然后,主要是要考虑适配。比较好的是做到自适应。这个可以搜一下,我记得月光博客里面就有篇很详细的。其次,可以用@media only screen and(min-device-width : 320px) and(max-device-width : 480px){ }来对不同像素的屏幕写不同的样式。可以看下知乎的登录页面,用的就是@media。再然后要考虑的是用户体验。简单的拿个链接来说,在PC端因为有鼠标,很容易点到。可是手机端就不一样,就几个字的链接很难点到,所以就要扩大点的面积。这就是为什么会出现电脑版的网页和手机版网页。其实做手机版的网页有个好处就是可以大量的使用HTML5和CSS3,这样能做出很多效果。对于这些的话,看附件里面的学习方法有帮助的很抱歉,回答者上传的附件已失效
有自己的网站,要怎么做手机APP
你要确定你要做app软件还是手机网站,手机网站的话建议用百度站长平台里的siteapp进行申请,http://zhanzhang.baidu.com/tools/siteapp,十分简单方便,我自己网站就是这么做的。
我的是PC端想转换成APP 我的是个人自己的网站
就是把PC端转成手机端的网站吧,用我推荐的那个工具就可以了,效果很好的。
手机端网站制作是用什么做的?
额……50分招来了一群外行……楼主替你悲哀一下~言归正传哈~现在手机都是用HTML5和CSS3来开发网页了,而JS的选用也有讲究,JQ是为了兼容各个浏览器才写的东西,大而且不适用手机端,手机端只要兼容webkit内核的浏览器就行了~所以可以使用zepto.js(你可以去搜一下)用法跟JQ一样,但是比JQ小很多很多,不兼容IE(手机端就不考虑IE浏览器了吧~)用法和JQ基本一样,不用多学,然后再一个就是可以试试quo.js这个跟JQ也差不多,但是它追加了很多触屏手势的支持。建议使用这些小的JS库,方便手机运行~