今天抢先体验下pw8的门户制作。感觉pw8.0和pw7.5还是有点区别的,也想把一直制作的步骤和大伙分享下, 以下只是个人的一些制作过程,仅供参考.
第一步. 我要做的是一个
游戏频道取名(game)。先把我之前写的静态
模板拷贝到了
phpwind8\html\channel这个文件夹中
同时我在phpwind8\mode\area\themes这个文件夹中也拷贝了一份。
第二步,我要去后台开启一下,这样频道就算添加成功了
第三步,那就直接开始在编辑器中开始修改我们的静态页面了
(这里我要告诉各位的是我在做静态模板的时候的一些小步骤,因为要做pw的模板么,所以大框架我还是按照pw的模板来做的,为了以后模块化方便,所以我的css,图片的都是按照默认的摆放的,css之类的放在images中之类,我待会把我的静态页面一并上传,大家可以看下目录结构。如果你有更好的方法,或者不同的见解,欢迎分享给大伙哦)
我去phpwind8\html\channel\game中编辑main.htm的时候。发现一个问题
静态页面中头部文件一般是这样的吧
但是我在官方一个默认模板中看到的代码是这样的,原来上面那段代码是调用默认头部的,还有底部也是一样的道理哦,所以只要处理中间那部分就可以啦。我静态页面中头部底部多用那两段代码替换了一下。
第四步,说下我们如何具体修改代码吧,flash放后面说吧,先看一个第一个模块 我把制作过程截图下来,首先是上面两张图片和下面带一个标题的那块图片一
图片二
大伙注意咯,有没有发现啊,图片二中,我添加了一个<pw></pw>的标签把<ul>包起来哦
第五步,赶紧去浏览器中刷新一下吧,看下有没有变化,嘎嘎(其实没有变化地),然后再来编辑器中吧
编辑器自己跳出来,选择是,我用的是dreamweaver,不其它浏览器会不会有这种情况的。
下面我们要去另外一个文件看下啦phpwind8\html\channel\game中的config.htm文件(这个文件夹可是承载着很大使命的哦,因为模块化的希望都在它身上啦,嘎嘎,开玩笑地)赶紧去看下吧
第五步模块化(重要步骤)
有没有发现,其实就是<pw id="R47game" />,其中他们的id还是对应的哦,接下来任务就是在config.htm里面咯
第六步 开始模块化,大家可以看下config.htm页面中代码有什么不同了(和第五步中的比较)
对了,我们就是把以前一些静态的内容替换成了动态的,一些图片的信息{image},一些标题用{title}
一些参数的话,我想官方到时候应该会出来一个比较标准的模式,我这边就截图一个现在还不没有完全定稿的,大伙参考或者了解一下
第七步, 大家去前台看下变化吧
点击“管理”弹出框
激动一下下,在管理员帐号下,可以直接前台操作咯~
这儿只颜色了一个小小的模块,其它模块也是按照这个步骤来地(从第四步到第六步)
第八步(其实没有步骤了,只是上面我们说到的flash问题,详细讲解下吧)
因为有时候我们会涉及到一些宽度和高度的修改,这里面要用到一些样式了
在images/style.css文件中
#pwSlide_0{height:360px; width:305px;}
#pwSlide_0 .switch,#pwSlide_0 .switch li{height:275px; width:305px;}
这些样式多试试