织梦CMS如何仿站?织梦仿站教程(一)

和黑猫之家聊聊?

  织梦怎么仿站呢?是怎么实现的呢,仿站容易学吗?织梦仿站需要有什么基础吗?我是小白能学会吗?

  织梦仿站其实很简单,它是织梦团队专门为新手研发的一款程序,新手很容易就能入手!即使你是一个小白只要认真的去学习是可以学会的。本经验为教程一,日后会陆续更新,想学习的可以关注下!

  工具/原料

  织梦程序

  Dreamweaver CS3

  图片缓存软件

  酷米织梦标签生成器

  方法/步骤

  首先我们需要找到我们要仿照的一个网站,我这里拿了一个学校的网站来给大家作为教程的演示。

  我们打开游览器(我这里用搜狗)打开我们要仿的网站,如图

  

织梦CMS如何仿站?织梦仿站教程(一) linux学习 第1张


  我们在网站的空白处单击鼠标的右键,会弹出如图(1)。我们点击查看源代码,会进入一个全是代码的网页或文档,我们鼠标点击下后按键盘Ctrl+C复制代码。然后打开Dreamweaver CS3新建一个http如图(2)进入后清空里面的代码后粘贴。

  

织梦CMS如何仿站?织梦仿站教程(一) linux学习 第2张
织梦CMS如何仿站?织梦仿站教程(一) linux学习 第3张


  接下来我们把网站的图片,js,css下载下来。我们打开图片缓存软件,把我们要仿的网站地址填上如图(1),后打开系统自带的IE游览器,点击图片缓存软件的清空缓存如图(2)。回到IE游览器打开我们要仿的网站,等网站加载完后,我们点击图片缓存软件的列出图片(3)稍等一会。列出后点击全部显示如图(4),然后就是存盘啦如图(5)!

  

织梦CMS如何仿站?织梦仿站教程(一) linux学习 第4张
织梦CMS如何仿站?织梦仿站教程(一) linux学习 第5张
织梦CMS如何仿站?织梦仿站教程(一) linux学习 第6张
织梦CMS如何仿站?织梦仿站教程(一) linux学习 第7张
织梦CMS如何仿站?织梦仿站教程(一) linux学习 第8张


  在源代码也把CSS,JS下载下来,这个就不用我教了把!略过!

  将织梦的默认模板文件夹复制一份,以备做在模板制作时可用来参考!然后打开保存文件夹,如下图中箭头所指的文件夹:

  将文件夹中的文件归类,将CSS与JS文件拷贝到templets\default\style目录下,将图片文件拷贝到templets\default\images。CSS与JS放在一起是为了方便后面代码的替换,照做就行!

  

织梦CMS如何仿站?织梦仿站教程(一) linux学习 第9张


  把Dreamweaver CS3刚刚的代码保存下,文件名保存为index.htm,存到templets\default下如图(1)。这里我们需要下载一款叫做酷米织梦标签生成软件,大家百度就可以下载。下载好后(软件会被一些杀毒软件误报,加信任即可)我们打开酷米织梦标签生成器后点击系统标签如图(2)

  

织梦CMS如何仿站?织梦仿站教程(一) linux学习 第10张
织梦CMS如何仿站?织梦仿站教程(一) linux学习 第11张


  按软件的标签提示把相应的地方替换掉,如图(1)箭头标的都是要替换的。大家可以看看我替换后的效果,如图(2),大家照葫芦画瓢即可!注意:网站中所有CSS、JS、图片都要替换成织梦的标签,替换好后大家保存,到织梦后台生成下首页看看效果!这节课就到这里!

  

织梦CMS如何仿站?织梦仿站教程(一) linux学习 第12张
织梦CMS如何仿站?织梦仿站教程(一) linux学习 第13张


  END

  注意事项

  网站的所有CSS、JS、图片都要下载到本地。

  要把代码中的所有CSS、J S、图片替换成织梦的标签。

  有些网站的有些图片是在CSS里面,大家如果看到网站图片欠缺就到CSS去找找。


黑猫之家

来黑猫之家看看呗

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Copyright © 2015-2018 黑猫吧(www.heimaoba.cn) 赣ICP备18005425号-1