手机web开发(移动互联网网页开发时要注意哪些问题?)
1.移动互联网网页开发时要注意哪些问题?
关于这个问题yyseoer顾问表示：
一、企业手机端网站开发应留意网站的语气风格，手机和pc端网站必须留意。色彩是吸引住人们集中注意力的一整因素。好的色调让客户在愿意继续访问之前觉得舒适。
二、企业手机端企业网站建设不要设定广告，尽管广告针对网站的存活是很由帮助的，但充分考虑移动端的屏幕要比电脑上的小得多。弹出广告通常会阻拦用户浏览的信息和操作，因此不要放置弹出窗口广告。
三、企业手机端网站建设的莱单应简介，因为移动屏幕的限定，网站的菜单项不能像计算机那般显示，因而移动网站的莱单应简洁，能够显示功能键导行作用。
四、公司手机端企业网站建设应快捷，用户应用移动网络就是图方便，假如他们为了网页浏览网站页面的内容而被要求注册，那就太麻烦了。因此，要开放浏览权限，一些特别的权限可以授予注册用户。
五、公司手机端企业网站建设应留意移动网站的内容布局，尽可能简洁明了，不要太长，文字还要尽量大，并一直考虑到用户在小屏幕上如何便捷知道基本信息。
2.手机网站建设时的注意事项有哪些?
布局 由于网页的本身以及各种外在的因素，手机网页在进行浏览的时候其实是一件比较耗费时间的事情，所以一定要记住的就是让你的移动网站，尽可能的规划的足够便利于使用者。
之所以这样说的原因就是当用户通过手机对一个网站进行浏览的时候一定要让重要，也就是主要的信息放在他第一时间能够看到的地方，所以在进行内容不隔的过程当中，这一点一定要考虑到。 内容 大部分的用户在进行一个网页当中的文字浏览的过程当中，基本上是处于一个行走的状态，所以，一定要保证网页上面，不管是图片内容还是文字内容，都尽可能的简单，容易被理解。
所以一定要将移动界面上面呈现的各种内容确定好，同时，一定要对文本以及菜单进行合理的规划。
3.手机网站建设需要注意哪些问题?爱问
1、明确自己想在手机网站上展示哪些信息： 在手机网站制作之前应该明确自己想在手机网站上展示什么，如果能做到有针对性的进行手机网站制作，通常手机网站在推广之后都会为企业带来一定量的潜在用户。
2、在手机网站制作时要尽量符合滑动屏幕的方式： 在设计手机网页时，应能够以滑动屏幕的方式来阅读网页，因为滑动网页操作比着放大网页观看来要简单得多。 3、不能参照PC端网站来设计手机网站上的导航功能： 手机网页与跟一般的PC端网页不同，应该简单的地方简单化，该去掉的去掉，同时在当阅读文章到最后时，要方便于用户回到最前头，减少卷动画面的机会，让网页变得更容易于移动设备上阅读。
4、手机网站制作也要考虑多种浏览器的兼容： 现在的移动浏览器能够处理大多数网站，一般的浏览器都能够正常浏览网页。但由于手机上的浏览器也有多种，如果手机网站的兼容性差，就很可能会出现在某些浏览器上出现网页变形、内容显示不全的情况。
因此，手机网站制作必须考虑到兼容于多种浏览器。 5、在手机网站制作时一定要减少用户文字输入操作： 现在智能手机一般都没有实体的键盘，或仅只有12键的电话输入功能，因此在输入文字上会比起使用电脑键盘麻烦得多。
因此，减少使用者输入文字的机会，例如用户名、密码等，都是手机网站制作时要尽力避免的。 6、在手机网站制作时就应该考虑到日后的推广和宣传： 任何一个手机网站，都必须经过广策划、设计和推广的过程，在手机网站制作时需要考虑日后的推广，手机网站应该在丰富站内内容的同时，提供详尽的产品信息以及联系方式，并收集有关产品的用户满意度和顾客需求方面的反馈信息。
7、手机网站制作要兼顾非触摸屏幕的设计： 虽然大多数手机都是智能手机，但也有为数不少的传统手机，不具备触摸的功能，使用的是传统的控制方向键做为滑动的工具，这时候，手机网页的制作应兼顾到非触摸屏的手机浏览。 8、在手机网站制作时要记得要简化网页内容： 只需要将最重要的资讯放入移动版网页，不太重要的内容内容，可以略去，或者通过超链接链接到新网页上。
9、手机网站制作要注重网页产品和服务的展示： 企业在手机网站上的产品和服务展示，可选择企业的主要产品，对其各类参数或价格加以详细说明，对于企业的新产品，也可以适当的加以介绍，必要时可以采用图文并茂的方式，但图片的体积应尽量小。
4.移动端网站建设有哪些注意事项
第一：移动网站页面设计 因为移动端不同于PC端，我们在设计之前就必须要考虑到其分辨率的问题，由于移动端的特点屏幕小却对内容要求要精简全。
所以移动网站建站对于页面要求很高，在移动网站页面设计之前就需要合理安排网站内容和结构。同时也要做好网站页面布局和视觉体验，因为只有良好的用户体验，才能让网站在移动端获得好的排名。
第二、移动网站导航设计 由于移动设备分辨率的局限性，所以移动网站的导航设计显得尤为困难，但是又不得不设计出很清晰导航结构，因为用户进入到首页之后，如果导航不清晰，将很难继续访问到网站内部。所以如何把PC端导航尽可能简单甚至浓缩到移动网站就变得很重要，小编认为导航尽量包含主要栏目和重要信息页足矣。
第三、网站内容布局要直奔主题 移动端由于分辨率的问题，不可能做的跟PC端那么全面。这就需要把重要信息放在显眼的位置。
最好别下滑到下一页面。尽可能让用户在首屏就找到用户想要的信息。
这样减少用户下拉页面时间，也可以用户良好体验度。 第四、移动网站加载问题 移动网站打开速度或者速率，都影响用户打开网站。
如果网站打开过慢，甚至超过5秒用户打开率就迅速下降。因此，移动网站打开速率尽量保持在3秒之内，用户就很愿意在内容上面花费一定时间。
因此，移动网站建设就尽量减少不必需要的图片甚至动画的使用，保证网站打开速度。
5.【国 互 网】介绍手机网站开发中注意事项
1.选择一个清新亮丽的色彩作为手机网站的主色调。
不仅在PC上网站是如此，而且在手机网站上也是如此。清新亮丽的色彩格调将给人以清新的观感，第一感觉就能吸引注人，而这将给人以“一见钟情”的感觉，手机网站开发中很注重这点。
2.让手机网站的菜单使用起来更加简洁而方便。 与PC端的网站不同，适合手机网站的菜单应该是简洁而短小的，技能清晰地表达菜单的功能，有能在较小的手机屏幕上展开。
这个菜单就相当于PC端网站上的导航栏，可以指引用户进行各类深入的操作。设计一个既简洁有操作方便的菜单是做好手机网站开发的重要一环。
3.移动手机网站上不要带有弹窗广告。 网站上有广告会影响你的网站内容的显示，也会影响用户在网站上的体验，尤其是在很小的手机屏幕上，广告弹窗不仅影响浏览者的视线，而且还会影响到浏览者的操作，甚至会喧宾夺主，抢夺用户眼球。
4.手机网站上不要集中太多的内容。 与PC端网站不同，手机网站开发不宜集中太多的内容。
本身用户操作手机就没有操作电脑方便，再加上屏幕又比较小，这时候我们不可能做到让手机网站也包含电脑网站所有的信息内容，只需要将主要的内容放在手机网站上即可，较为次要的内容可以简明扼要的列出，但不宜大篇幅的介绍。 5.在设计网站宽度和图片大小时，要考虑到屏幕的大小。
设计手机网站，应让信息在一屏内显示完毕。如果一屏显示不完，可以让用户上下滚动，但不可让用户进行左右滚动操作。
这也是本着方便用户浏览信息的角度来做的。方便用户操作，让用户尽可能地少滚动屏幕，少采用放大缩小操作，这是一个好的手机网站应该具备的品质。
6.用户打开链接时要尽可能地在一个窗口内浏览，不要打开新的窗口。 在智能手机上频繁切换窗口是一件非常麻烦的事儿，而且用户还有可能找不到如何回到你的网站首页上去。
所以，在手机网站开发中要让用户尽可能地在一个窗口内浏览你的网站，不要让用户打开新的浏览器窗口。 好了，以上几点就是【国互网】在手机网站开发中应该注意的几个方面。
手机网站开发最重要的是用户体验，要时时考虑到信息的简洁性、用户操作的方便性，对用户友好就是对我们的网站友好，提升了用户的体验效果，也就加深了用户对我们手机网站的印象。 还有问题可以咨询【国互网】官方网站：/sj.html 咨询热线：400-699-8909 手机：15300159931 QQ:613128626。
6.在手机上如何进行网页开发
一楼说的有点文不对题，
手机页面开发是需要面向不同平台不同机器的，就像你开发的时候写js代码你需要考虑不同厂家的浏览器一样。
目前你有两个方向，我不知道你想向哪个方向发展：
1。wap开发，wap协议是web的子集，你学习会很快，并且支持大部分平台的手机。纯BS的架构，你完全重用J2ee中的框架。 其实每个客户端手机都有自己的浏览器（W3C标准）。你就是与它们的浏览器通讯做页面而己。
2。local的UI开发，也就是纯CS架构，前端需要写UI代码，后端的话你还是可以重用的你构架，写UI代码时类似Swing编码，我想如果你对Java很熟的话那Swing和AWT应该多少知道了。
在这方面你需要选择阵营，目前有几大阵营平台的OS系统：
a. Nokia的Symbian系统； （Symbian语言，接近c++但不同C++）
b. MicroSoft的 Window mobile系统 （c++语言）
c. 最近最火的Iphone系统； （Object C++语言，接近smallTalk语言）
d. 最近上升最快的Google的Android系统 （java）
e. 长久不衰，各个平台都支持，是个“万精油”的J2me系统（j2me各个平台都支持）
f. 黑霉手机采用的RIM系统（也是java语言与j2me有点类似）
g. 现在比较少用，并且不推荐的Palm，和linux系统。（c\c++）
个人建议： 如果你觉得做wap己经够了，那你现在只需要花半个月时间研究一下w3c中关于wap的标签规范，那你就可以做手机网络应用开发了。
如果你想做更高级的应用，即cS架构的本地UI程序，比如游戏等。又分：
a. 如果想简单点，就学j2me和Android，因为他们都是java基础的。并且j2me只是java的子集，比j2se和j2ee要更简单，但j2me没有Android强大，学Android如果有Swing基础会快很多。
b. 如果你觉得转行到C语言也不难，那可以试试Iphone和WM以及Symbian平台，目前这三个平台占据了市场上绝大多数手机的份额。
一个人完全掌握上面所有系统非常难，需要一段长的时间。 我个人掌握了d,e,f三种，因为他们都是java基础的。
另外补充一下你的疑问： j2me和android是两个完全不同的平台，完全没有必要为了学android 而先去学j2me。
j2me是一个虚拟机，它可以被厂家选择安装在任何一台机器上，这样所有用j2me写的游戏都可以跑。
而Android是一个操作系统，它目前只被支持Google的手机支持。只能跑用Android语言开发的程序（Android语言其实就是java语言准备的说是j2se而不是j2me）
7.ios端对webapp注入javascript时需要注意哪些细节
. 必须要适配所有的智能手机设备移动设备的屏幕是各式各样的，对设计影响较大的主要是屏幕分辨率、尺寸、屏幕方向这些因素。
现在的iOS设备有320*480,640*960,1136*640,1024*768,2048*1536这些分辨率，3.5寸、4寸、7.9寸、9.7寸这些尺寸等，未来还有更大的尺寸。所以，需要解决Web app在不同屏幕下的界面适配问题。
最佳解决办法有2个：1、在写前端页面的时候，css 采用100%布局2、采用html5技术来布局开发。1.1 适配不同分辨率通过响应式网页的设计方法提升页面在不同分辨率下的兼容性：由于手机屏幕尺寸下，一般来说只能一个模块一个模块地从上到下排列。
此时设计者就需要考虑模块摆放的优先级了。一般来说，用户重点关注的、最近更新、与用户相关的信息应该放在前面。
另外最好以主流分辨率480*800进行设计，对略高于和略低于该分辨率的屏幕可将界面元素进行缩放，对间距、边距进行适当调整。所以，在设定容器、图片、文本框的宽度时最好避免使用px单位，使用%可使页面在不同分辨率屏幕下保持布局和页面结构不发生改变。
1.2 平板电脑使用CSS3的媒体查询（media query）语句可获得浏览器的高宽和设备的像素比，并可根据开发者的需要对不同的设备应用不同的样式表。所以开发者可以控制一个页面在不同设备上的表现。
由于手机屏幕和平板电脑的屏幕尺寸和像素都相去甚远，所以为了充分利用平板电脑的大屏优势，以获得良好的用户体验，最好在两种设备上使用不同的界面布局。相信iOS用户都有这样的感觉：有的App只适配iPhone，在iPad上运行则无法布满屏幕，只能点“2X”按钮显示一个粗糙的界面。
还有一种App可同时兼容iPhone和iPad，在手机和平板的屏幕上都能完美显示，用户也无需单独下载两个版本。很明显，后者使用起来更方便，更美观。
Mobile Web App使用媒体查询功能即可实现这种功能。那么在平板电脑上，有哪些需要注意的设计点呢？因为平板电脑多在横屏下使用，所以使用分栏视图可在一个界面内显示两个层级的内容，方便用户快速切换item。
首页多以宫格视图、Tab为主，微博、QQ这种以内容为主的界面将分栏视图作为默认首页也是可以的。在手机上最常使用的list在平板上就不是很常用了，整个屏幕显示list，不仅浪费空间，也没有分栏视图的操作高效。
需要注意的是，IE9以下的浏览器不支持media query.1.3 横竖屏切换由于目前还不能在webkit内核里禁止设备方向的旋转，所以如果用户的设备开启了屏幕方向根据重力自动旋转，那么运行于浏览器的Web App也是会跟着旋转的。如果能够捕捉到设备的方向，可以对横竖屏分别进行布局设计，但最好能保证界面风格和样式不会有大的变化。
反例就是iPhone的音乐App，在竖屏下会显示歌曲list，但是切换到横屏下显示专辑封面。两种界面风格跳动太大会导致部分用户不适应，以为是两个不同的页面。
计算器App也只有在横屏下才显示科学计算模式，竖屏下用户根本无法切换到该模式，连引导也没有。宫格视图是横竖屏切换最平滑的布局，看看iOS系统的主屏幕就知道了。
一个个应用程序图标在横竖屏切换时，几乎只是图标旋转了一下方向。还有一点就是切换到横屏时，可自动进入全屏模式以显示更多的内容。
否则标题栏和底部栏将会占去很多空间2.WebAPP的交互动效受浏览器性能影响，很多Native App能实现的华丽动画在Web App项目里的表现并不是很好。所以应该果断去掉非必要的动效以保证Web App能够运行流畅。
因为很多动效会对用户起到很好的引导作用，如果没有这些动画，可能会导致用户对界面逻辑关系的理解产生混乱。这就对动效的设计提出了较高的要求。
总结了一下Web App的几点动效设计原则：●尽量不使用不必要的动效。●优先使用简单的动画。
如平移、缩放。尽量避免使用3D动画。
●避免刷新页面。因为整个页面白屏，浏览器走进度条的体验会给用户浏览网页的感觉，而不是在使用app●框架元素优先显示。
只在内容加载区域显示loading动画●避免跳变。在不影响性能的情况下，可尽量用缩放和平移动画，保证用户视觉焦点的延续性和理解的延续性。
●同类界面/对象，同层级界面/对象的动效保持一致。可帮助用户理解产品架构和导航逻辑。
●高层级界面的动效对应高级物理位置。如果左右平移的动画是用来切换上下一层级，那么首页应该是在最左边，如iOS。
如果前后切换的动画是用来切换上下一层及，那么首页应该是在最上面，如Windows Phone。3.WebAPP的内容布局和APP的风格要保持一致讲导航和信息内容布局的文章众多，Mobile Web App既然要实现Native App的操作体验，照传统的移动客户端的设计模式去设计即可。
只需要记住你设计的Web App需要运行在iOS, Android, Windows Phone等多个平台，多种设备上即可。由于iOS相比其他平台，没有back按键，所以在iOS上运行需要保证界面内的导航能够实现闭环。
所以Android上有些操作可以通过Menu键唤出，但是在iOS上就需要直接暴露出来。下图左侧是Zaker的Android版，右侧是iPhone版。
Android版的菜单栏需要点击Menu键才出现。4.善于使用Native Ap。
