dede模板制作经验谈

 在前,首先你需要掌握一点html和CSS知识,不要求能从零开始自己写,但至少要能看懂、会仿写。对dreamweaver等网页编辑软件有一定了解。其次,你需要熟悉dede的标签,这点非常重要!如果你根本就不熟悉dede的模板标签,建议你查看织梦编写的模板标签参考:http://help.dedecms.com/v53/最后,仿站制作模板,是一个细致活,很多细节地方,需要你多次尝试、修改,只要你能耐着性子,静下心来,一定能仿出理想的网站界面。本次实战演示:目标站:中国论文下载中心 http://www.studa.net效果站:毕业论文网 http://www.bylw5.com要仿的是一个论文站,纯文章发布类的,很适合用织梦的程序搞定。此次我们采用的是dede最新的版本:DedeCMS V5.3.1正式版(gbk),下面就跟随我的步骤,去逐步完成仿站目标。我以首页为例,分步来说明:第一步:在dede的模板文件所在的templets路径下面新建一个文件夹,命名为www.bylw5.com,这就是我们要做的新模板名称。第二步:打开目标站的首页,点右键,查看页面源文件,将源文件另存为index.txt,然后修改扩展名,保存为index.htm到文件夹www.bylw5.com里面。 第三步:在www.bylw5.com文件夹下面,新建一个images的文件夹,用来存放图片,新建一个style的文件夹来存放css文件。在目标站上点选 文件》另存为》 ,选择保存类型为“网页,全部(*.htm;*.html)”,把所保存到的文件夹下面的所有图片都复制到images文件夹下,把所有的css文件都保存到style文件夹下面。第四步:打开所保存的index.htm的源文件,最好使用dreamweaver等编辑软件打开,这样可以看得清楚点。这一步主要修改源文件里面的图片路径和css路径,例如,从源文件可以看出,目标站首页上大部分的图片都存放于路径“/Images”下面,而我们的图片却存放在“/templets/www.bylw5.com/images”下面,这就需要我们把所有图片文件的路径替换成“/templets/www.bylw5.com/images”,在dreamweaver里面,用ctrl+f,即可打开搜索替换对话框,把“<IMG src="Images”全部替换成“<IMG src="/templets/www.bylw5.com/images”即可。同样需要替换的还有css文件。在替换的过程中,一要注意路径正确,二要注意有些文件(例如js文件)的路径可能还需要针对修改,但目的仍然是保证路径正确。

完成上面四步,我们就得到了一个和目标站外观上一模一样的页面。这时,可以说你已经把目标站拿下来了。但如果用这个模板去生成你的首页的时候,你会发现所生成的页面和目标站的首页一样,为什么会这样呢?因为我们还没有把模板标签放到模板里,所以程序不知道该调用什么内容显示到相应的位置。在使用模板标签的时候有一个最重要的原则:你自己用定义的调用方法生成的源代码的格式要和目标站的源代码格式一致。模板标签中最最常用的标签要数arclist了,所有的列表的调用,都要用到这个标签:{dede:arclist flag=’h’ typeid=” row=” col=” titlelen=” infolen=” imgwidth=” imgheight=” listtype=” orderby=” keyword=” limit=’0,1′}<a href='[field:arcurl/]’>[field:title/]</a>{/dede:arclist}“flag=’h’ typeid=” row=” col=” titlelen=” infolen=” imgwidth=” imgheight=” listtype=” orderby=” keyword=” limit=’0,1’”可以称为参数,旨在告诉arclist调用符合哪些参数条件的文档。如,若你指定了typeid=’1’,那就只显示id为1的栏目下的文章,你还可以限定调取文章的条数(row),限制调取文章标题的长度(titlelen),调取文章的排序依据等等内容。 还有需要注意一点的是,arclist类似于程序中的循环调用,你要知道你要循环的内容是什么。例如,目标站的显示格式是:<div><ul> <li>标题1</li><li>标题2</li><li>标题3</li><li>标题4</li><li>标题5</li><li>标题6</li><li>标题7</li><li>标题8</li></ul><div>你就需要将你的arclist写成:<div><ul> {dede:arclist 参数略} <li><a href='[field:arcurl/]’>[field:title/]</a></li> {/dede:arclist}</ul></div>常见的错误写法示范:{dede:arclist 参数略}<div> <ul> <li><a href='[field:arcurl/]’>[field:title/]</a></li> </ul></div>{/dede:arclist}————————————-<div>{dede:arclist 参数略} <ul> <li><a href='[field:arcurl/]’>[field:title/]</a></li> </ul>{/dede:arclist}</div>

真凉爽啊!青山绿水映入我的眼中,景色怡人啊!

dede模板制作经验谈

相关文章:

你感兴趣的文章:

标签云: