仿站教程之抠模板教程

本教程原创，转载请注明来源。现在网上到处都是div+css模板，但是真正能用的到底有几个？你自己说！ 无非是一些英文版的，但是国外的模板理念和国内的很不一样，英文的讲究框架合理，韩国的讲究视觉美，国内的刚好是二者的综合体。 现在模板界有这样一种奇怪的现象，html格式的都是英文的，没法儿用那，实在惨不忍睹。韩国的都是PSD的，会切割的有几个？中文版的寥寥无几................ 各大网站都是这样的，其实都是你抄我，我采你。有意思吗？数量挺多，能用到几个？ 除了小胖妞模板网手工抠站手工发布div+css中文模板外，你还想遍地捡好用的，那么，该吃药了亲！ 我的精力也有限，所以碰到你喜欢的模板，自己动手吧亲。亲自动手丰衣足食！开始教程：一、准备步骤1、目标站（也就是你要仿的站）2、软件 （dreamweaver、网页模板小偷、css图片批量下载软件二、教程开始1、随便找了个。新建文件夹自命名为婚纱摄影仿站教程，创建3个子目录images、js、css右键查看源文件（我用的谷歌浏览器，其他浏览器只要能看到源文件就行），先查看编码Gbk编码的，然后打开DW，新建——首选参数——选择gbk——复制源代码进去保存到婚纱摄影仿站教程文件夹，可以命名为“首页”。2、查找源文件里的css文件示例中仅加载一个css，如果你抠模板的时候有几个css是都要下载下来的。3、下载css放入css目录，这个简单不多说。4、下载css里的图片这时候就要用到css图片批量下载软件了。我下了2个，各有各的好处。下面来示范。以软件1和软件2来命名吧。打开软件2，复制css路径进去，点下载。软件2同路径会出现一个temp的文件夹，css文件和图片都在里面，复制css文件到css文件夹，复制图片到images文件夹疑问，这时候你肯定会有疑问，这么简单为什么还要备用软件1呢？解答。当css里的图片出现绝对路径的时候，比如www.baidu.com/001.jpg，软件会报错。所以软件1只适合只有相对路径图片的css。毕竟程序只有32kb。（有点儿木马的特征哈，恐惧中.......放心吧，查杀过的，没问题。）现在来解释一下软件1的用法软件1也不大，需要net frameword2.0框架才能运行。但是相对来说很稳定。但是有个缺点是不能下载../images一类的图片。软件里有说明。但是也有解决的办法！打开css，把../替换为空，这样图片路径就是images/开头了。如果图片是带网址的绝对路径的话也是这种方法。举一反三自己摸索下。老师布置作业了！要注意的就是图片域名，本例中css路径为 域名/function/css.css。去掉css中的../，因为css和images的路径是并列的，所以图片域名是域名就可以了。闹不明白的多返回几次文件夹领悟去。网址类型的路径问题软件1中有详细说明，这里不多说，分析一下css，可以下载的图片就出来了，然后点下载就可以了。下完图片以后记得把css文件的../还原回去。5、保存js文件把源代码中的所有js文件保存到js文件夹里（没有js文件就省略这一步）6、修改htm 修改css、js、图片的路径。比如css/*.css js/*.js images/*.jpg。打开首页.htm吧，效果真乱，是吧。别急，先把不要的东西剔除，比如QQ客服，难看死了。这类的东西都是js调用的。找到后剔除掉。剔除后就是另外一个问题了，界面还是很那看，为什么？因为网页中但不是由css加载的图片没有保存下来。这个简单，你直接右键另存图片就行了。没什么难度。这上面的幻灯是用xml文件加载的，我搞了下来。你们想搞的就搞下来，不想搞的从网上找个幻灯装上去就行了。幻灯特效下载地址保存完以后再看。是不是跟原网页一样。