前言：本文制作模板的方法有很多不成熟，甚至是错误的地方。这篇文章的定位不是模板制作教程，而是分享模板制作的思路。具体的说，本文所描述的是一种“模仿”的学习方法。希望本文对所有基础不好的初学者有借鉴之用。
本文将以我制作的一个网页的模板（我第一次做模板喔^_^）为例，通过两个例子：首页最新文章的调用和文章频道内容页（正文）的制作，与网友们交流自学动易网页模板制作的心得。由于我也是初学者，所以有很多问题还没有搞懂，本文的错误在所难免，敬请读者批评指正。
2005年的暑假，一次偶然的机会在网上发现了一个叫网页设计师的网站 ( www.w3cn.org ) 。当时只是抱着好奇的心情去逛了一下，然而，就这样走上了学习CSS的道路上来。经过了半个多月CSS的学习，我决定用CSS＋XHTML来做个网页，检验一下自己学习的效果。大约在半年前，我就发现了一个叫动易的网站管理系统。当时因为是寒假，假期比较短，所以没有仔细研究过这个系统。在这次的网页制作中，我决定结合这个系统，做一个动态网站，以摆脱我静态网页制作的现状。由于我并没有学过asp，也没有做过模板，所以，这次我决定用“模仿”的方法来制作动易模板。呵呵，开场白说完了，下面就以我做这个模板的过程为例，与网友们分享自学制作模板的心得。
（一）首页最新文章的调用
在制作模板之前，我要想的第一件事就是：动易的系统与它的模板是什么关系呢？我制作的过程中，模板是一边设计一边与动易系统结合着来做；还是先把模板用静态的语言设计好，最后再与动易系统结合起来呢？我带着疑问进入动易的后台，研究了一下动易自带的默认模板。
图：1-1
如图1-1，在代码模式下，我发现动易的模板就是在HTML代码的基础上调用动易系统的系统标签与JS代码（个人的理解而已^_^）。发现了这个原理就好，我可以先把首页先用静态语言设计好，最后再调用动易的系统标签与JS文件跟系统结合起来。
经过三天的努力，终于把网站的首页做好了。大家可以到http://www.samgo.com.cn/homesite/index.html 察看首页的效果。接着，我的工作就是把这个页面与动易结合起来。由于我的首页是基于CSS＋XHTML来做的，所以那个CSS文件非常重要，得先把CSS文件导入系统的风格管理。我打开后台的系统设置里的网站风格管理，在上方的管理导航里选添加风格，把我的CSS文件复制过来，覆盖原来的CSS文件（图1-2），并把此风格设为动易的默认风格。最后，我把自己的图片添加到images文件夹。
图1-2
由于我是第一次做，所以没有在动易风格样式的基础上修改。虽然这样并没有影响我的首页版面整体效果，但对于一些我没有定义风格的页面来说，这个简直是灾难。它会导致一些页面显示不正常，所以建议大家在编写CSS风格的时候，最好在动易默认风格的基础上去修改。
首页的风格设置好了，接下来就要尝试在首页调用标签了。首先打开后台系统设置里的网站通用模板管理，在上方的管理导航里选添加模板，系统会自动在模板内容代码编辑框中写入一些预设的代码。我们就把自己首页的至标签中的代码拷贝到代码编辑窗口中来（如图1-8），并在中增加自己模板中相关的信息。最后，我们把这个模板设为动易首页的默认模板。
图1-8
由于不知道动易标签的具体含义，我就想到了用“模仿”的方法。再次打开动易的默认模板，找到了调用最新文章部分的标签代码（图1-3）。与此同时，我下了一个动易的帮助PDF文件对其中的标签内容进行研究。了解了相关参数的含义后，我就在后台添加了几篇文章，并想办法把它们作为最新文章调用到首页中来。
图1-3
首先，在首页上招到适当的版面作为最新文章的位置，我选取了首页Flash的右侧作为最新文章显示的位置（如图1-4）。
图1-4
第二步，把原来显示文字的代码删除（如图1-5）。
图1-5
第三步，在刚才删除内容的位置添加定义好动易的标签（如图1-6）。
图1-6
最后，保存模板，刷新首页查看调用的效果。果然，最新文章在我们预定的位置上，按照我们设置好的参数显示出来了（如图1-7）。但有一点需要注意，由于我是把动易模板的风格全部覆盖了，所以调用出来后，显示的风格效果可能有问题（如：字体大、超链接的样式不对等）。读者可以结合动易标签的三个可选参数（在帮助文档中显示为：aaa, bbb, ccc）在自己的CSS文件上进行修改，直至满意为止。具体方法可以参考动易帮助文档的CSS部分。
图1-7
至此，最新文章在首页模板上调用成功，文章频道、图片频道、下载频道的调用大致与最新文章的调用类似，读者可以仿照动易默认模板的例子，并结合动易帮助进行调用。
[1] [2] [3] 下一页 |
网友评论：