模板制作培训标准手册.docVIP

模板制作培训手册 本文档主要针对一些具备了一定的HTML基础知识的人而进行的培训。 模板制作流程图： 首先要根据设计好的图片制作出标准的HTML文档： 我们可以用HTML码写出HTML文档，或者用网页制作编辑器制作出HTML文档。至于如何制作，在这里不多讲述。这里主要介绍一下在制作HTML文档过程中应该注意的几个问题： 表格嵌套不得超出三层。 2、在制作表格时要优先考虑列。 3、使用统一的样式表,即CSS；路径应为：/images/css/ 4、模板里的图片统一放到/images/这里目录下。如/images/index/index-images01.gif 5、HTML文档及图片命名规则：栏目名称+制作日期+图片序号。 将HTML文档另存成XSL文档： 添加XSL文档所必需的头部和尾部内容。代码如下： 头文件： xsl:stylesheet version=1.0 xmlns:xsl=/1999/XSL/Transform xmlns=/TR/xhtml1/strict xsl:output method=html indent=no encoding=ISO-8859-1/ xsl:template match=*|/xsl:apply-templates//xsl:template xsl:template match=text()|@*xsl:value-of disable-output-escaping=yes select=.//xsl:template xsl:template match=/ 尾文件： /xsl:template /xsl:stylesheet XSL文档的规范化制作： 1、需要在每个tag的属性值的两边加引号。(如将width=500改成width=500) 3、两个tag对只能嵌套，不能交叉。 带有空内容的tag要使用空标记缩写（如img src=””/） 没有空内容但正好为空的tag不使用空标记缩写（如p应写成p/p 而不是 p /） 6、不得出现空属性值。如option selected应变成option selected=”selected”。 7、需要将HTML文件中的nbsp替换成： xsl:text disable-output-escaping=yesamp;nbsp;/xsl:text 8、将br替换成： xsl:text disable-output-escaping=yeslt;br/xsl:text 9、如果需要将模板中固定不变的部分内容分离出来，另存成一个HTML文件，然后在XSL模板把该HTML文件包含进来。如: xsl:comment#include virtual=/images/include/head-news.htm/xsl:comment 根据模板图片或制作好的HTML文档制作出XSQL：（这部分制作应到发布系统中的模板制作中完成） 新建一个XSQL文件。 2、根据HTML文档结构选择添加相应的XSQL片断类型。 3、在添加XSQL片断类型时，片断名称任意定义。（但名称不能含有“+、-、=、(、)、、%、#”等特殊字符！） 4、添加相应的栏目字段或文章列表字段。 5、只有在添加时间字段时需要添加一个别名。 预览XSQL，得到XML文档。 添加完所需的片断类型后，到预览里选择一个栏目或一篇文章点击预览，可得到一个XML树状结构的文档。 查看该文档的源代码，将其另存为一个后缀为XML的文件。如index.xml 制作XSL文件： 1、将相对应的XML文档和XSL文档调入编辑器中。 2、将XSL模板中需要从数据库中提取的数据用相应的XSL代码替换掉。 3、主要代码如下： xsl:for-each select=Root/ArticleList/Row(循环选取) xsl:variable name=URL(定义变量) xsl:value-of select=ColumnURL/(提取变量的值) /xsl:variable(定义变量结束) a href={$URL}（引用变量） xsl:value-of select=COLUMNNAME/(提取数据) /a /xsl:for-each(循环选取结束) 4、XSL模板制作过程中常用到的一些提取数据的写法： 提取带链接的图片的写法： xsl:variable name=PicNameurl xsl:value-of select=Root/ImportantPic/PictureName/URL/ /xsl:variable xsl:variable name=PicName xsl:value-of sele