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