入门实例教程
本教程面向用户:
·适用于想使用08CMS建站的用户;
·08CMS零基础的用户;
·会使用Dreamweaver设计简单表格式模板的用户。
工具:
·Dreamweaver(制作网站模板时使用)
网站部署:
·网站共设3个栏目:电影、电视、音乐
·首页:每个栏目下调用5条信息。
·列表页:栏目列表页每行显示1条信息,每条信息显示样式:标题(发布时间),并做分页。
·内容页:每条信息的内容页面显示样式:标题,新闻正文。
·文档模型:新建一个新闻文档模型。
网站实例效果图:
最终效果图:
首页
列表页
内容页
首页参数:
1、全站导航菜单 ,'
类目列表
';
2、全局栏目类目位置,属性'
栏目类目位置导航
';
3、'
列表链接
'手动添加;
4、列表内容读取,属性'
文档列表
';
5、底部属性'
区块替代标识
';
列表页:
1、全局'
栏目类目位置导航
';
2、
栏目类目位置
;
3、分页列表内容读取,属性'
文档列表
';
4、分页标识,属性'
{$mpnav}
';
内容页:
1、文章内容页标题,属性:原始标识 '
标题 {$subject}
';
2、文章内容页内容,属性:原始标识 '
文章内容 {$content}
';
网站制作步骤:
网站参数设置:【看图说明】
架构设置:【看图说明】 添加一个文档模型!
编辑文档模型:【看图说明】
添加字段:
增加栏目:
添加一些基本内容做测试:
增加模板:
模板制作:
首页 --------------
1、网站名称或LOGO; 2、网站栏目 3、网站头部 4、网站位置导航 5、电影栏目的文档列表 6、电视栏目的文档列表 7、音乐栏目的文档列表 8、网站底部
列表页 --------------
1、同首页一样的头部 2、网站位置导航 3、网站列表页标题 4、文档标题列表 5、分页标识 6、网站底部。
内容页 --------------
1、同首页一样的头部 2、网站位置导航 3、网站内容页标题 4、内容页 内容 5、网站底部。
点击 复合标识
点击 添加 进行添加
1、添加 标识名称 (也可以先不添);
2、添加 英文ID (也可以先不添);
3、可以添加的 参数 选择列表;【这里我们选择 “
类目列表
”】
1、标识名称可以填写任何文字和数字等符号,这里我们填写 “全局菜单”;
2、点击这里可以 查看 “原始标识”;
3、查看“特殊字段标识”;
4、查看“复合标识”;
5、查看“分页标识”;
6、编辑 选中的“标识”设置;
7、这里添加 标识模板;
8、设置要显示的列表结果;
9、这里 是分列数,(注:DIV+CSS布局为1即可,Table布局 则按需求进行修改!)
10、这里是设置频道属性;
11、设置显示的栏目;
12、点击添加 确认 ;
13、点击这里生成#模板调用代码#;
这里是点击 #插入原始标识#弹出的属性框;这里我们做“全局菜单”所需要的原始标识在《1、类目相关 里面 2、类目标题 3、类目列表URL》!
把参数和标识 填写完 就是下图效果!
||
1、单击生成代码 按钮; 2、这里 快捷 复制代码 按钮; 3、这里 关闭代码 框 的按钮 ; 4、这里 是点击 生成代码之后 生成的代码窗口,写到模板里面就需要这些参数!
把生成出来的代码 拷贝之后 ,打开Dreamweaver 找首页模板 的全局菜单文字位置 如下图:
用刚才生成的代码 替换 全局菜单文字,
注意要在代码窗口处理!
下面开始 做 文档列表,1、找到复合标识, 点添加, 2、选择 文档列表 ;
点插入原始标识 之后 ,在弹出的原始标识的窗口中 选择 1、文档相关; 分别需要用到的原始标识, 有 2、是用来做特殊标识用的参数,3、4、是用在标识模板里面的参数;
在添加文档列表的标识模板 上方,点击 插入特殊标识模板 ,并采用上图中 2 的标识 , 添加时间显示标识;
|
填写参数解析:
1、自己命名 标识名称;2、填写 英文ID ;3、属于原始标识你相对应需要处理的标识;4、选择显示的格式;5、点击生成代码;6、拷贝生成的代码;
下图中:1、2、为自己命名的参数;3为标识模板参数由4原始标识 和 5特殊字段标识组合;6、这里设置为列表结果限制;7这里是分列数;8选择这个文档列表的栏目限制!选中为需要的栏目!
下图:1、生成代码 按钮;2、生成的代码,拷贝使用 3、功能按钮区;4、这里是保存这个复合标识的!需要点击2次;
将上面生成的代码 拷贝 并找到首页模板 在电影的文档列表处 添加;(注意在代码窗口操作)
下面开始 操作其他的:电视 音乐
1、电视处文档列表代码;
2、音乐处文档列表代码;
下面开始处理头部 内容 标识处理!
1、为文档“title”;2、关键字;3、网站描述;4、样式链接
附:原始标识相关参考!
|
这里把需要相同使用的头部文件和底部文件 用
区块替代标识来处理
!看操作:
底部操作::
头部操作::
{依照 底部 依法泡制 }
开始处理网站的首页模板调用:
定义 首页模板 位置!
查看 首页 》》
完成后 首页效果展示:
下面开始设置 列表页页面:
首页赠加节点:看图(节点请查看“名词解释”)
下面图:
2、这里用的列表页面都是一样的,所以全选做同样的处理,
3、这里2个 左边的是批处理 右边是单个编辑,
4、处理好之后的结果。
开始处理列表页面:
优先处理 头部 和 底部:
开始处理 类目位置导航 部分:
1、点击添加 “类目位置导航”
1\2\为定义命名名称,
3\4\为标识模板内容,
5\类目属性 为栏目
6\7\为功能按钮。
点击插入原始标识之后 要选择用的原始标识:
把生成的 代码 处理到 列表页面模板上面:1、为栏目位置导航 ; 2、为当前栏目的标题属性(内容基本和位置导航相同)
处理 文档列表 这里做分页展示处理;如果不分页的话 只要把分页标识处理 改为 复合标识 处理即可;
上图:
1、2、3、4、5都按照相关操作即可; 6、这里设置的是 每个分页列表页面需要列举的结果数目限制,这里测试数据不多所以限制为4条信息就可以分页;7、这里设置显示的总结果限制,为了防止文章过多而全部读取,所以在这里做限制;8、这里激活类目 是沿用网站中 很多地方都有激活的项目,一般设置为联动设置,具体释意请看 08CMS名词解释;
下图:
9、设置导航页码长度:
需要读取的原始标识 参数;
需要显示 添加时间,这里就需要读取原来设置的 特殊字段 时间显示标识,只要到这里生成 调用即可:
基本不用做修改,沿用原来的参数设置即可,点击生成代码 调用:
在前面的参数设置之后 ,生成代码,调用到列表模板:
1、为代码调用(请在源码里面操作),2、为08cms系统内置的分页代码标识“
{$mpnav}
”
处理模板完成 ,添加到 网站模板页面 :
点击 菜单 查看效果:
列表页面效果展示;
内容页面 模板处理:
1、沿用列表页面的 代码 ,但是要增加 一个 标题的 标识 {$subject},
2、3、读取原始标识即可,
4、5、沿用 头部 和 底部 区块替代标识即可。
代码处理。。
1、这里是本页面动态 “title”;
2、头部区块替代标识 {tpl$header}
3、这里是 栏目位置导航
4、标题 的原始标识
5、内容 的原始标识
6、底部区块替代标识 {tpl$footer}
附: 内容页面 调用 原始标识 参数;
设置 内容页面 模板:
可以到前台页面 查看详细内容页面了!
内容页 最终效果:
到这里,整个入门 实例教程 完毕!!