开发手机端的webweb前端页面布局和PC端有何不同

App 设计与 web 设计的主要区别是什么? - 知乎755被浏览<strong class="NumberBoard-itemValue" title="3分享邀请回答662 条评论分享收藏感谢收起exacttarget.com/sites/exacttarget/files/deliverables/etmc-2014mobilebehaviorreport.pdf) 锦上添花的小功能——不可否认的是,Chrome已经宣布了在浏览器和移动设备上推送通知的功能。但是移动设备本身可以提供多得多的功能:蓝牙、邻近系统(Beacon)、地理定位(geofencing)、WiFi、通知推送、应用程序内付账(谷歌的Google Play支持应用内购买),等等。移动响应式网页应用程序的优点网页应用的编程已经完成——由于很可能你已经完成了桌面端网页应用的程序编写,剩下来的只是审查移动端的用户体验,然后量身定做用户界面,使得它对移动端更加友好(Mobile Friendly)。这意味着通过调整导航菜单、按钮和字体尺寸以及输入框,来创造出更好的移动端体验(译者注:实际操作起来不仅仅是调整以上这些这么简单,信息架构、交互方式得也需要做一定的调整来更好地适应移动端浏览器)。不依赖任何设备平台——网页应用程序不依赖于操作系统(比如针对iOS和安卓需要不同的应用)。现在有一种混合技术可以让移动应用开发者仅用一套代码来让应用程序同时适用这两种操作平台,但目前为止这还是一项新型技术,且十分昂贵。而对一个网页应用程序来说,开发者会针对最常见的网页浏览器来进行设计。一旦完成,它可以在任何使用那些浏览器(如Chrome,火狐,IE)的设备上运行。内容不受应用商店规定的限制——网页应用程序存在于苹果的App Store和谷歌的Google Play的规定之外,因此他们可以自己制定自己的规则。没有额外的步骤来进入市场,没有繁复缛节的束缚。 网页或应用可以互相链接——这在行业中还属新概念,意思是你可以把不同的应用链接起来达到1加1大于2的效果,或者把同属于一个公司的产品链接起来。*考虑WebGL的局限性——WebGL是网页浏览器的图像引擎。虽然它可以实现很多功能,但它还不是最好的用来实现移动端CPU密集型,及图像密集型应用程序的引擎。两者共有或结合后的优点赚钱——不管你采用两者中哪种,你都可以设计出付费订阅,然后通过应用程序来赚钱。想让用户每人每月付5美元?或者付一次性15美元的费用?没问题。就算你想要它变成消耗品(在应用内下载所付的钱),这两种平台都可以帮你达到。结合——这两种技术都可以保证你可以从手机上得到想要的信息。但是,取决于你想让你的应用干什么,你甚至可以考虑设计一个混合型的应用,把网页应用开发和移动应用开发相结合。我应该如何决定?做出一个明智决定的最好方法是咨询专家。你的开发者将会问你许多问题,甚至比上述提到的概念还要多,为了理解你的应用如何才能最好地执行,以及建立在什么样的平台和技术之上。当然你可以同时咨询多个开发者,但是要记住:应用开发是一半艺术一半科学。开发者们可能在如何实施你的想法上有不同的看法,并且可能会往自己的方向上思考,从而可以在他们的专长领域来为你提供更多的价值。不管用哪种方式,应用开发是一个漫长的过程,需要合理的预算。准备好接受五位数的报价,并且在开始开发前弄清楚投资回报率和对用户的价值,以决定应用程序是否可行。251 条评论分享收藏感谢收起移动端前端开发与PC端比有哪些不同? - 知乎409被浏览<strong class="NumberBoard-itemValue" title="4分享邀请回答width:980px;margin:0 auto;
但移动端就不能这么用了,因为很多网页都是可以横屏看,也可以竖屏看;很多屏幕的分辨率不一样;所以只要牵涉到移动端,就要牵涉到响应式(也叫自适应);如果是只针对移动端的项目,我平时主要考虑的是320px宽 到 750px宽的兼容;然后是js方面,这个题主你应该问的更详细一些,因为有没有canvas对js影响很大;第一、普通移动端网页(比如手机新浪网,手机淘宝,手机百度等)这个在js方面和PC端区别不是太大;主要的区别在于移动端没有了鼠标悬停(onmouseover);点击(onclick)还可以用;多了触摸、滑动(这里我没自己写过原生的,只会用一些插件)我常用的移动端插件:第二、canvas相关游戏canvas相关的html5增加了好多js,不过我不做游戏方面,所以就不多废话了;2,兼容性方面有哪些常见的坑要避免这个和第一个、第三个都有重复,你再问的详细些吧;3,如何适配不同的分辨率和屏幕尺寸我说下我常用的(有任何不对的地方请大神指正)原来没有iPhone6和iPhone6 plus时,设计图是640px宽的,切图的时候就按照设计图正常切图;(按照标准的话,这里切图本来应该分成两种,一种是320px宽一倍图,一种是640px宽的二倍图;然后普通屏幕用一倍图,retina视网膜屏幕用 @2x 二倍图,可是我们的设计师太懒了,只给我一个640px宽的二倍图,这里求大神指教该怎样才能符合标准) 不过最后写css的时候,不要按照640px写,要按照320px写;所有图片和所有html标签的尺寸都要减半;如果图片img在设计图上的宽度是80px,css就要
width:40px;
如果一个按钮设计图上宽100px,你的css就要width:50
后来有了iPhone6和iPhone6 plus,设计师给的设计图就变成了750px,按说由“二倍”变成了“三倍”,但是我们的设计师比较懒,不愿费事,所以现在我的解决方案还是按320px宽,img和所有html标签css减半处理;4,如何测试我最常用的是chrome的手机模拟器;右键-审查元素(或F12),developer tools出来后,点击左上角那个手机;5,哪里有完整项目的开发视频可以参考完整项目的开发视频我还没有见过,我比较喜欢在慕课网上面看一些html5和css3的知识点;劝你有时间的话尽量接实战项目吧,别总看视频,做一个项目比看多少视频都有用;回答
: 650px也可以的,只要是在640px-750px都可以;下面是我常用的html和body的css;至于em和rem,我认为只有在单屏的app上面(不出现滚动条那种);只要是出现滚动条的正常页面,就还是用百分比和像素px吧;html{height:100%;font-size:62.5%;-webkit-text-size-adjust:none;}
body{height:100%;max-width:750px;min-width:320px;margin:0 auto;color:#6b6b6b;padding:0;font:normal 1.2em/1.6 Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-serif;background-color:#f5f5f5;}
2013 条评论分享收藏感谢收起手机html网页和电脑上的html网页在制作上有什么区别? - 知乎47被浏览<strong class="NumberBoard-itemValue" title="3分享邀请回答216 条评论分享收藏感谢收起0添加评论分享收藏感谢收起手机网页和电脑网页编写的代码一样吗_百度知道
手机网页和电脑网页编写的代码一样吗
我有更好的答案
不一样的。手机网页开发。这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发,所有最终代码具有跨系统平台的特性。app前端开发。使用的技术也是html+css+js,但它需要基于PhoneGap等开发平台调用手机核心功能接口(包括地理定位,加速器,联系人,声音和振动等)模拟native app,这部分跟web前端开发完全不同。最终代码发布要分别编译成各系统平台的app。在工具上,手机版网页和电脑版网页没有什么区别,可以根据自己的喜好。我是喜欢用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,这样能做出很多效果。
采纳率:100%
1、手机网页开发。这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发,所有最终代码具有跨系统平台的特性。2、app前端开发。使用的技术也是html+css+js,但它需要基于PhoneGap等开发平台调用手机核心功能接口(包括地理定位,加速器,联系人,声音和振动等)模拟native app,这部分跟web前端开发完全不同。最终代码发布要分别编译成各系统平台的app。
用编写电脑网页的软件可以编写手机的吗
本回答被网友采纳
80%是一样的,专属的标签是不一样的,但是内容的编写的一样的。
不是一样不一样的问题,语种绝对是一样的,关键在于手机加载网页有uac标识,服务器预留的网页有几种形式来适应不同的设备,里面的代码就会多些。本质上都是一样的
用编写电脑网页的软件可以编写手机的吗
手机的软件和网页都是电脑编写,你还想手机写么?根本不可能,效率低到可以。
编写电脑网页的软件本来就都是集成开发,什么平台的都能干
现在,就行HTML5和CSS,都是可以跨平台的
用编写电脑网页的软件可以编写手机的吗
如果你指的是网页页面,当然可以。比如百度知道,在电脑上可以访问,在手机上也可以访问。如果你指的是APP,这就不懂了。比如手机qq,他的某些功能是HTML5编写的,但大部分还是要遵守安卓的语法。说明一下,对于程序编写,我也仅仅是兴趣,没有经过系统的学习。如果回答有漏洞,还请指正。谢谢
其他2条回答
为您推荐:
其他类似问题
您可能关注的内容
手机网页的相关知识
&#xe675;换一换
回答问题,赢新手礼包&#xe6b9;
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。PC端Web应用到手机端Web App转换的研究与实现--《北京邮电大学》2015年硕士论文
PC端Web应用到手机端Web App转换的研究与实现
【摘要】:随着移动互联网的发展,各类移动设备层出不穷。移动设备的屏幕分辨率各式各样,和传统PC存在较大差别,这将导致用户在使用手机等移动终端访问传统互联网上Web网页时很难快速准确的获得有用的信息,因此如何使移动设备正常显示传统PC端网页资源成为研究热点。
本论文主要针对Web应用的表现层即界面表现部分,研究并实现了PC端Web应用到手机端Web App转换,并使用某Web应用部分页面进行验证,主要工作内容如下:
(一)研究移动终端分辨率等其他相关特征,根据现有Web网页资源特点,实现网页转码,使其适应移动终端的显示。此外,应用Android平台的WebView组件生成可供用户在移动端安装使用的WebApp,通过此App可以访问经转码后能在移动端友好显示的Web应用页面。
(二)移动端原生App是基于某一具体的开发平台,定制开发的第三方应用程序,它和Web App在实现技术上有本质不同。因此,PC端的Web应用到手机端App转码方法的研究更具挑战性。本论文对PC端Web应用到手机端App的转换也做了相应的研究,并对其可行性进行了分析。
(三)响应式Web设计是一种全新的Web设计思想,可以实现一次编写的网页在不同分辨率的终端下友好显示。与网页转码技术相比,响应式设计能够从根本上解决网页在不同屏幕大小的移动终端的显示问题。本论文不仅应用最新的网页编码语言HTML5和CSS3实现了响应式网页,而且分析转码和响应式设计的优缺点和适应环境。
本课题的创新之处在于不仅仅研究普通网站的转码,对于Web应用中比较复杂的表单、各种对话框和图标的转码进行了研究和实现,此外,本论文在实现时不再使用浏览器访问转码后的网页,而是直接通过安装在手机端的Web App进行访问,方便了用户使用。
【学位授予单位】:北京邮电大学【学位级别】:硕士【学位授予年份】:2015【分类号】:TP311.52
欢迎:、、)
支持CAJ、PDF文件格式
【参考文献】
中国期刊全文数据库
卢曦;汪茂;;[J];电脑知识与技术;2011年01期
张永生;;[J];福建电脑;2012年07期
叶敏;;[J];电信工程技术与标准化;2012年11期
赵江声;;[J];福建电脑;2010年02期
孔靓;贾美娟;;[J];科技创新与应用;2012年24期
赵建保;;[J];电脑知识与技术;2014年05期
徐劼;叶卫明;谭振龙;;[J];电信工程技术与标准化;2014年04期
覃盈保;韩俊;刘护群;;[J];电脑编程技巧与维护;2012年23期
史晶;吴庆波;杨沙洲;;[J];计算机应用研究;2011年12期
张紫;;[J];计算机与网络;2014年02期
中国博士学位论文全文数据库
张开敏;[D];中国科学技术大学;2012年
【共引文献】
中国期刊全文数据库
钱海军;;[J];电脑与信息技术;2013年01期
张居彦;;[J];电子制作;2013年12期
李淼;杜明晶;苗放;;[J];电子技术与软件工程;2013年17期
邢茜;;[J];成都航空职业技术学院学报;2013年03期
胡智锋;周建新;刘俊;周云;王同媛;张陆园;扎西;林沛;吴雪;张瑜琦;曾子龙;张倩;孙文玉;杨小玢;李一君;;[J];当代电影;2014年03期
赵建保;;[J];电脑知识与技术;2014年05期
刘喆;周小龙;;[J];安徽行政学院学报;2014年03期
余以胜;;[J];电子技术应用;2014年07期
苏炜;;[J];电子世界;2014年14期
郑远芹;;[J];管理工程师;2014年06期
中国硕士学位论文全文数据库
刘成;[D];武汉科技大学;2012年
刘凤成;[D];中南大学;2012年
曾泽;[D];华南理工大学;2013年
孙雯;[D];山东大学;2013年
赵滨城;[D];厦门大学;2013年
杜伟南;[D];中南大学;2013年
沈亚芳;[D];华东理工大学;2014年
彭格;[D];华中科技大学;2013年
殷翔;[D];中国科学院大学(工程管理与信息技术学院);2013年
艾军;[D];华中师范大学;2014年
【二级参考文献】
中国期刊全文数据库
何琳;;[J];时代教育;2007年12期
李峰;陈达;刘泽宏;彭青立;朱春梅;;[J];电信技术;2011年02期
刘伟;;[J];电信技术;2011年06期
张高毅;;[J];电信工程技术与标准化;2013年08期
姜峰;张潮;;[J];电信技术;2011年01期
黄文蓓;杨静;顾君忠;;[J];计算机应用;2007年S1期
谈冉;熊雄;;[J];计算机应用研究;2008年02期
张程;朱庆生;陈自郁;廖志伟;;[J];计算机应用研究;2009年11期
罗会兰,谢小兵;[J];南方冶金学院学报;2005年01期
张宏丽;吴承勇;王海凤;;[J];内蒙古大学学报(自然科学版);2006年02期
中国硕士学位论文全文数据库
刘斌;[D];华北电力大学(北京);2007年
张凤;[D];长春理工大学;2009年
陈宜晓;[D];复旦大学;2010年
【相似文献】
中国期刊全文数据库
松涛;[J];电脑知识与技术;2004年13期
朱精南,赵明生;[J];计算机工程;2004年12期
梁邦勇,李涓子,王克宏;[J];清华大学学报(自然科学版);2004年09期
王海燕;张正凯;任建浩;;[J];中国电化教育;2004年09期
贾海龙,任玉珍;[J];新乡师范高等专科学校学报;2005年05期
刘肖冰;[J];安阳师范学院学报;2005年05期
孙迎春;;[J];南平师专学报;2005年03期
文涛;[J];沈阳教育学院学报;2005年01期
宋春晖;[J];海南师范学院学报(自然科学版);2005年01期
张秀虎;;[J];教育信息化;2005年17期
中国重要会议论文全文数据库
吴建军;;[A];经天纬地——全国测绘科技信息网中南分网第十九次学术交流会优秀论文选编[C];2005年
韩近强;赵静;杨冬青;唐世渭;姚小波;;[A];第十九届全国数据库学术会议论文集(技术报告篇)[C];2002年
昝红英;苏玉梅;孙斌;俞士汶;;[A];语言计算与基于内容的文本处理——全国第七届计算语言学联合学术会议论文集[C];2003年
孙静;刘正捷;奚小玲;王慧;;[A];第一届建立和谐人机环境联合学术会议(HHME2005)论文集[C];2005年
曹淮;晁丁丁;;[A];2006年中国机械工程学会年会暨中国工程院机械与运载工程学部首届年会论文集[C];2006年
唐超;刘辰;杨正球;;[A];2007北京地区高校研究生学术交流会通信与信息技术会议论文集(上册)[C];2008年
马骁;王晓龙;王轩;卜永忠;;[A];第四届全国信息检索与内容安全学术会议论文集(上)[C];2008年
罗阳;季铎;张桂平;王莹莹;;[A];第六届全国信息检索学术会议论文集[C];2010年
于满泉;谭松波;许洪波;;[A];NCIRCS2004第一届全国信息检索与内容安全学术会议论文集[C];2004年
王宇;黄炜;肖艳芹;任建立;李天柱;;[A];第十七届全国数据库学术会议论文集(技术报告篇)[C];2000年
中国重要报纸全文数据库
曾居仁 通讯员
郝金荣;[N];中国气象报;2012年
壮壮;[N];电脑报;2004年
罗震宇 严小斌;[N];中国冶金报;2011年
钱鹏;[N];电脑报;2004年
星之海洋;[N];电脑报;2004年
张金贵;[N];电脑报;2001年
枫尔;[N];中国证券报;2004年
飘零剑客;[N];中国电脑教育报;2004年
八戒;[N];电脑报;2013年
;[N];电脑报;2002年
中国博士学位论文全文数据库
陈洁;[D];北京邮电大学;2013年
龚昌盛;[D];武汉大学;2010年
孙建涛;[D];清华大学;2005年
黄华军;[D];湖南大学;2007年
徐晴阳;[D];吉林大学;2008年
曹鲁慧;[D];山东大学;2012年
刘馨月;[D];大连理工大学;2012年
罗娜;[D];吉林大学;2009年
张勇实;[D];哈尔滨工程大学;2012年
宗校军;[D];华中科技大学;2006年
中国硕士学位论文全文数据库
高文梁;[D];大连理工大学;2009年
刘辉;[D];苏州大学;2009年
赵胤;[D];东北大学 ;2009年
罗永莲;[D];山西大学;2005年
黄永光;[D];哈尔滨工业大学;2006年
张超群;[D];吉林大学;2007年
张雅洁;[D];东北师范大学;2007年
黄文蓓;[D];华东师范大学;2008年
刘华晖;[D];上海交通大学;2011年
程欢;[D];哈尔滨工业大学;2011年
&快捷付款方式
&订购知网充值卡
400-819-9993

我要回帖

更多关于 web前端页面布局框架 的文章

 

随机推荐