帝国论坛帝国网站管理系统交流区模板/标签/插件共享交流[原创]带css的html5手机版(wap2.0页)制作要领 【本版专题贴子】  
主题:[原创]带css的html5手机版(wap2.0页)制作要领 [加入收藏夹]   

ai1
用户头衔:举人

精华贴   :0
发贴数   :161
经验值   :1532
注册时间:2012-01-31
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
[原创]带css的html5手机版(wap2.0页)制作要领
随源程序带的wap1.0手机版已经相当完备,唯一的缺憾是只适合于非智能手机。要想给你网站增加使用范围并改善网站形象,增加一个漂亮的手机版不失为首选。这样的手机版页面带css,信息与主网站完全同步,可以随心所欲地修改、加工,容易上手。这里不打算介绍我的制作细节,但把一些要领献给大家,供学习参考:
一、复制现有e\wap文件夹,并命名,如wap1
二、把e\wap1\wapfun.php里的页头的定义xml改为html,加入页头和页尾的样式css和logo等必要文件(可放置在相同文件夹内)
三、加入其它页的样式(e\wap1\template\1及2中所有文件)
四、首页e\wap1\1或2\index.php显示的栏目可以选定,不显示栏目可在sql的where后面加and classid!=64以不显示64栏;限制所列栏目数量可在..\2\index.php的..select末加limit 10(显示10条),此未必方便采用
五、带css的wap手机版实为html手机版,可在电脑版网站的首页页头加上自动判断代码,一旦用智能手机浏览时即自动跳转至e\wap1;为了照顾普通的非智能手机,建议依然保留使用源程序所带的wap,即原xml手机版,也即e\wap

好了,到了这里,一个漂亮的html5手机版(wap2.0页)就算完工了,将来还可以增加搜索和发布功能。搜索功能下次详解哟。

[该贴被修改 4 次,最后修改时间 2014-04-27 16:58:35 ]


时间是把金钥匙
2013-10-16 22:35:16 已设置保密 顶部 回复 引用 报告 编辑 删除

feier
用户头衔:探花

精华贴   :0
发贴数   :6831
经验值   :21317
注册时间:2008-07-31
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 2 楼]

不错,复制wap目录再改




2013-10-17 08:00:25 已设置保密 顶部 回复 引用 报告 编辑 删除

gaowq1113
用户头衔:举人

精华贴   :0
发贴数   :140
经验值   :660
注册时间:2009-07-07
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

好文章 必须顶!




2014-02-05 22:57:25 已设置保密 顶部 回复 引用 报告 编辑 删除

花心
用户头衔:探花

精华贴   :0
发贴数   :4374
经验值   :13671
注册时间:2008-11-01
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 4 楼]

支持




2014-02-06 08:46:06 已设置保密 顶部 回复 引用 报告 编辑 删除

ruikeol
用户头衔:举人

精华贴   :0
发贴数   :272
经验值   :1001
注册时间:2008-07-02
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

具体如何操作



电脑技术学习

装修知识网


2014-04-14 00:25:31 已设置保密 顶部 回复 引用 报告 编辑 删除

ruikeol
用户头衔:举人

精华贴   :0
发贴数   :272
经验值   :1001
注册时间:2008-07-02
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 6 楼]

求操作步骤



电脑技术学习

装修知识网


2014-04-17 16:45:18 已设置保密 顶部 回复 引用 报告 编辑 删除

帝国时代3
用户头衔:探花

精华贴   :0
发贴数   :3462
经验值   :10602
注册时间:2008-03-26
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 7 楼]

支持




2014-04-18 08:49:02 已设置保密 顶部 回复 引用 报告 编辑 删除

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by: EBB Version 2.2.1