首页 > 华企学院 > 源码教程 > 网站仿制实战教程:怎样去仿站,仿站步骤有哪些?

网站仿制实战教程:怎样去仿站,仿站步骤有哪些?

作者:华企商城小编  浏览量:158   发布时间:2016-10-07 09:36:30

  

  网站仿制实战教程:怎样去仿站,仿站步骤有哪些?

  今天我们来进行实战仿站。仿站步骤如下: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'}

      

  • [field:title /]

  •  

      {/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中,接下来对代码进行逐一替换。如果出现某个栏目的频道封面跟其他频道封面不一样,则我们需要单独新建一个频道模板页,可以在后台-栏目管理-更改-高级选项,将封面模板改为自己新创建的文件名。

华企商城更多商品介绍:博客营销工具软件     IT技术培训网站展示免费网站模板建站    特制茶叶定制网站开发

文章转载请注明出处:http://www.netshop168.com/article-10040.html


精品推荐
下一篇:利用微信商城系统做营销的好处
上一篇:百度Site App是什么?百度Site App手机怎么创建网站?
相关文章

华人企业网
关注微信公众号
享受更多优惠

 

消费者最喜爱的网站TOP100 | | 网络社会征信网 | 北京工商 | 法律顾问 | 京ICP备07504386号-6 | 网站地图