领众品牌官网
为厦门网站建设公司企业提供高品质网站建设
热线:0592-5596197

网站建设

当前位置:首页 > 营销运营 > 网站建设

手机网站怎么做?

来源:领众品牌    查看次数:    发表时间: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网站独立制作

为什么我说手机APP网站独立制作呢?这是因为手机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