怎么用织梦仿制网站的单页面
做互联网的童鞋都会经常性的去逛一下竞争对手的网站,有时候看到一些写的不错的页面就想借鉴过来,但是又不知道该如何操作,下面果果就以织梦源码为基础,给大家介绍一下怎么用织梦仿制网站的单页面。
操作方法
- 01
第一步我们需要下载好织梦的源码,在自己的电脑上创建一个简单的环境配置,关于这一步大部分的同学都应该很清楚,所以果果就不多说了,一般情况下使用PHPstudy就行了
- 02
创建好最基础的织梦网站以后,我们需要找到需要仿制的目标页面,果果因为是给大家做介绍,所以就随便选了一个
- 03
进入目标页面以后,我们需要使用一个软件将这个页面的图片和CSS、JS下载到我们的建站源码中,果果建议大家使用Teleport Ultra
- 04
打开Teleport Ultra,点击文件,选择新建项目向导,如图
- 05
选择复制一个网站,包含该网站的目录结构,如图
- 06
在方框中填写我们需要仿制的网站的网址,如图
- 07
选择所有的文件,然后点击下一步
- 08
点击完成,选择好文件的保存目录
- 09
然后点击如图中的开始工作标志,就可以对目标页面的图片和CSS、JS进行下载了
- 10
下载完成以后我们将下载好的文件,复制到我们之前创建的织梦网站的相关文件夹中
- 11
所有文件准备好以后,我们就开始仿制了,打开目标页面
- 12
点击鼠标的右键,选择查看网站源文件,如图
- 13
在notepad++中创建一个空白的文件,将目标页面的源码复制进去
- 14
因为果果仿制的这个页面是一个封面页,所以只有页面的头部和底部需要进行替换
- 15
将页面的title、keywords、description以织梦的代码{dede:field.title/}-{dede:global.cfg_webname/}、{dede:field name='keywords'/}、{dede:field name='description' function='html2text(@me)'/}进行调用,如图
- 16
这是三要素的调用,三要素的调用完成以后,我们还要对JS、CSS图片进行调用,调用的代码是{dede:global.cfg_templets_skin/}/style/、{dede:global.cfg_templets_skin/}/images/
- 17
做完这些辅助行的操作以后就开始对头部进行仿制了,头部是有八个顶级栏目,我们在对应的源码中找到这些代码
- 18
找到这些代码以后,分别以,如图中代码给他代替,这就是头部的代码,一般情况来说头部的代码会新建一个页面,然后用{dede:include filename="head.htm"/}这行代码调用即可
- 19
然后以同样的方法,在源代码的底部找到底部的代码,如图
- 20
同样的,为底部的源码新建一个页面,然后用{dede:include filename="footer.htm"/}这行代码来进行调用,这样就完成了