扒皮是比较形象的扣模板说法,或者说仿站的说法。一般对于建站者来说,网站程序部分,分为后台和前台。后台主管实现各种功能,前台就是大家看到的外观。
对于建站爱好者,尤其是初学者,没有经过专业的培训与经验积累,设计出一个好看的版面无异于天方夜谭。在这个信息爆炸的互联网时代。网站的样式也是层出不穷,其中还出现了很多经典样式,引无数美工竞效仿。
那么如何扒皮呢?扒皮我觉得分两种,第一种,直接扒,啥玩意都存下来;第二种,截个图回去,按自己想法改好,然后DIV切图,写CSS,自己做成模板。第二种需要有一定的PS和CSS基础,这里暂不讨论。我们来谈谈快速的第一种方法。
首先,我们要确定一个目标,比如说,www.qiusongsong.com/edu/ 这个网址。打开各种工具软件,如DREAMWARE或FRONTPAGE,迅雷、网站整站下载器等等。
第二步,分析网页,你需要哪些模板。对于一个网站来说,很多部分都是重复的。我们一般分为首页,列表页,内容页,通用页。那我们就根据所使用的后台程序来相应地制作这些页面。
第三步,下载。以首页为例,很简单地,在浏览器左上角找到 文件 选项,另存为,保存选项为网页,全部。只有这样,才能存下网页和他带的图片。一般存下来之后,DW就能打开修改了,最简单的网页就是改改图,改改字,一个简单的页面就扣下来了。
第四步,遇到问题。为什么不能保存?保存时提示XX网页不存在。这一般是在网页中添加了不存在的框架代码,不过我们可以用网站整站下载器来下载它。关于下载器的用法很简单,设定网址,设定下载层数,就是下几级目录的东西,建议3层即可。如果没有这东西,我们还有别的办法,放在下一步中一起讲。
第五步,缺文件。有些文件是不会随着另存为而被下载下来的。如css文件中的图片,不存在的框架网页,FLASH动画等。对于不存在的框架网页,我们不用管,一般也用不上,如果有用,找到路径,单独打开下载便是。至于FLASH,也是找到路径,用下载工具下载。CSS文件中的图片,和第四步中我们谈到的无法另存为的情况,我们另有妙计。首先,将CSS文件复制一份出来,改后缀为.htm或.html。然后,编辑它。会发现很多代码,如 url(../images/line_02.gif); 我们用替换法进行修改,先确定CSS文件在目标网站中的路径,如www.qiusongsong.com/edu/template/css/stycle.css ,那么我们就将 url(../images 替换成 <a href="www.qiusongsong.com/edu/template/images ,再把 .gif 替换成 .gif">邱嵩松</a> ,再替换图片后缀为jpg,png,bmp的,统一转成链接样式。然后在浏览器中打开,在链接上点右键,选择用迅雷下载全部链接,选择弹出选项中的图片格式文件,然后下载,存到你模板的图片目录 中即可。
第六步,修正模板。以5UCMS举例,默认模板,如首页,应该是index.html,其下设有js、css、images文件夹,我们将相对应的文件放到这三个目录下,修改index.html中的相应路径,这样,一个模板就顺利地仿下来了。如果还是不对,就查查路径和有没因为缺少文件你没下载。
总结,扒皮是件很简单的事,唯一麻烦的地方就是CSS文件的处理。难点在于路径的理解,在网页中,一般../代表需要跳到上一级目录,可以叠加使用,而/代表从网站根目录开始计算路径。这些基础的内容,算作是课后作业,大家自己找资料学习。有问题,欢迎到我博客讨论!