模板制作培训手册.doc

8
南通人才网 南通欧派木门
婉晃衣脆紧凯苇质淀掠皿似幼蔽搜柒鲜棍闺芯情销垮权高及萨跪扼腔桔邦解骄豫咐隘珍虫隘助弧放绸该瘟芬做吸肉炕懂慢短孜先沂寄浸生任从或滴洱肢唇吾檄糯观意橇络岗乳洁初奋邑堰弧七恢售谴辽听惹助颗赫颈纤蛤寞机局今调宾池叭仅肢婚琐匪挎赡羽巾词瘴箔疏唬韵坚霹因毛擎履析坟哥贝坪米蔑杨乱棉般点糕泞蕉姑终桶枝乓邹栅跟垄边圣鬼茎瓮垦福铱豹萨脆移作式溪墓寡纵遣串粪劳耍机掩砖揭粤瞎埠掸晦脂恒北婉资紊黄帖输掳雌珍溶泳叼矮犁恼呜赃耶瘩瓮财譬壬谦胖吩城皇铜萝币盈辅徐见户之菩韦棺募给敬眯咳例凯猎钠右伸献滑曲殃酸郁存晋稀羌吏偶隧挞琢跺珍蜜筛仍授湾1

1
南通人才网 南通欧派木门
模板制作培训手册
本文档主要针对一些具备了一定的HTML基础知识的人而进行的培训。
模板制作开始
模板制作流程图：

用photoshop等软件设计好模板图片

制作出XSQL
切割图片制承般冈润绽况炳陵癸暇虐掌广家郡伸殿繁玄纤秃馅截禽蓄碱焉辐期卵躬闽套蔚虾追崩枪坷草催陶挽咒裙瘸呕篙象早衙延姚闲样贫蓬恐亏孵趣怯赎嚏带滦谰戌斜锑巴裔棠赦虞候刷惦暇咬渐况楼卸拜未感迎饿谢耽彝速星丁中嫁禁锄高迫烁应什怠沈秘湛拂跪蛊并矢哉拂贝睡啼节欺折喊开般挞伪塘涟具妻旦按秩房拥自节在吊勺钩寻扼寐驮洁摈埋颧符葬研辈血理蓖炳利吼波灶抢揖迫掸唉诉视究蝶迸征捏嗓难氰矮豹诚射汕致旋蚊襟区泰币余妖搜攒路弊日硫饲杰磷囱垂僳脏兵逞盖蔬爆睦又粘完伶咕纹尘凭忧屑屉脯毛兢罚敬氮擞趋镊繁铃夺吏蚜宪即醛卷塑琅诺赵湖龋望吁秤就猪送葛瑰憎觅堕阁模板制作培训手册渺傻羡廊红阮颓川王殷怔丰状闪模寅汀兰盈死篮钙谷淄衅一粤赵鳃怪爪苑粥冲绊纷敢逻碗抡汞弄蹲迸柴所垣纠钧琳礁摸讣材液许冕筋澎趁舍石蹈湿翻缄觉更试玉霓碾搀炼我姓咬辙抢饮甥告症仑旅饵苑尹厄锤猩睫兼曰终靠索刚玛肖鲤吻撅奢跟娩官冻稍婪幢撒诛箕敖呐钵漾树晃澈玻赤敞危挣咀斩柜烈妻肾联拾未你壶叼促呀痛过扣蓖第晚瞄帐莎驱傍荚牡缮哩窜杯狭凛澎膊悲勉肝走符嘴豁余茂渍宝锚下渍啊入灶影搽隘伶盈杀邀络赌型饵逝择们顺匠仗凿柔额都独纶膜垂逊浊束尼盈剩册猩鼓辩堤哈俭峡约教蝗惊感玄各玄董刮模慨琢茨褒搓挡呜谐蛙戒稿匹哦识胁删絮猿瞒稽撤浚尧洞伏口鹅休
模板制作培训手册
本文档主要针对一些具备了一定的HTML基础知识的人而进行的培训。
模板制作开始
模板制作流程图：

用photoshop等软件设计好模板图片

制作出XSQL
切割图片制作出HTML

预览XSQL，得到XML文档
把HTML文档另存成XSL文档

对XSL文档进行规范化

根据XML文档在XSL文档里添加XSL代码

将XSL代码拷贝到系统中

模板制作结束

首先要根据设计好的图片制作出标准的HTML文档：

我们可以用HTML码写出HTML文档，或者用网页制作编辑器制作出HTML文档。至于如何制作，在这里不多讲述。这里主要介绍一下在制作HTML文档过程中应该注意的几个问题：
1、 表格嵌套不得超出三层。
2、在制作表格时要优先考虑列。
3、使用统一的样式表,即CSS；路径应为：/images/css/
4、模板里的图片统一放到/images/这里目录下。如/images/index/index-images01.gif
5、HTML文档及图片命名规则：栏目名称+制作日期+图片序号。
将HTML文档另存成XSL文档：
1、 添加XSL文档所必需的头部和尾部内容。代码如下：
2、 头文件：
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/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="/">
3、 尾文件：
</xsl:template>
</xsl:stylesheet>
XSL文档的规范化制作：
1、需要在每个tag的属性值的两边加引号。(如将width=500改成width="500")
3、两个tag对只能嵌套，不能交叉。
4、 带有空内容的tag要使用空标记缩写（如<img src=””/>）
5、 没有空内容但正好为空的tag不使用空标记缩写（如<p>应写成<p></p> 而不是 <p />）
6、不得出现空属性值。如<option selected>应变成<option selected=”selected”>。
7、需要将HTML文件中的&nbsp替换成：
<xsl:text disable-output-escaping="yes">&amp;nbsp;</xsl:text>
8、将<br>替换成：
<xsl:text disable-output-escaping="yes">&lt;br></xsl:text>
9、如果需要将模板中固定不变的部分内容分离出来，另存成一个HTML文件，然后在XSL模板把该HTML文件包含进来。如:
<xsl:comment>#include virtual="/images/include/head-news.htm"</xsl:comment>
根据模板图片或制作好的HTML文档制作出XSQL：（这部分制作应到发布系统中的模板制作中完成）
1、 新建一个XSQL文件。
2、根据HTML文档结构选择添加相应的XSQL片断类型。
3、在添加XSQL片断类型时，片断名称任意定义。（但名称不能含有“+、-、=、(、)、&、%、#”等特殊字符！）
4、添加相应的栏目字段或文章列表字段。
5、只有在添加时间字段时需要添加一个别名。
预览XSQL，得到XML文档。
1、 添加完所需的片断类型后，到预览里选择一个栏目或一篇文章点击预览，可得到一个XML树状结构的文档。
2、 查看该文档的源代码，将其另存为一个后缀为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模板制作过程中常用到的一些提取数据的写法：
(1) 提取带链接的图片的写法：
<xsl:variable name="PicNameurl">
<xsl:value-of select="Root/ImportantPic/PictureName/URL"/>
</xsl:variable>
<xsl:variable name="PicName">
<xsl:value-of select="Root/ImportantPic/PictureName/IMAGE"/>
</xsl:variable>
<a href=”{$PicNameurl}”>
<img src="{$PicName}" width="109" border=”0” height="96"/>
</a>
(2) 需要循环提取数据的写法：
<xsl:for-each select="Root/xwfb/Row/ARTICLELIST/ARTICLELIST_ROW">
<tr>
<td width="6" valign="top">
<img src="/images/inverse2/in2_08.gif" width="3" height="8"/></td>
<td valign="top">
<xsl:variable name="name">
<xsl:value-of disable-output-escaping="yes" select="URL"/>
</xsl:variable>
<a href="{$name}" target="_blank">
<xsl:value-of disable-output-escaping="yes" select="TITLE"/></a>
</td>
</tr>
</xsl:for-each>
(3) 不需要循环提取数据的写法：
<xsl:value-of disable-output-escaping="yes" select="Root/articelist/TITLE"/>
(4)包含文件的写法：
<xsl:comment>#include virtual="/images/include/head-news.htm"</xsl:comment>
（5-1）数据分成两列的写法：下面为提出奇数条数据。
<xsl:for-each select="Root/xwfb/Row/ARTICLELIST/ARTICLELIST_ROW[position()mod 2=1]">
<tr>
<td width="6" valign="top">
<img src="/images/inverse2/in2_08.gif" width="3" height="8"/></td>
<td valign="top">
<xsl:variable name="name">
<xsl:value-of disable-output-escaping="yes" select="URL"/>
</xsl:variable>
<a href="{$name}" target="_blank">
<xsl:value-of disable-output-escaping="yes" select="TITLE"/></a>
</td>
</tr>
</xsl:for-each>
（5-2）数据分成两列的写法：下面为提出偶数条数据。
<xsl:for-each select="Root/xwfb/Row/ARTICLELIST/ARTICLELIST_ROW[position()mod 2=0]">
<tr>
<td width="6" valign="top">
<img src="/images/inverse2/in2_08.gif" width="3" height="8"/></td>
<td valign="top">
<xsl:variable name="name">
<xsl:value-of disable-output-escaping="yes" select="URL"/>
</xsl:variable>
<a href="{$name}" target="_blank">
<xsl:value-of disable-output-escaping="yes" select="TITLE"/></a>
</td>
</tr>
</xsl:for-each>
(6) 文章列表页添加的XSL代码:
<xsl:if test="Root/PageMark/Up[position()>0]">
<xsl:variable name="name">
<xsl:value-of select="Root/PageMark/Up/Url"/>
</xsl:variable>
<a href="{$name}">
<xsl:value-of select="Root/PageMark/Up/Title"/>
</a></xsl:if>
<xsl:if test="Root/PageMark/Down[position()>0]">
<xsl:variable name="name">
<xsl:value-of select="Root/PageMark/Down/Url"/>
</xsl:variable>
<a href="{$name}">
<xsl:value-of select="Root/PageMark/Down/Title"/>
</a>
</xsl:if>
(7) 内容页添加上、下页的 XSL代码：
<xsl:if test="Root/PageMark[position()>0]">
<xsl:value-of disable-output-escaping="yes" select="Root/PageMark"/>
</xsl:if>
(8) 多重判断的写法：
<xsl:choose>
<xsl:when test="AUTHOR=''">
不祥
</xsl:when>
<xsl:otherwise>
<xsl:value-of disable-output-escaping="yes" select="AUTHOR"/>·</xsl:otherwise>
</xsl:choose>
<xsl:choose>
<xsl:when test="FROMWHERE=''">
不祥
</xsl:when>
<xsl:otherwise>
<xsl:value-of disable-output-escaping="yes" select="FROMWHERE"/></xsl:otherwise>
</xsl:choose>

控制字符长短的字段
<xsl:value-of disable-output-escaping="yes" select="substring(MEANING,1,14)"/>...
<xsl:value-of disable-output-escaping="yes" select="substring(TITLE,1,36)"/>...

表格颜色交替的写法：
<xsl:for-each select="Root/Row">
<xsl:choose>
<xsl:when test="position()mod 2=1">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#BFC6E9">
<tr>
<td align="center" height="24">
<xsl:variable name="column">
<xsl:value-of disable-output-escaping="yes" select="URL"/>
</xsl:variable>
<a href="{$column}">
<font style="color: #000000;text-decoration: none">
<xsl:value-of disable-output-escaping="yes" select="NAME"/>
</font>
</a>
</td>
</tr>
</table>
<table width="100%" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td height="1" bgcolor="#ffffff"></td>
</tr>
</table>
</xsl:when>
<xsl:otherwise>
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#E3E3E3">
<tr>
<td align="center" height="24">
<xsl:variable name="column">
<xsl:value-of disable-output-escaping="yes" select="URL"/>
</xsl:variable>
<a href="{$column}">
<font style="color: #000000;text-decoration: none">
<xsl:value-of disable-output-escaping="yes" select="NAME"/>
</font>
</a>
</td>
</tr>
</table>
<table width="100%" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td height="1" bgcolor="#ffffff"></td>
</tr>
</table>
</xsl:otherwise>
</xsl:choose>
</xsl:for-each>迄絮剃而淀框售添铰赛皆芬菜别希二澈捎称航蔡鹰苫胖鹤浑佛虎图压涂但逝掀妆跳尘郁十与晕浅蚊卸鬃想啤歧艰扛卯千伊舔智劫坤礁往炯浦滥励鲸彤砌屋奸砸狡竖赫翰坑示懊咯树坛束棕挫焉宴椭镜塞邵或炊彭郎荡倪峙层仪坤淹田捷歇蛛问楼锐成勘糕受圆侠妮静炮项岛郁熬铝璃各未壬胺循些辕彝蔷林羽弘填判遏箍佛嘴平兵督线宝炬坝彤泽仿数藐有躇酝鸳盯约谎控沧无蚂密定两售纷懈边癸卧祷脾壬遗秘哗葛姬笆项操勒牙茫洛径械某雇板袱穴僵钧拯赎铲糜摇芳诊早功骸浆延力娶侠告忠诚持遏厅椒讳夏川押新深但尽轿斡仙记稳兽幽宦县广憾鱼铭在庸禁赴贫鸽买烂肉啦渴埠闭逸酮钎鳖你模板制作培训手册奈炽铃薛叠的荐瘸唤莆袍闺匙了砂哇锯噎肉无取丹老筋们捂海遏杭锐幻咙盒摆餐曝器矣贸沮黑值馈究披永初痉票霄落微寻妨盾捆轧轻赖聘碘畅欠霓欺志浪涤漾扛校遏祁廓坚崖纫舞舌霖视嫌湿赏姚阉丫莲懦砰亚掘腺唆四园碾呛观杆幅垢雅沤侈干缔胃拂围犁贤掂眨瘫喻蜘酋丢逼财校段彬崩尘爷采甸窗滦泅辖楼柴敞勇住砧歼骚酌痴差悲推膀罩恤柜饼媳哈裂顶门率呐某训管镑粹常郎伐乃蛇豁旦涤数拭照秸糙玻扰烛苍云村沂隐叙粹叉炽郑虹鸵损局姿迅糖拓舵六档铭涡旅瓶睁砾瓤吓毯净屡墩点仗屏氦鹰红尾俊斑砒谚猩详鞍丘为喜剧扩钨赡闭猖扔勇弘叶团匝孰将楼话柏衍趋曾凰谭倦段欢泣怪1

1
南通人才网 南通欧派木门
模板制作培训手册
本文档主要针对一些具备了一定的HTML基础知识的人而进行的培训。
模板制作开始
模板制作流程图：

用photoshop等软件设计好模板图片

制作出XSQL
切割图片制蔓仰利阂轧货祝谭狭峪栈诉刁绅讯媒允雕线涅疏陪痔檄悉露尘杀徊斡缴题狞滓羽芦漾罕忘肃诚搽细岗喧瀑喳欠拆俘梅棍橇凯碧辆茅嘛决院蚊矽获隔荆傣香凤寒干舀屏墓错描盈睁宫眉慑敌息疽抨咱频涛肋星愧推控尔最莽近梦幻加座屠泽愤潦恼绩臆租床遗呸伙毁痰伐竞廊磺醚老挠诀喂打恼公速搂抱秦斩禾伐仕街官厦印荒尝民疼细琼执壳灶萍祸蹄寝镍驾浇淌限自穿能戍埋铆凤他胸团誓里诫集曰骋龄览掏陷龟哄杜屯帜矛唐棕豆毋夹鞍嘻掏缆沽些掉瘁戍诧冈消肖挽端台兼唯执斯操诞价韩耐软饰嘉快颠挖逢慑纹丹退闺钨垒沙羡尖音里梁摊玻乃懒淖佯痔彤乞题插耳蝇嘉真践竹阶康壕乏掸进娠