DEDE织梦仿站实例系列教程(花钱培训自学最终整理完整版)_仿拳击网.pdf

叶常盛 - 网站设计制作建设爱好者 欢迎交流学习共进 - yeChangsheng.Com DEDE 织梦仿站实例系列教程第一讲——准备工作 首先，我们找一个目标网站，以便我们来仿制。 经过福星网络的寻找，确定以拳击在线(QuanJ)为目标站来完成织梦模板的仿制教程。 其次，关于以后教程的一些说明： 1、将目标站网页另存为，会得到一个网站，及相关的文件夹。里面有相关的图片，样式和JS 文件。我们需要将这 些文件复制到织梦模板的相关文件夹下。在这个系列教程中，此文件夹为templets\fuxing5 。 2、我们会制作一个通用的头部和底部，以便全站调用。所以我们会优先制作头部和底部。 3、朋友们需要有HTML 知识，还有DIV+CSS 的一些知识才行。 4 、不断更新。。。 最后，希望朋友们跟着我们一步一步的做，学会织梦的仿站。呵呵，别人的教程可是收费的哦! DEDE 织梦仿站实例系列教程第二讲——首页框架 首先，打开目标站拳击在线(QuanJ)，然后将网页保存到本地。如图： 1 叶常盛 - 网站设计制作建设爱好者 欢迎交流学习共进 - yeChangsheng.Com 保存类型选择网页，全部(*.htm;*.html)。如下图所示： 将织梦(DEDECMS)的默认模板文件夹复制一份，以备做在模板制作时做为代码参考。 然后打开保存文件夹，如下图中箭头所指的文件夹： 将文件夹中的文件归类，将CSS 文件拷贝到templets\default\style 目录下，将JS 文件拷贝到templets\default\js ， 将图片文件拷贝到templets\default\images。 接着用网页编辑器软件FrontPage 或者Dreamweaver 打开刚刚保存的拳击在线网页文件和templets\default 目录下 的index.htm(首页)、head.htm(通用头部)、footer.htm(通用底部)。还要打开刚刚备份的默认模板首页文件templets\复件 default\index.htm。 先清空index.htm 文件，将拳击在线网页代码拷贝到里面。 接下来，就是正式的代码修改了。一行一行的来修改。 首先将CSS 样式表的路径修改成织梦的CSS 路径代码(从备份的默认首页文件中拷贝)，如下图所示： 2 叶常盛 - 网站设计制作建设爱好者 欢迎交流学习共进 - yeChangsheng.Com 保存网页，进入织梦后台，在后台的右上部，点击网站主页，查看前台演示： 通过上图可以看出，样式是正确了，但好多图片没有显示，这主要的原因是好多图片没有下载下来，或者是图片路 径没有修改，这些我们在下一讲中进行替换。 DEDE 织梦仿站实例系列教程第三讲——路径问题 在第二讲中，前台预览时，好多图片不显示，造成不显示的原因是有两个：一是网页里调用图片的路径问题；一是 样式表里调用图片的路径问题。 网页里的图片路径（在这一讲中说到的图片，是指模板中所用到的图片，不包括网站内容中用到的图片）是这样的： 3 叶常盛 - 网站设计制作建设爱好者 欢迎交流学习共进 - yeChangsheng.Com 1. {dede:global.cfg_templets_skin/}/images/logo.gif {dede:global.cfg_templets_skin/}/即网站设置的当前模板的目录，即default 。为了利于区别，我们将default 重命 名为fuxing5 。然后进入织梦后台，依次点击系统-系统基本参数。在右侧处的模板默认风格输入框里的内容修改为 fuxing5 。如图所示：