[phpwind教程]phpwind9.0门户开发教程：懂html就能制作模版—导入方式

[tr][td]懂html就能制作模版——导入方式制作模版
一、你需要下载一个phpwind9.0标准门户模版，他提供了基本的文件夹结构和pw9的模版要素
解压后得到下图的目录结构

图片：114942cxxx2y8erxqsyc2z.jpg

css、images、js、template分别用来放css文件，图片文件，js文件和模版htm文件，在phpwind9.0中，模版文件是用".htm"结尾的
help.txt是一个帮助文档，如果熟悉了可以删除掉
Manifest.xml用来描述模版作者版权
index.htm可以直接用浏览器打开，但现在是一片空白

二、用Dreamweaver打开index.htm

图片：114942cxxx2y8erxqsyc2z.jpg

这就是index.htm的全部内容，其中：
“网页设计区域开始”到“网页设计区域结束”是你的html代码区域
为定义一个拖曳区域，可以删除，其它代码，请保留
三：一个非常简单的例子
1、删除
2、在设计区域里添加代码：

 

我是标题

[*]上列表1

[*]上列表2

[*]上列表3

[*]上列表4

[*]上列表5

 

3、第四行增加css的链接文件代码4、在css/style.css文件里添加

.demo1{
 border:1px solid #ff0000;
 width:500px;
 margin:auto;
}

.demo1 h1{
 font-size:14px;
 color:#266aae;
}

5、保存后用浏览器打开，看看是否为设计的效果（demo里就加了一条红边框）
6、调整完成后需要做如下修改：
1）修改资源文件调用路径：
css目录使用{@G:design.url.css}
images目录使用{@G:design.url.images}
js目录使用{@G:design.url.js}

修改为

2）定义标题区域
 用包裹标题(导入后运营者可以随时修改这个标题的文字或样式)

我是标题

修改为
 我是标题

3）定义列表区域
用包裹列表(导入后运营者可以随时修改这个列表的调用方式)

 
[*]上列表1
 
[*]上列表2
 
[*]上列表3
 
[*]上列表4
 
[*]上列表5
 

修改为：

 

 
 
[*]上列表1
 
[*]上列表2
 
[*]上列表3
 
[*]上列表4
 
[*]上列表5
 
 

4）打包
使用winrar或其它压缩软件压缩，注意应该从css/images/js等目录的上层目录打包压缩，压缩格式选择“.zip”

5）安装phpwind9.0，新建一个自定义页面(不会建？看本教程第一节)
进入该页面的编辑模式，右上角点击“导入模板”

6）鼠标移到网页文字上看看~~~~~~是不是出现模块编辑样式了？</strong>
[/td][/tr]