蓝顿长沙网络公司,十年专注于长沙营销型网站建设长沙网站制作seo优化推广服务,服务热线:0731-85287087
长沙网站建设 长沙网站制作

分享关于手机网站建设的一些基本经验

营销型网站建设
长沙网站优化培训,长沙seo培训

1.页面的适用性问题:
对于移动终端,有不一样的分辨率与屏幕尺寸,如果还像电脑端的设计还限制网页的宽度为1003px或其他像素值,字体大小还用12px或14px,那么,不一样的终端的效果差别会很大。所以这里,最好让网页的宽度自适应屏幕,还好,w3c在设计html的时候为我们考虑了这一点,只需一句话,就可以搞定,就是加上
<meta name="viewport" content="width=device-width"/>
对于字体的话,我们就用em或ex为单位就好 。
2.版本制作问题:
移动页面往往针对不同的手机设置不同的版本,一般有精简版,标准版,3G版,触屏版,智能手机版等等,这些除了在页面设计上有不同外,页面语言也会不同的。精简版采用wap 1.0 的wml脚本编写,这个通用性以前很强,很多国产手机都支持这个语言的,但这个语言是很精简的。标准版的一般可以采用wap 2.0技术,对应的脚本语言是xhtml mp(xhtml mobile profile),这个语言是xhtml的子集,这个并且支持大部分的css,基本上和电脑版的差不多,但一般不能用js,这是考虑到这些手机是不支持js的。对于智能手机版,由于现在的智能手机都支持js,这个版本的制作上就简单多了,不过,又由于大部分智能手机(基本上除去塞班手机,包括Android,ios,wp7等)都支持Html5,因此,智能手版可以采用html5来制作。
3.版本控制问题:
可能这部分是比较不好解决的,怎么智能判断手机的最佳版本并跳转,可以从这几个方面考虑。一方面,可以想办法得到手机的操作系统,比如,Android的,ios的,就可以跳转到html5版了,windows系统,毫无疑问电脑版,获得手机系统,可能通过得到手机型号,现在的方法是通过浏览器的UA(user agent),获得手机的一些信息,简单一点的,直接可以通过UA判断手机的制造产商。要想获得更多的信息,就得有一个数据库,因为不同手机型号会有不一样的UA信息,世界上的手机有很多,自己要想做一个这样的数据库还是很难的,不过,已经有人为我们做好了这样的数据库,或者更方便的,做好了一个识别手机适用最佳版本的函数库,这里我推荐用Wurfl。另一方面,可以通过页面的脚本来判断浏览器对js和html5的支持,代码如下
<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta name="viewport" content="width=device-width"/> 
<title>版本控制</title> 
<script type="text/javascript"> 
window.onload = function(){ 
//检测是否支持js 
try{//检测是否支持html5 
document.getElementById("c").getContext("2d"); 
document.location = '支持html5版的链接'; 
}catch(e){//否则跳到支持js版 
document.location = '支持js版'; 
}; 
</script> 
</head> 
<body> 
<canvas id='c'></canvas> 
普通版 
</body> 
</html> 

如果你仅仅想开发一个版本,只是判断一下是不是移动客户端,这里引用一段discuz! x2的代码
<?php 
function checkmobile() { 
global $_G; 
$mobile = array(); 
static $mobilebrowser_list =array('iphone', 'android', 'phone', 'mobile', 'wap', 'netfront', 'java', 'opera mobi', 'opera mini', 
'ucweb', 'windows ce', 'symbian', 'series', 'webos', 'sony', 'blackberry', 'dopod', 'nokia', 'samsung', 
'palmsource', 'xda', 'pieplus', 'meizu', 'midp', 'cldc', 'motorola', 'foma', 'docomo', 'up.browser', 
'up.link', 'blazer', 'helio', 'hosin', 'huawei', 'novarra', 'coolpad', 'webos', 'techfaith', 'palmsource', 
'alcatel', 'amoi', 'ktouch', 'nexian', 'ericsson', 'philips', 'sagem', 'wellcom', 'bunjalloo', 'maui', 'smartphone', 
'iemobile', 'spice', 'bird', 'zte-', 'longcos', 'pantech', 'gionee', 'portalmmm', 'jig browser', 'hiptop', 
'benq', 'haier', '^lct', '320x320', '240x320', '176x220'); 
$useragent = strtolower($_SERVER['HTTP_USER_AGENT']); 
if(($v = dstrpos($useragent, $mobilebrowser_list, true))) { 
$_G['mobile'] = $v; 
return true; 
$brower = array('mozilla', 'chrome', 'safari', 'opera', 'm3gate', 'winwap', 'openwave', 'myop'); 
if(dstrpos($useragent, $brower)) return false; 
$_G['mobile'] = 'unknown'; 
if($_GET['mobile'] === 'yes') { 
return true; 
} else { 
return false; 
function dstrpos($string, &$arr, $returnvalue = false) { 
if(emptyempty($string)) return false; 
foreach((array)$arr as $v) { 
if(strpos($string, $v) !== false) { 
$return = $returnvalue ? $v : true; 
return $return; 
return false; 
var_dump(checkmobile());//如果是移动端返回true,否则false 
?> 

4.手机版本的大小问题:
一般来说,对于精简版和普通版的手机网页,我们是做得越精简越好,能省的代码最好省去,毕竟现在手机流量对用户来说还是很宝贵的。比如元素命名,一般页面少的话,命名越短越好,css最好写在一行。css中,有些元素是继承父类的样式的,不用重复定义,善用默认值。
5.浏览器缓存:
如果再更新不快的情况下,最好开启浏览器缓存。

网站建设怎么做
上一条:专业提供花店网站建设,网站设计,鲜花店网页设计服务
下一条:jdhMVC框架使用方法
咨询热线:0731-85287087 地址:长沙市雨花区万家丽南路458号(省环保厅对面)
如果您有网站建设网站推广网站优化seo培训等方面的疑问,可免费咨询我们的在线专家,我们会从专业的角度认真解答,您也可以到我们公司咨询相关问题,我们的服务人员将热情为您服务!
  • 网站建设
  • 维护运营
  • 网站优化
  • 淘宝优化
  • 营销推广
  • 微信营销
下一个
    长沙网站建设价格
    “推广没效果,网站就不升级了”“既然推广停了,网站过期也不管了”。很多老板面对推广后网站的惨淡业绩,不免唉声叹气,殊不知推广效果好坏,很...
    长沙网站建设价格
      想做好网站运营不容易,需要有过硬的运营知识和工作技能,才能保证网站持续运营,保持快速的发展。   1.了解行业   ...
    长沙网站建设价格
      笔记本电脑开不了机是很多客户遇到的一个问题,很原因会使笔记本电脑开不了机。网际电脑今天分享给大家几个排查法处理一般自己能处理的方法! ...
    长沙网站建设价格
      无线网络连接上但上不了网,网络信号满格却上不去网,上网信号满格只能说明信号强,连接上只能说明和路由器连接上了,你就是没插网线只是给无线路...
    网站优化技巧
      因为搜索引擎算法频繁改动,导致网站排名上下波动,经常是付出的努力大于回报。所以SEOer不再优化企业网站,而是选择优化淘宝店铺。因为淘宝...
    网站优化技巧
      淘宝卖家好多都没有学习过SEO,只是,他们在开淘宝的过程中可能听说过淘宝SEO。我也是一个淘宝卖家,我也会把SEO的技术利用到淘宝商品中...
    网站优化技巧
      说到淘宝SEO,其中最关键的就是权重问题了,相信很多卖家都有做过淘宝搜索排名优化,也知道影响权重的一些因素,但是也有一些卖家朋友是不知道...
      优化淘宝自然搜索之前,先要做的第一件事情,就是对自己的店铺及产品进行“体检”,排除所有可能或者已经违规的行为。必须要让店铺做到“健健康康...
    长沙网站推广
      网络营销有时很容易与网上销售混为一谈,网上销售自然属于网上营销,但两者概念的范畴并不相同,网络营销具有更广泛的意义。因此在对网络营销定义...
      (1)博客内容增加搜索引擎可见性,从而为网站带来访问量   Google, Yahoo 和 MSN等搜索引擎都有强大的博客内容检索功能...
      (1)网络品牌管理:网络品牌管理是指通过合理利用各种网络营销途径创建和提升品牌,主要内容包括网络品牌策略制定、网络品牌计划实施、网络品牌...
    长沙网站推广
      域名:域名要求与本医院名字、本科室相关,尽量简短好记   空间:如果是万网域名,尽量选用万网云服务器。比较有保障。   完善的dat...
    安安母婴社群运营管理策略 为了科学开展工作,社群运营可分为三个工作阶段,主要是:拉新阶段+促活阶段+留存阶段,每个阶段的主题略有不同,战略...
    长沙微信营销
    说到微信营销,大家很自然就想到了朋友圈营销;说起微信卖货,说白了其实就是朋友圈卖货!我们把那些在朋友圈上卖货的人统称“微商”。做微商,如果对...
     变现的方法:   1, 帮人推广   可以帮一些公众号转发一些内容,这方面的需求应该会很大。因为大部分做公众号的都是舍得花钱推广的。去...
      这些年的微信朋友圈营销的火爆让人啧啧称叹,而现如今很多商家也将朋友圈的营销变得妖魔化,不断鼓吹微信朋友圈的作用,但是微信朋友圈也并非万能...
长沙网站制作
长沙网站制作公司,长沙网络公司,长沙网站优化
© 2016 长沙市蓝顿品牌设计有限公司 湘ICP备16016586号 
地址:湖南长沙雨花区万家丽路泰禹家园1-409 工作QQ:565616163
本站关键词:长沙网站建设 长沙网站优化 长沙网站推广 长沙网站优化培训
长沙软件界面设计 长沙网站制作 长沙网络公司