易企cms建站仿站教程

　　天选2、在产品页模板（一般为templets/default/product.tpl）里面输入如下调用代码（此代码为调用“附加属性”）

　　易企cms导航修改添加位置，打开后台--模板管理--导航管理，在这里添加和修改就行了，记得分组要写上顶部导航。

　　骚年们，转眼就2014了哈！年底了公司太忙了，所以隔了好长时间才更新，抱歉了！

　　下面进入正题了，最近刚接了一个单子要做站，所以顺便就拿个这个站做教程了，获取目标网站的css这个大家掌握的怎么样了？那就借这个机会检验一下大家的学习情况！我们的目标站是：大家去吧这个站的css和html扒过来！那里遇到问题可以到群里找我！

　　new就是分类自定义文件名（根据自己的分类名字修改不是固定的）

　　好了兄弟们！有这几个函数首页一些基本信息调用就搞定了！大家自己试一下吧！

　　好，下面干货来了，我们启动本地服务器打开网站后台在模板管理---模板列表里面是不是就出现了我们的模板呢？

　　我们点启用。打开网站首页是不是乱起八糟的，这就对了，那是因为首页css的导入路径是错误的，所以我们要打开index.tpl 开始套代码喽~~~

　　我们保存的html代码好多标签都是大写的这不符合规范所以我们要转换成小写的，全选代码然后右键点所选域点大写转小写就OK了。

　　我们在点一下命令里面的应用源格式，这样DW就会给我们自动排版，方便我们浏览代码。

　　meta name=description content=模板建站和纯手工建站的区别在于：模板是“成衣”，你只需要去服装店挑选，而所谓的纯手工建站是裁缝师傅给你定制。功能和稳定性模板+成熟的cms管理后台大大优于“裁缝店”。

　　这下我们返回首页127.0.0.1 刷新下打开网站样子是不是就出来了呢？是不是很激动。

　　但是页面上那些数据都是静态的接下来我们就要用易企cms的程序标签让我们数据库里的内容动态显示粗来。

　　这里我们要提一个变量是我们经常要用到的{$siteurl}这就变量就是调用的你网站的首页，所以我们那个链接要练到的首页的时候就用这个变量代替。

　　这个导航下面有二级下拉菜单，易企cms没直接调用方法所以们导航就写死，动态调去导航下面的二级下拉菜单。

　　今天先讲到这里，大家先熟悉熟悉。看看那里还有不懂的！我修改的模板会发都群共享里大家可以参考练习一下。

　　今天穿插一节教程，昨天的教程中我们讲了如何获取目标网站的css，这个还有一个问题就是，css中的素材图片（比如一些背景图片等）我们用另存为是下载不下来的，这里我们需要手动去下载。这里我们准备好Dreamweaver这个软件，css或者模板文件都要用这个工具打开，以防出现编码错误。

　　昨天下载的images文件夹里有metinfo.css 和metinfo_ui.css这俩css文件，我们都打开看一下，检查里面是否有背景图片，

　　下面我们先从metinfo_ui.css 这个css文件开始，记得css文件要复制一份出来：

　　我们刚得到的图片路径是../images/dt-10.gif ，../就是返回上一级目录的意思，这也是一个需要记住的知识点。所以我们的完整图片路径应该是public/ui/met/images/dt-10.gif。他这里用的是相对路径，我们要改成绝对路径那就是。

　　这就是为什么我们要复制一份出来，修改了的这份在改回去很麻烦，所以一会我们就直接丢弃了，以后使用复制出来的那一份。

　　直接双击打开metinfo_ui.html图片俩字锚文本链接就是我们需要下载的图片。如果图片多是话可以使用迅雷一键下载，这里图片不是很多所以我们就挨个点开右键另存为到我们的images文件夹里就好了和css文件保持同一级目录。

　　如果大家右键找不到图片另存为这个选项，那就是你鼠标没点到图片上面再左上角的位置多点几下找找位置就出来了。

　　这里有一个技巧，你点开一个图片超链接后，浏览下面的图片超链接如果是蓝色的你就点开存图片如果变成褐红色拿就表示这个图片和你上次保存的图片是一个图片，所以就直接跳过不用再存了。

　　好了大家就慢慢存吧一定要存到images文件夹里。metinfo.css这个css保存图片的方法一样。但是这个css的图片路径不一样的，需要大家举一反三自己摸索，如果实在搞不懂就QQ咨询小编。

　　我们打开复制出来的css名字要改成原来的，我们找到url(../images/dt-10.gif)，因为我们图片和css文件放到了同一级目录所以这里我们要改一下路径，dt-10.gif图片文件名前面的路径都去掉，Ctrl+f 查找../images/替换那里什么都不用填，然后点替换全部。metinfo.css类似自己摸索吧。今天的教程就到这里了。

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

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

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

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

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

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

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

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

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

　　从群共享里下载xampp压缩包然后解压到任意盘符，小编解压到了F盘，然后打开xampp文件夹，双击xampp_start.exe 等他运行完成后，在地址栏输入127.0.0.1这样就打开了我们易企cms的默认首页。因为在htdocs文件夹小编已经给大家把易企cms的程序文件放进去了。

　　images文件夹用于存放网站所需的css、js文件以及图片文件。当然你也可以分开存放。如果分开存放的话注意调用的时候路径不要写错了。

　　category.tpl 这个是分类页面的模板文件这个一般不用修改，直接复制过来就行，因为他里面只写了一个判断，判断是文章分类还是产品分类，有兴趣的同学可以打开看一下。

　　footer.tpl 是网站的底部文件 header.tpl是头部文件这俩文件用做多个页面共同调用的文件，因为大部分网站每个页面的头部和底部都是一样的。天选团队