会员登录 | 注册

来去留技术信息资源

来去留技术信息资源
来去留网 > 去看信息 > 程序系统 > 学习如何用织梦dedecms做手机网站

学习如何用织梦dedecms做手机网站

2015-01-22 13:11来源:未知发布者:laiquliu 查看:
了解如何用织梦dedecms做手机网站:
   目前手机网站很少的原因是没有好的程序来建,而传统网站好的程序却很多。我们可以采用拿来主义,一样可以轻松的制作手机网站。dedecms就是目前不错的一个系统。而且我们可以用火车头等外部采集器来采集大量的内容。所以我来说一下如合用dedecms来做手机网站。  传统网站和手机网站的区别有两个:
  1:网页协议,就是我们常说的wap(无线应用协议)。目前wap已经发展到了2.0,也就是xhtml mobile,也就是我们能够用普通浏览器就能看的手机网站。而用普通浏览器不能看的手机网站一般都是wap1.0.WML,貌似现在已经过时,所以现在做一个比较时髦的wap2.0的网站。
  2:网页大小,要做到需要手机屏幕能够阅读的地步,具体多大看你的喜好了,我喜欢180像素宽的页面,长度不限。
  下面我说一下制作步骤:
  鉴别一个页面是不是wap网页在于每个页面源代码最上面的协议声明。一般dede的模板采用的是传统网站的协议,如html 4.01 , xhtml 1.0.我们要做的是把模板的协议手工的给改一下,全部改成:
xhtml mobile 1.0: <!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"> 
  这样你的网页就变成了手机wap2.0了,搜索引擎的爬虫进来后也认为你这个是一个手机网站了。 (如果你想独立建一个新的手机页面,用dreamwaver的新建空白页-页面类型html或php-文档类型xhtml mobile 1.0 就行了。)  一般dede的文章模块需要4个模板:主页-频道-列表-文章。你得把这4个的源码里面的协议都给改了。
 剩下的就是改页面大小,改好后,把原模板里面的多余的命令去掉,剩下的就是这几个有用的命令:
  文章模板:导航地址{dede:field name='position'/}
  文章标题{dede:field name="title"/}
   文章内容{dede:field name='body'/}
  上下页链接{dede:prenext get='pre'/}   {dede:prenext get='next'/}
  列表模板:列表[field:title/]{/dede:list}
  频道模板:频道[field:typename /]{/dede:type}{/dede:channelArtlist}
  把这几个代码放在你新的小页面上的需要的位置。页面别的地方可以自主设计,放广告代码什么的。这样你的模板就做好了。
  放广告代码:你的页面不能是html的后缀,因为目前广告的解析不能在手机端完成,这样就需要我们把dede生成的html改成php。分2步:
1,在页面设置里面改,在高级选项的命名规则里把后缀从html手工改成php。
2,需要你把每个模板源码里面的第一行加上这么一段话:  < ?php echo '<?xml version="1.0" encoding="UTF-8"?>' ?> ,UTF-8可以改成你需要的编码。这样你的页面生成后就是一个纯的PHP页面。就可以放广告代码了。
 剩下的就是你采集资源放进数据库了,然后通过批量生成,就可以做出一个有大量文章内容的手机网站了。
   检验:如何知道自己的手机网站(如:wap.laiquliu.com)是正确的格式,用W3C的程序检验一下就知道了。
http://validator.w3.org/ 输入网址测试后,如果是红字,底下会注明你页面里面哪些有错误。如果是绿字,恭喜你,你的页面就是纯粹的合格的XHTML网站。

了解手机网站和web网站怎么共同使用一个域名呢?

把这段代码加在你的web网站首页的head里面
<script type="text/javascript">
    var mobileUrl="你的手机网站首页",
        mobile =(/mmp|symbian|smartphone|midp|wap|phone|xoom|iphone|ipad|ipod|android|blackberry
|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
    if (mobile) {
        window.location = mobileUrl;
    }
</script>

注意:|android|blackberry|mini|windows\现在有空格的,实际是没有空格的,当复制黏贴时要把中间的空格个删除掉就可以了。

来看织梦dedecms实现手机wap浏览

dede织梦手机wap浏览模块文件目录详解
 ————————————————————————————————
文件|../wap.php | dede手机wap首页文件
————————————————————————————————
文件|../include/wap.inc.php | Html 标记WAP语言【即html与wml转换配置文件】
—————————————————————————
目录|../templets/wap | dede手机浏览页面模板及图片文件目录
————————————————————————————————
文件|../templets/wap/article.wml | 手机浏览页面内容页模板
————————————————————————————--------
文件|../templets/wap/error.wml | 错误页面模板
————————————————————————————————
文件|../templets/wap/hr.gif | 头部,底部与主题间的分割线
 ————————————————————————————————
文件|../templets/wap/index.wml | 首页模板
————————————————————————————————
文件|../templets/wap/list.wml | 列表页模板
————————————————————————————————
文件|../templets/wap/logo.gif | wap手机网站logo
————————————————————————————————


来看织梦手机wap网站标签调用集
(责任编辑:laiquliu)

关注技术,信息,资源,扫描来去留网微信二维码交流。

来去留我李俊

搜索

------分隔线----------------------------
相关栏目

热点推荐
来去留技术信息资源
来去留网为您提供平台咨询交流学习方法及各类热门技术;电器,服装,保健,行业快讯等二十几个类别的资讯