前言:本文制作模板的方法有很多不成熟,甚至是错误的地方。这篇文章的定位不是模板制作教程,而是分享模板制作的思路。具体的说,本文所描述的是一种“模仿”的学习方法。希望本文对所有基础不好的初学者有借鉴之用。
本文将以我制作的一个网页的模板(我第一次做模板喔^_^)为例,通过两个例子:首页最新文章的调用和文章频道内容页(正文)的制作,与网友们交流自学动易网页模板制作的心得。由于我也是初学者,所以有很多问题还没有搞懂,本文的错误在所难免,敬请读者批评指正。
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