手机网站怎么做？
来源：领众品牌 查看次数： 发表时间：2014-06-04 18:57:23手机网站怎么做？如今很多企业对移动终端手机等设备也建设了网站，今天就说说手机网站怎么做吧，其实做的有很多共有以下几个方法，这些 方法哪种更适合我们呢？
方法一：手机WAP网站
采用wap是最传统的方法之一，一直是很多手机网站建设的首选方法，手机wap网站怎么去做呢？与pc电脑端网站的制作有什么不一样呢？
1、采用WML语法，其实这与XML是差不多，在制作手机网站的时候我们需要在代码顶部声明下：
|
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.1//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>这是一个手机wap网站</title> </head> <body> 手机网站怎么做？ </body> </html> |
2、手机网站的CSS样式采用百分符更为合适，随说手机网站与普通网站建设方法是差不多的，但手机种类很大分辨率与大 有不同，这就对CSS样式要有所规范了，尽量少采用图片式的布局，如下面的代码：
|
.concent{ width:100%; height:auto} .concent li{ float:left; width:20%; //采用百分号来控制显示的宽度 margin-top:5px; margin-bottom:5px; margin-left:5px; margin-right:5px } |
方法二：采用自适应同步跨平台
这种方是现在大部分手机网站制作的趋势所在，之前我们网站上有发表过一个相关”厦门做网站建设自适应跨平台解决方案一站通用“可以了解下，这种自适应式电脑、手机等设备网站怎么去做呢？
1、主要是在代码头设置：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
<html xmlns="http://www.w3.org/1999/xhtml"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> // 开通采用自适应模式 // width - viewport的宽度 height - viewport的高度 // initial-scale - 初始的缩放比例 // minimum-scale - 允许缩放的最小比例 // maximum-scale - 允许缩放的最大比例 // user-scalable - 是否可以手动缩放
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>这是一个手机wap网站</title> </head> <body> 欢迎进入手 </body> </html> |
2、响应式布局CSS(CSS3) @media screen，自适应的网站更加注重CSS的写法规则
|
<link rel="stylesheet" type="text/css" href="a.css" media="screen and (min-width: 300px) and (max-width: 400px)"> // 这个就是说当屏幕宽度在300-400像素的时候采用 调用a.ss文件 // 当然如果不这样调用的话也可以按下面的来做 @media screen and (max-width: 400px) { // 直接写在css文件中，在文件中来判断 .main{ widht:300px; } }
|
3、结合Jquery来显示固定的DIV
很多时候光靠CSS来自适应的话，很多都不能达到好的效果，如果你能懂些Jquery最好了，比如网站上面的导航条，我们 就可以动态的判断网页屏幕宽度多少时来显示隐藏DIV框架。如果你不很清楚的话，建议去”www.w3school.com.cn“网站上学下，其实不难。
方法三：手机APP网站独立制作
作者：一名
12年资深网站设计师 前端交互开发工程师相关文章：
-
领众教您怎么免费建设网站
都说网站建设是个技术活，但如果你能看完我们下面说的内容，也许您就可能自己建个免费的网站哦！不管你是个人还是公司都可以用以下方法去建免费的网站。当然如果还会做设计的话那
2014-01-14 -
厦门手机网站建设用费要多少钱?
厦门手机网站建设用费要多少钱？随着智能手机用户量的增加，企业对手机网站的需求也在急剧增加中，移动互联网中手机网站建设现在也是显得举足轻重。一、厦门手机网站建设费用要多
2014-01-14 -
手机移动网站建设设计者就不能错过
在现在世界上的智能手机使用互联网的人数已增加在很大程度上，尤其是最近几年。小工具怪胎人的这种行为已经导致增加移动网站的发展。有移动网站，每一个移动Web开发人员应该采
2013-12-17 -
一个完美的移动网站建设四个关键因素
在不断涌现的技术世界，如果你不保持更新，那么你将被抛出退出市场。为了应付与竞争对手，作为一个开发人员，你应该使用现成的技术来构建您的移动网站。现在你知道了移动网站的关键
2013-12-17 -
利用百度Site App一分钟免费为您建设手机网站
利用百度Site App一分钟免费为您建设手机网站，之前与大家分享过百度开发者的一些应用，其实这些应用对于企业来说的话最好的一个就是Site App了，你想为自己的企业建立一个免费的
2013-08-26 -
厦门怎么选择一家好的网站建设公司
厦门网站建设公司是非常多的，但是真正能服务好客户的确没有几家的，怎么选择一家好的网站建设公司呢，在几年也许你一直在看公司门面，但如今那个年代早以过时了，一家好的公司，他们注
2013-08-14 -
手机平台网站建设的春天以来到
随着国内外对智能手机的用户越来越多，不管在那里许许多的年青人手上都拿关手机在聊天上网玩游戏，安卓智能手机的诞生让传统的PC网站建设营销不在是唯一了。随说在智能手机诞生
2013-06-29