上海网页设计培训：手机网页设计制作简明指南

　　3.手机页面的方针群体

　　任何网站描绘页面时都大概理解自个的方针群体，以便向他们传输最合适的信息。

　　这点在进行手机页面描绘制造时更为重要。由于你不只需晓得你的方针群体，还要晓得他们阅读手机页面时的情形。

　　阅读传统的网站，访客会坐在桌上，有着大分辨率的屏幕。手机页面的访客则有能够是在排队、等交车、坐在地铁等。

　　怎么差异?这点咱们能够向google学习。google花了许多功夫在让页面应用程序合适手机运用上，google的开发者将看手机页面人群分为三大类，这对咱们进行手机页面的描绘和制造，很有参阅含义。

　　A：通常手机用户

　　通常用户拜访手机页面时和用电脑拜访页面差不多，他们没有格外热衷于哪个范畴，他们只是运用闲暇时刻阅读页面。

　　关于电脑阅读页面的用户而言，这些闲暇时刻能够是休息时刻。可是对用手机阅读页面的用户而言，则能够是在等候兄弟或上下班旅程，这意味这他们随时能够中止页面的阅读。若是你的方针群体是这些人，在制造描绘手机页面时要格外注意这些手机用户的屏幕尺度和时刻上的约束。

　　因而描绘制造手机页面要“记住”用户看的内容的方位，以便他们随时回来阅读。最佳不要运用大段的内容，相反，要把手机页面的内容制形成几个小的有些，导致他们的重视。记住，这些手机用户没有时刻去阅读大段的内容。

　　B：回访者

　　回访者是一些会时常回访页面，以便获取他们感兴趣的内容的人群。

　　若是你的手机页面供给的是一些比方天气预报、股市资讯、竞赛运动的信息，那么方针群体就会有相当多这有些的人。由于手机屏幕供给的信息是有限的，所以关于这有些手机用户描绘制造页面，要思考到这些人需求哪些信息，将这些信息放在手机页面的重要方位，防止这些人在手机执行了许多操作才在页面上找到需求的内容。

　　另一点是关于为手机页面用户供给定制效劳的疑问，如制造手机页面论坛。由于手机用户登录不是那么便利，所以如能防止则尽量防止。

　　有一些专业的网站答应手机用户经过电脑拜访他们的网站，然后定制相应的手机页面的页面，这样会生成一个专门适用该用户的网址，下次这个用户用手机拜访时，就能直接适用自个定制的界面。

　　C：特别手机用户

　　依据你的手机页面所要供给效劳的纷歧样，这有些用户也会纷歧样。

　　比方电子商务用户能够会经过手机页面向你发送一些比方“未收到货品”的告诉，或许一些航班公司会收到用户从手机发送的“搭机迟到期望当即退票”的告诉。关于这些特别用户，描绘制造手机页面时要让他们很便利的地迅速地完成这些需求。

　　4.依据详细需求供给网站内容

　　一个很常见的误区是许多页面开发者以为只需求简略的设置，就能够将一个传统的页面变成能够习惯手机阅读的页面，他们以为只需求在CSS样式表将media=”screen”变成media=”handheld”就能使页面奇特般地适用于手机。

　　这是过错的主意。

　　尽管关于手机用户改变页面的CSS能够过滤一有些的内容，或许一些CMS页面也供给了相应的变换插件。但这些计划并不完善。

　　W3c界说了“一个网站”的概念，意思是手机页面纷歧定要供给和传统网站彻底一样的内容和描绘，而是要依据手机的功用、带宽等方面的纷歧样供给一些差异化效劳。

　　依据这个界说，一些传统页面的内容和功用不能在手机上完成是很合理的。纷歧样手机能处置的内容和功用也都是纷歧样的。所以也能够依据这些手机进行相应的页面制造。

　　下图的手机页面，描绘制造时只是保留了查找商品和寻觅商铺的功用，这和它的传统页面版别几乎天差地别。但这样是合理的。

　　5.挑选域名

　　为手机页面挑选啥域名取决于你的方针群体是怎么进入网站的。这里有三种域名可供挑选：

　　A：为手机页面运用独立域名(如：www.mobile-example.com)

　　这是不引荐的方法，没有必要为你的手机页面用一个独立的域名。

　　多个域名不只下降你的网站的品牌度，并且会给用户形成紊乱。用户不愿意多记住一个专为手机页面而设的网址，并且这样也很难挑选哪个域名用来做宣扬推行。

　　B:为手机页面运用子域名(如：m.example.com)

　　这是最盛行的方法。

　　运用子域名能够让手机页面变成你的品牌的一有些，也不会给用户形成紊乱。若是觉得在前面加一个“m”表明手机页面的方法欠好，也能够思考放置URL后边的方法，如：example.com/mobile/。

　　并且你要思考用户输入过错网址的状况，所以尽能够为手机页面设置几个称号挨近的子域名，并将它们重定向一个独自的子域名，这和将不带www的网址重定向带www的网址一样。

　　C：为手机页面注册.mobi的尖端域名(如：example.mobi)

　　自从.mobi能够运用之后，就引发了手机页面开发者的火热争辩。

　　不过图趣不太主张运用.mobi描绘制造手机页面，一不便于回忆，二仍是不便于回忆，呵呵。

　　D：判别客户端，并主动显现对应内容

　　这是一种风趣的方法：制造手机页面后，让效劳器判别客户端是电脑仍是手机，然后依据显现相对应的内容。

　　长处：只运用一个网址，不管电脑仍是手机都能接收到正确的内容。

　　缺陷：由于效劳器会主动为客户端挑选相应版别的页面，所以用户不能自个挑选想看到的内容，比方一些iPhone用户能够不期望看到粗陋版的手机页面。处置这个缺陷能够经过为一些手机设置破例。

　　总结：如今制造手机页面的公司大都运用第二种方法，即运用子域名，这是最简略也是最贱卖的方法，也省去了许多效劳器设置的费事，并且这种方法也很灵敏，一旦手机页面流量没有到达预期的作用，对子域名进行处置也不会影响到传统的页面。

　　6.为手机页面验证符号言语

　　电脑的页面阅读器对过错对比宽恕，一些html符号的忘掉书写或许没有正确嵌套在电脑阅读器都会正确显现，当然容错率高意味着耗费更高的cpu和内存。

　　手机阅读器的功用还无法和电脑混为一谈，所以手机阅读器对手机页面的过错要严厉一些。所以在描绘和制造手机页面时，你有必要不断进行检查、验证和纠错。

　　验证手机页面和验证通常传统的页面没啥差异，若是你运用Xhtml编写，能够运用一样的东西。

　　W3C验证器能够验证一些简略的过错，当然这里有一个更合适验证手机页面的版别。

　　Ready.mobi site有一些专为验证手机页面的选项。

　　7.为手机页面不断测验

　　当经过了手机页面的验证之后，就要关于几种纷歧样的手机进行各种测验了。

　　用电脑的阅读器尽管能够进行模仿测验，可是并不完善。这种方法经过的手机页面不能适用于某些手机。

　　有些手机文件尺度的约束能够会很小，所以你制造的手机页面在这些设备上乃至无法显现。别的阅读器撑持的文件类型也会纷歧样，撑持的图画格式也会纷歧样。

　　测验时分手机页面当然不能够具有一切手机，所以制造页面时能够运用一些代替手法。

　　A：为手机页面运用模仿器

　　有许多在线模仿器和离线模仿器，这些东西答应你疾速预览手机页面的图画和规划，但这些究竟不是真正是手机，仍是存在一些潜在的疑问，所以只能作为手机页面首次的疾速测验。

　　B：为手机页面采办测验效劳

　　有一些公司为手机页面的描绘制造供给测验效劳，能够上载文件到这些公司，然后长途操作，实时调查纷歧样手机阅读页面的体现。通常为付费效劳(中国这类公司很少)。

　　C：采办一些手机测验手机页面

　　若是你想专业描绘制造手机页面，能够思考采办一小些有代表性的手机，能够需求采办5-6台，以便掩盖市道手机的首要类型和品牌。

　　根据Windows渠道的，如HTC Mogul PPS-6800，在windowCE运用IE阅读器。

　　根据塞班渠道的，如诺基亚的6600，运用内置阅读器或许opera阅读器。

　　根据苹果OS的iphone，运用Safari阅读器。

　　根据google的Android渠道的，运用默许阅读器或第三方阅读器。

　　最终，挑选方针客户常用的手机，如中国用户能够测验UC阅读器。

　　D：借兄弟手机帮助测验手机页面

　　经过模仿器，你大概完成了手机页面的大多数测验，这时分能够找身边的平面设计培训兄弟借一些手机测验页面，记下Bug，再进行不断测验。

　　测验手机页面时，可依据核算，挑选以上的测验方法。然后整理出一些手机页面上简略犯错的html、css、JavaScript的代码，以便利今后描绘制造手机页面进行调试。

　　总结

　　本教程掩盖手机页面描绘制造的七个要害点。只需注意这些关键，再联系通常的页面开发的常识以及对手机页面的不断测验，你就能够敷衍制造手机页面的应战，描绘制造出一个成功的手机页面。