手机如何制作网页教程

　　手机网站制作的教程随着智能手机的普及，手机网站的使用率和重要性也日益彰显。虽然手机作用很大，但是制作手机网站的时候注意事项很多，否则就会造成网站打不开，甚至影响网站的正常使用。小编就带大家来看看手机如何制作网页教程。

　　工具/原料

　　手机、域名

　　程序

　　设计技术

　　方法/步骤

　　1、使用独立域名

　　很多站长为了省事，将PC端域名与手机域名使用同一个域名。这本来问题不大，但却忽略了，在移动端，搜索引擎对于PC端的资源是排斥的。也就是说，网站需要有明确的指示给搜索引擎，在什么时候PC端优先，什么时候移动端优先。如果你不懂做适配设置，最好的.办法是将PC端网站与手机网站分开，针对移动互联网做适配的手机网站。因而，在搜索有限的情况下，手机网站使用独立域名是最佳的选择。

　　2、使用HTML5程序

　　目前大多数网站建设仍然沿用着ASP、PHP、JAVA、NET等程序语言。这些语言对于PC端网站建设来说没有太大的问题，但由于移动设备的屏幕尺寸所决定的各种因素，这些语言所建设的网站在移动端具有一定的局限性。这时候，更轻便、更灵活、具有强化了的Web网页表现的HTML便成了手机网站建设的最佳选择。

　　3、根据手机特征设计网站

　　手机屏幕远没有PC的大，因而，无论是在版面设计上还是功能设计上，都需要更注重实操性。PC端的版式布局并不适合小屏幕的手机浏览及操作。在手机网站设计上，可以根据手机的实际操作情况来排版网站的栏目。

　　4、使用精简的网页设计

　　手机网站的版面小，因而在进行手机网页设计时要尽量少使用阴影、渐变等复杂的设计手法，尽量采用简洁大方的版面设计，目前一些潮流的设计方式能够在手机网站上得到很好的体现，在手机网站设计中可以参考或使用。

　　5、注重用户体验

　　专业手机网站制作方法中，手机网站一定要注意用户体验,不能单一化,要注意手机的特定人群,这和传统网站制作截然不同，做到上面几点就离成功不远了!

　　6、避免使用弹窗、flash、java等行为

　　同样道理,flash和弹窗等行为将会占用很大一部分流量,对于移动手机用户而言,无疑会浪费时间和流量,对于搜索引擎而言,基本理解不了。在技术层面来 讲,Apple产品不支持Flash功能,很大一部分智能手机用户用不了这项功能,同样,很多智能手机也不支持Java,所以这只是两方面都不讨好的做 法。

　　7、使用规范化的协议,做好浏览器兼容调试工作

　　一般来说手机建站有xhtml、html5、wml 三种协议,最好使用规范化、标准化的协议格式,避免造成不必要的麻烦。当然也可以做多个版本的站点,站点进行不同版式的自动适配。

　　注意事项

　　确保在手机网站或者PC端网站各个页面上有相应的导航或者提示链接,让用户可以在手机版和PC版进行切换,也便于搜索引擎更好的收录