模板制作
前言介绍
您在开始进行社区模板的设计之前,有必要了解一下我们模板开发设计的方式,将使得您设计出更加规范的模板,对于前端工程师而言,也有助于形成良好的编码习惯,实现自身能力的提升。如果您有意编写 Discuz! 社区模板,请按照先后顺序仔细阅读本文档,以避免造成一些代码文件上的重复和结构的不合理,下面我讲为大家具体的介绍一些快捷的对模板进行扩展修改的方法和一些注意事项!
推荐:10天学会HTML教程
HTML
所有HTML标记参数赋值需使用双引号包含,例如,应当使用
<input type="text" name="test" value="ok" />
而绝对不能使用<input type=text name=test value=ok />
在任何情况下,产品中的模板文件必须采用手写HTML代码的方式,而绝对不能使用DreamWeaver、FrontPage等自动网页制作工具进行撰写或修改。
非成对标记必须以"/>"结尾,如
、<input …/>,<input /> 标记的属性必须按照以下顺序书写:<input type="" name="" id="" class="" … />
语法缩进
在Discuz!的*.htm模板文件中,由于具备逻辑结构,故不考虑任何HTML本身的缩进,所有缩进均意为着逻辑上的缩进结构。缩进采用TAB方式,不使用空格作为缩进符号,仅需适当断行即可。例如:
<!--{loop $threadlist $thread}-->
<table cellspacing="0" cellspadding="0" border="0">
<tr><td>$thread[message]</td></tr>
</table>
<!--{/loop}-->
<table cellspacing="0" cellspadding="0" border="0">
<tr><td>$thread[message]</td></tr>
</table>
<!--{/loop}-->
更多相关:
1、如何搭建本地环境(php+mysql环境)
2、Discuz模板的制作方法
3、风格管理编辑页面中风格常量在模板中的注解图
4、Discuz各类幻灯片的制作方法 - 完全支持DIY
5、巧用firebug 对Discuz!模板进行样式调试修改美化