|
(二)文章频道内容页(正文)的制作
与制作首页模板的方法相同,我先用静态HTML语言编写了一个内容页网页,然后仿照动易自带的内容页默认模板,对内容页模板进行设计(静态页面:http://www.samgo.com.cn/homesite/article/article.html)。
首先,在相应频道的模板管理中选内容页模板,并添加内容页模板(如图1-9)。然后,像添加首页模板一样,把写好的代码覆盖到一对的标签中(如图1-10)。

图1-9

图1-10
接着,就是仿照动易的默认模板把系统的标签替换我们模板原来相应的代码。在内容页中,比较常用的标签有路径:{$ShowPath}、标题:{$ArticleTitle}、作者:{$Author}、文章来源:{$CopyFrom}、点击数:{$Hits}、更新时间:{$UpdateTime}、文章内容:{$ArticleContent}等等。这些标签的具体含义及修改方法请参看动易帮助,在此不作详细说明。
图1-11
图1-12
最后,保存模板,刷新内容页查看调用的效果(如图1-20)。但有一点需要注意,由于我是把动易模板的风格全部覆盖了,所以调用出来后,显示的风格效果可能有问题(如:字体大、超链接的样式不对等)。读者可以结合CSS进行修改。

图1-20
下面,我们将讨论网站右侧栏内容的调用。
图1-13
由于考虑到右侧栏前两个栏目的内容经常要做变换而且没有建立相关频道和栏目,所以将用动易的网站广告功能对其进行调用(如图1-13)。
首先,在系统设置中找到网站广告管理,打开网站广告管理窗口,在管理导航中选添加新版位,并对相应的版位属性进行设置(如图1-14)。具体如果设置版位属性请参考动易帮助文件,在此不做讨论。

图1-14
设置好版位属性后,我们将在相应的版位上添加新广告。在管理导航中选添加新广告,进入添加广告页面。在页面的左侧选择要添加广告的版面,并在右侧设置好其相关属性(如图1-15)。广告的相关属性设置请参看动易帮助手册。

图1-15
最后,回到广告版位管理页面,点击相应广告右侧版位JS栏目下的调用按钮获取相应广告调用的JS代码(如图1-16)。

图1-16
至此,后台部分制作完毕,接下来将转战前台模板对广告的调用。做到这一步就比较简单了,我们像前面调用标签一样,把系统的JS代码替换我们模板原来相应的广告代码(如图1-17、1-18)。

图1-17

图1-18
保存模板后,在浏览器中打开内容页即可看到调用广告的效果。当然,调用出来的图片和文字样式可能与原页面不大相同,这是由于没有具体设置好CSS样式的原因。想要做到何原模板一样还需要对CSS文件进行调整。在此,我们不对这一问题进行讨论。
接下来编写站内搜索的代码可以模仿动易首页默认模板中站内搜索的代码,只要对相关参数进行适当修改即可。相关文章的调用可以模仿原内容页默认模板进行修改,在此不再讨论。最后的绿色通道就与动易没有关系了,所以也不做讨论。
下面说明一下文章内容页制作需要注意的几个问题。标签{$ArticleAction}中包含了【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】的项目。如果你想去掉其中一个或几个,你可以修改语言包。具体方法是:打开语言包文件:打开网站目录找到language/gb2312.xml这个文件,用记事本打开这个文件,修改:{$ArticleAction}。另一个问题是怎样把提交评论、完整显示评论在内容页显示。这问题个比较复杂,我的内容页下面的评论也没有实现。但也有解决的方法,大家可以到论坛查看这篇文章:http://bbs.powereasy.net/dispbbs.asp?BoardID=47&replyID=79634&id=167836&skin=0不过个人觉得比较复杂(尤其对于我这种不会asp的,呵呵…)。最后,修改设计频道、栏目、内容页等模板时,必须在你的图片路径前加上:{$InstallDir},比如原来是:src="Images/arrow3.gif",就应该改为:src="{$InstallDir}Images/arrow3.gif"。否则,生成静态HTML页面后,图片会显示不正常。奉劝大家尽量不要像我这样使用XHTML+CSS来编写这些页面。XHTML+CSS构造的页面很多图片都是在CSS中定义的。如果你的编写的页面不生成静态HTML就没有问题,否则,生成以后用CSS定义的全部图片都无法显示!这是因为CSS是不认{$InstallDir}标签的。至今我还没有想到解决这个问题的方法。
“评论模板”的制作过程,与制作其他模板的方法相似。仿照默认模板把系统的标签替换我们模板原来相应的代码,但不要忽略掉一对【CommentIsShow】标签(如图1-19)。在设计下载栏目时也会有一对【SoftList】标签,大家不要把这些标签遗漏掉了。这些标签插入的位置只要模仿相应的默认模板就可以了。

图1-19
相信经过两个例子的讲解,大家都对这种“模仿”的学习方法有所了解了。其他频道、栏目、搜索等模板都可以按照这个方法来制作。在此,我们就不一一对这些模板进行讲解了。
上一页 [1] [2] [3] 下一页 |