易企cms建站仿站教程

易企cms仿站教程第二节 获取目标网站的css以及html

  今天更新的有点小晚,回来的时候吧大拇指崴了一下,缓了一会,又的给老婆孩子做饭,做的红烧肉哦~~希望大家体谅!

  我们本次教程要仿的目标站是https://www.metinfo.cn/demo/met100/288/ 蓝色风格很简约。

  我们下面开始操作,我们的方法是右键网站页面然后点击另存为。刚小编试了一下这个网站貌似是不行,那我们使用另外一种方法,看图片操作


我们保存到一个自己能找得到的位置。


我们保存下来的是这两个文件。

然后我们把 包装装横公司网站模板包装装横企业网站模板-包装装横.htm 重命名改成index.tpl(一路点 是 就行了) 也就是易企的首页模板文件 记得文件格式要以.tpl结尾,不是.html 如果看不到.html的同学可以点击 我的电脑-工具-文件夹选项-查看-把隐藏已知文件类型的扩展名前面的勾去掉,这样就OK了。

下一步我们打开 包装装横公司网站模板包装装横企业网站模板-包装装横_files 这个文件夹吧里面的产品图片删掉这是我们不需要的,或者你可以先留着加几条本地演示数据来调试网站 最后模板做好后在删除也是可以的。

剩下的 logo JS css文件都是我们需要的, 然后文件夹重命名 改成images。


这样我们就得到了易企cms模板组成结构里面的 index.tpl 和images 文件夹,是不是很容易呢?

下面我们在易企cms程序的templets文件夹里新建一个文件夹名字你随便起,自己知道是哪个模板就行了。

然后我们把 index.tpl和images复制进去,在从易企的默认模板 default 文件夹里吧 category.tpl    config.xml     preview.gif 这三个文件复制过来。

易企cms网站模板的组成结构介绍 中我们也讲到了 category.tpl不用修改,config.xml 修改什么内容请查看组成结构介绍,preview.gif这个你可以换成别的图片但是文件名必须是preview.gif 尺寸大小是300*174.

前期准备工作做的差不多了,下一篇博文我们讲易企cms首页模板文件代码标签怎么调用。

评论