网站仿制实战教程仿站步骤有哪些?

　　网站仿制实战教程仿站步骤有哪些?

　　仿站步骤如下：1.选好目标网站，2.本地安装好织梦程序

　　需要提前搭好本地测试环境，安装好相应版本织梦程序。3.新建一个模板文件，后台修改默认模板为新建模板文件夹名，生成主页html处也做相应修改，在模板文件目录里新建images、js、style文件夹。

　　4.分析目标网站

　　分析网站存在哪些页面：主页、频道封面、频道列表页、内容页等。

　　前面给大家介绍了织梦模板文件以及织梦的各种标签调用，今天我们来进行实战仿站。

　　仿站步骤如下：

　　1.选好目标网站

　　目标网站编码要与织梦编码一致。

　　2.本地安装好织梦程序

　　需要提前搭好本地测试环境，安装好相应版本织梦程序。

　　3.新建一个模板文件

　　后台修改默认模板为新建模板文件夹名，生成主页html处也做相应修改，在模板文件目录里新建images、js、style文件夹。

　　4.分析目标网站

　　分析网站存在哪些页面：主页、频道封面、频道列表页、内容页等。

　　5.下载目标网站图片，css、js等文件

　　将网页另存到本地，将css、js等文件放到新建模板对应文件夹里，利用缓存图片查看器(或者其他能够下载整站图片的软件)下载目标网站图片。

　　6.将下载的图片，css、js以及目标网站页面文件导入到新建模板中

　　下载完成后，将图片放入新建模板的images文件夹内，将css、js等文件放到新建模板对应文件夹里;将目标网站首页文件源码存到新建模板根目录index.htm中，头部文件、底部文件、封面页、列表页、内容页等页面也相应放进去。其中article_article.htm表示文章内容页模板，list_article.htm表示默认文章列表模板，index_article.htm表示文章频道封面。

　　7.修改各部分网页文件，用dede标签替换相应代码，可以利用后台-系统-添加新变量功能，来调用网页各部分内容，比如：网页头部的联系方式、公告、底部的版权、备案信息、统计代码等。

　　8.各部分内容替换完成后测试效果，有问题多调试几次，直到完全没有问题为止。

　　下面来进行实战操作

　　网站首页仿制

　　包括首页三大标签的替换，cs、js调用文件路径的替换，图片路径替换(主页、列表页、文章页等模板文件均需要替换 )。可以利用织梦在线的标签生成器进行操作(http://help.dedeadmin.com/)，将相应内容换成对应的dede标签。替换后如出现部分图片无法显示的情况，需要再次去主页文件代码以及相应css文件代码里进行检查和修改。

　　导航的仿制

　　替换首页相应网址链接，包括“返回首页”、导航栏目的链接

　　利用织梦标签生成器生成导航标签，例如需要一个分一列显示的10个栏目的顶级导航，代码如下：

　　{dede:channel row="10" type="top" col="1" currentstyle="

• ~typename~

• " }

 

　　

• [field:typename/]

 

　　{/dede:channel}

　　代码中标签分别表示：

　　[field:typelink/]([field:typeurl/])栏目链接

　　[field:typename/]栏目名字

　　[field:rel/]导航栏中显示下级栏目

　　currentstyle="

• ~typename~

• " 表示调用底层模板

 

　　频道栏目调用标签： {dede:channel type='self'}

• [field:typename/]

• {/dede:channel}

 

　　导航下面幻灯图片修改，利用首页文章列表标签调用

　　{dede arclist row='5' flag='f' orderby='pubdate'}

　　

• 

 

　　{/dede:arclist}

　　首页栏目文章调用

　　{dede:arclist row='6' typeid='5' titlelen='30'}

　　

• [field:title/]

 

　　{/dede:arclist}

　　网站底部仿制：网站版权、备案、网站公告、友情链接的实现

　　网站版权调用标签： {dede:global name='cfg_powerby'/}

　　网站备案调用标签： {dede:global name='cfg_beian'/}

　　网站公告可以利用后台-系统-添加新变量功能，添加一个公告变量，将公告代码复制到后台变量参数值里面，以后修改公告直接在后台修改即可。

　　友情链接仿制{dede:flink row='24' type='text' titlelen="16" }[field:link /]

　　{/dede:flink}

　　公用模板页

　　把网站导航栏及以上部分代码存为一个公共头部文件，把友情链接、网站备案及以下部分代码存为一个底部文件，将从首页分离出来的网站头部文件和底部文件分别保存在head和footer模板文件里，以便网站各个页面调用。有些网站可能还可以分离出左边或者右边的公用模板文件，具体操作应根据网页实际布局来进行。

　　头部调用 {dede:include filename="head.htm"/}

　　底部调用 {dede:include filename="footer.htm"/}

　　CSS文件内图片路径修改

　　网站的CSS文件调用代码一般在..之间，我们打开从目标网站下载下来的.css后缀的文件，进去后会发现里面的图片链接依旧是目标网站的链接，我们需要将这些链接修改为我们自己的路径。

　　比如我们的图片在.../templets/default/images文件夹里，css文件在.../templets/default/style 文件夹里，则图片调用路径为../images/图片文件名。

　　列表页的仿制

　　文章列表页仿制：将目标网站文章列表页代码复制到织梦文章列表页模板文件 list_article.htm中，接下来对代码进行逐一替换。

　　列表页调用栏目列表

　　{dede:channel row="5" type="top" typeid="1,3,5,8,9" }

　　

• [field:typename/]

 

　　{/dede:channel}

　　列表页调用文章列表

　　{dede:list pagesize="10"}

　　

• [field:title/]

 

　　{/dede:list}

　　列表页文章列表分页页码“上一页123456789...下一页”

　　

 

　　

 

　　{dede:pagelist listsize='5' listitem='index,pre,pageno,next,end,option,info'/}

　　

 

　　

 

　　如果页码显示错位，则我们需要单独添加相关分页页码调用标签以及css样式，我们可以去织梦默认模板的list_article.htm模板文件里找到调用分页页码的标签，并找到调用dede_pages的css代码，并将该css代码复制到我们自己调用的css文件中。比如我们在index.css查找dede_pages的css代码，如果发现没有就看index.css文件里查看是否还调用了其他css文件，如果有调用另外一个css文件(例如page.css文件)，则我们去page.css文件中找到dede_pages的css代码，将代码复制到我们自己调用的css文件中。

　　内容页的仿制

　　将目标网站文章页代码复制到织梦文章页模板文件article_article.htm中，接下来对代码进行逐一替换。

　　需要用到的标签如下：

　　文章标题 {dede:field.title/}

　　文章内容 {dede:field.body/}

　　发布时间 {dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/}

　　当前位置 {dede:field name='position'/}

　　相关文章

　　{dede:arclist row='4' titlelen='24' orderby='pubdate' typeid='2' idlist='' col='2'}

　　[field:textlink/]([field:pubdate function=MyDate('m-d',@me)/])


　　{/dede:arclist}

　　文章频道封面页仿制

　　当存在多个文章栏目共用同一种风格样式的页面时，则此页面就是文章封面页，将此页面代码复制到织梦文章频道封面模板文件index_article.htm中，接下来对代码进行逐一替换。如果出现某个栏目的频道封面跟其他频道封面不一样，则我们需要单独新建一个频道模板页，可以在后台-栏目管理-更改-高级选项，将封面模板改为自己新创建的文件名。