文档介绍:如果您需要使用本文档,请点击下载按钮下载!
如果您需要使用本文档,请点击下载按钮下载!
如果您需要使用本文档,请点击下载按钮下载!
织梦仿站系列教程第一讲——准备工作  
2011-08-29 17:56:29|  分类: dedecms教程 |  标签: |字号大中小 订阅
首先,我们找一个目标网站,以便我们来仿制。
经过福星网络的寻找,确定以拳击在线()为目标站来完成织梦模板的仿制教程。
 
 
 
其次,关于以后教程的一些说明:
1、将目标站网页另存为,会得到一个网站,及相关的文件夹。里面有相关的图片,样式和JS文件。我们需要将这些文件复制到织梦模板的相关文件夹下。在这个系列教程中,此文件夹为templets\fuxing5。
2、我们会制作一个通用的头部和底部,以便全站调用。所以我们会优先制作头部和底部。
3、朋友们需要有HTML知识,还有DIV+CSS的一些知识才行。
4、不断更新。。。
最后,希望朋友们跟着我们一步一步的做,学会织梦的仿站。呵呵,别人的教程可是收费的哦!
织梦仿站系列教程第二讲——首页框架  
2011-08-29 17:57:12|  分类: dedecms教程 |  标签: |字号大中小 订阅
首先,打开目标站拳击在线(),然后将网页保存到本地。如图:
如果您需要使用本文档,请点击下载按钮下载!
如果您需要使用本文档,请点击下载按钮下载!
如果您需要使用本文档,请点击下载按钮下载!
 
 
保存类型选择网页,全部(*.htm;*.html)。如下图所示:
 
将织梦(DEDECMS)的默认模板文件夹复制一份,以备做在模板制作时做为代码参考。
然后打开保存文件夹,如下图中箭头所指的文件夹:
将文件夹中的文件归类,将CSS文件拷贝到templets\default\style目录下,将JS文件拷贝到templets\default\js,将图片文件拷贝到templets\default\images。
接着用网页编辑器软件FrontPage或者Dreamweaver打开刚刚保存的拳击在线网页文件和templets\(首页)、(通用头部)、(通用底部)。还要打开刚刚备份的默认模板首页文件templets\复件 default\。
,将拳击在线网页代码拷贝到里面。
如果您需要使用本文档,请点击下载按钮下载!
如果您需要使用本文档,请点击下载按钮下载!
如果您需要使用本文档,请点击下载按钮下载!
接下来,就是正式的代码修改了。一行一行的来修改。
首先将CSS样式表的路径修改成织梦的CSS路径代码(从备份的默认首页文件中拷贝),如下图所示:
 
 
 
保存网页,进入织梦后台,在后台的右上部,点击网站主页,查看前台演示:
 
通过上图可以看出,样式是正确了,但好多图片没有显示,这主要的原因是好多图片没有下载下来,或者是图片路径没有修改,这些我们在下一讲中进行替换。
织梦仿站系列教程第三讲——路径问题  
如果您需要使用本文档,请点击下载按钮下载!
如果您需要使用本文档,请点击下载按钮下载!
如果您需要使用本文档,请点击下载按钮下载!
2011-08-30 11:22:52|  分类: dedecms教程 |  标签: |字号大中小 订阅
在第二讲中,前台预览时,好多图片不显示,造成不显示的原因是有两个:一是网页里调用图片的路径问题;一是样式表里调用图片的路径问题。
网页里的图片路径(在这一讲中说到的图片,是指模板中所用到的图片,不包括网站内容中用到的图片)是这样的:
{dede:/}/images/ 
 {dede:/}/即网站设置的当前模板的目录,即default。为了利于区别,我们将default重命名为fuxing5。然后进入织梦后台,依次点击系统->系统基本参数。在右侧处的模板默认风格输入框里的内容修改为fuxing5。如图所示:
 
 
点击确定,更新缓存。
用编辑软件打开第二讲中的所有文件,修改里面的图片路径,可以使用替换功能来批量替换图片路径,用如下代码
src="{dede:/}/images/ 
替换
src="拳击在线%2