抠模板教程附带工具（抠你想抠，要你想要）

小胖妞模板网原创仿站教程之抠模板教程

小胖妞模板网专注于div+css中文html模板的分享与下载，也有网络流传的收费型的（无论是现金还是网站积分，不都一个球样吗？O(∩_∩)O~）模板和源码免费下载。

div+css中文html模板下载地址：http://www.xiaopangniu.net/divcss/

内容不在多，关键在于精！

WPS格式教程下载

----------------------------------------------单调的分割线-----------------------------------------------------

开始教程：

一、准备步骤

1、目标站（也就是你要仿的站）

2、软件 （dreamweaver、网页模板小偷、css图片批量下载软件）

软件下载地址：

网页模板小偷：http://www.xiaopangniu.net/sucai/ruanjian/2013/0228/900.html

小胖妞模板网专用css图片批量下载工具http://www.xiaopangniu.net/sucai/ruanjian/2013/0327/1636.html

css图片批量下载器软件2：http://www.xiaopangniu.net/sucai/ruanjian/2013/0327/1637.html

二、教程开始

1、以http://www.bjyunshang.com/为例，随便找了个。

   新建文件夹自命名为婚纱摄影仿站教程，创建3个子目录images、js、css

   

右键查看源文件（我用的谷歌浏览器，其他浏览器只要能看到源文件就行），先查看编码

Gbk编码的，然后打开DW，新建——首选参数——选择gbk——复制源代码进去保存到婚纱摄影仿站教程文件夹，可以命名为“首页”。

2、查找源文件里的css文件

示例中仅加载一个css，如果你抠模板的时候有几个css是都要下载下来的。

3、下载css放入css目录

   这个简单不多说。

4、下载css里的图片

   这时候就要用到css图片批量下载软件了。我下了2个，各有各的好处。下面来示范。

以软件1和软件2来命名吧。

http://www.bjyunshang.com/function/css.css 这是css的路径

打开软件2，复制css路径进去，点下载。

软件2同路径会出现一个temp的文件夹，css文件和图片都在里面，复制css文件到css文件夹，复制图片到images文件夹

疑问，这时候你肯定会有疑问，这么简单为什么还要备用软件1呢？

解答。当css里的图片出现绝对路径的时候，比如www.xiaopangniu.net/001.jpg，软件会报错。所以软件1只适合只有相对路径图片的css。毕竟程序只有32kb。（有点儿木马的特征哈，恐惧中.......放心吧，查杀过的，没问题。）

现在来解释一下软件1的用法

软件1也不大，需要在net framework2.0框架下运行。但是相对来说很稳定。但是有个缺点是不能下载../images一类的图片。软件里有说明。

但是也有解决的办法！

打开css，把../替换为空，这样图片路径就是images/开头了。如果图片是带网址的绝对路径的话也是这种方法。举一反三自己摸索下。老师布置作业了！

要注意的就是图片域名，本例中css路径为http://www.bjyunshang.com/function/css.css。去掉css中的../，因为css和images的路径是并列的，所以图片域名是http://www.bjyunshang.com就可以了。闹不明白的多返回几次文件夹领悟去。

网址类型的路径问题软件1中有详细说明，这里不多说，分析一下css，可以下载的图片就出来了，然后点下载就可以了。

下完图片以后记得把css文件的../还原回去。

5、保存js文件

把源代码中的所有js文件保存到js文件夹里（没有js文件就省略这一步）

6、修改htm

修改css、js、图片的路径。比如css/*.css   js/*.js   images/*.jpg

打开首页.htm吧，效果

真乱，是吧。别急，先把不要的东西剔除，比如QQ客服，难看死了。这类的东西都是js调用的。找到后剔除掉。

剔除后就是另外一个问题了，界面还是很那看，为什么？因为网页中但不是由css加载的图片没有保存下来。这个简单，你直接右键另存图片就行了。没什么难度。

这上面的幻灯是用xml文件加载的，我搞了下来。你们想搞的就搞下来，不想搞的从网上找个幻灯装上去就行了。

幻灯特效下载地址http://www.xiaopangniu.net/sucai/

保存完以后再看。是不是跟原网页一样。

怕新手看不懂，有点儿啰嗦。高手略过

俺是来学习的...

鼎力支持楼主啊

很需要 来了

要了，不错。。正需要呢！

前排坐下

看上去不错呢，已送ip~

学习一下{:soso_e100:}