编辑“约克内容管理系统/模板制作流程

跳转至: 导航、​ 搜索
警告:您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您登录创建一个账户,您的编辑将归属于您的用户名,且将享受其他好处。

该编辑可以被撤销。 请检查下面的对比以核实您想要撤销的内容,然后发布下面的更改以完成撤销。

最后版本 您的文本
第4行: 第4行:
1. 准备静态页面
1. 准备静态页面


*制作静态页面时,可以直接保存互联网上的比较好的现有[[网页]],如上章5.1中图例5-1和图例5-2那样的内容页和索引页,也可用Dreamweaver等自己制作。
*制作静态页面时,可以直接保存互联网上的比较好的现有网页,如上章5.1中图例5-1和图例5-2那样的内容页和索引页,也可用Dreamweaver等自己制作。


2.在源码状态下清理静态页面
2.在源码状态下清理静态页面


*可使用[[Dreamweaver]]等工具去掉页面中的各种内容,同时保留相应的标签,以清理如下代码为例:
*可使用Dreamweaver等工具去掉页面中的各种内容,同时保留相应的标签,以清理如下代码为例:


<pre>
<pre>
第18行: 第18行:
</pre>
</pre>


*去掉文章列表的内容,保留相关[[html]]标签以后为:
*去掉文章列表的内容,保留相关html标签以后为:


<tr> <td></td> <td></td> <td></td> </tr>
<tr> <td></td> <td></td> <td></td> </tr>
3. 代码分析和页面分拆
3. 代码分析和页面分拆


*清理页面后,需对剩余[[代码]]进行分析,比如,可以将上述清理后的列表调用代码替换为[[约克内容管理系统]](York CMS)语法如下:
*清理页面后,需对剩余代码进行分析,比如,可以将上述清理后的列表调用代码替换为约克内容管理系统(York CMS)语法如下:


<pre>
<pre>
第63行: 第63行:
简单的:公共头部 / 中间内容区 / 公共尾部
简单的:公共头部 / 中间内容区 / 公共尾部


复杂的:公共页眉/公共[[logo]]小横幅/公共导航条或导航区块/公共或栏目大     
复杂的:公共页眉/公共logo小横幅/公共导航条或导航区块/公共或栏目大     
                              
                              
         横图区块/左中右小区块/横式区块/大内容区块/公共底部链接条
         横图区块/左中右小区块/横式区块/大内容区块/公共底部链接条
第85行: 第85行:
'''模板制作中图片等的调用路径'''
'''模板制作中图片等的调用路径'''
   
   
*约克内容管理系统(York CMS)采用了发布层和表现层分离的架构,因而不管是静态发布还是动态发布,在模板制作中涉及到的图片、css、js以及论坛路径等调用请使用模板变量中设置的路径。如:模板变量中默认的模板图片路径变量为http://skin.yorkbbs.ca/templates/yorknet/images/,则可以在模板变量管理中对该变量进行设置。我们需要在模板制作中使用该变量代替实际的模板相关文件的路径,使用模板时要将图片、[[css]]、[[js]]等文件上传到模板图片路径变量http://skin.yorkbbs.ca/templates/yorknet/images/对应的目录。
*约克内容管理系统(York CMS)采用了发布层和表现层分离的架构,因而不管是静态发布还是动态发布,在模板制作中涉及到的图片、css、js以及论坛路径等调用请使用模板变量中设置的路径。如:模板变量中默认的模板图片路径变量为http://skin.yorkbbs.ca/templates/yorknet/images/,则可以在模板变量管理中对该变量进行设置。我们需要在模板制作中使用该变量代替实际的模板相关文件的路径,使用模板时要将图片、css、js等文件上传到模板图片路径变量http://skin.yorkbbs.ca/templates/yorknet/images/对应的目录。


示例代码:
示例代码:
您已切换至源代码编辑关闭

您可以随时通过点击该图标切换回可视化编辑。

请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅Wordpress-mediawiki:版权的细节)。 未经许可,请勿提交受版权保护的作品!
取消 编辑帮助(在新窗口中打开)

本页使用的模板: