=============================
邱嵩松教你扒皮---如何扣下喜欢的网页模板
扒皮是比较形象的扣模板说法,或者说仿站的说法。一般对于建站者来说,网站程序部分,分为后台和
前台。后台主管实现各种功能,前台就是大家看到的外观。
对于建站爱好者,尤其是初学者,没有经过专业的培训与经验积累,设计出一个好看的版面无异于天
方夜谭。在这个信息爆炸的互联网时代。网站的样式也是层出不穷,其中还出现了很多经典样式,引无数
美工竞效仿。
那么如何扒皮呢?扒皮我觉得分两种,第一种,直接扒,啥玩意都存下来;第二种,截个图回去,按
自己想法改好,然后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
替换成
,再替换图片后缀为jpg,png,bmp的,统一转成链接样式。然后在浏览器中打开,在链接上点右键,
选择用迅雷下载全部链接,选择弹出选项中的图片格式文件,然后下载,存到你模板的图片目录 中即可 。
第六步,修正模板。以5UCMS举例,默认模板,如首页,应该是index.html,其下设有js、css、
images文件夹,我们将相对应的文件放到这三个目录下,修改index.html中的相应路径,这样,一个模板
就顺利地仿下来了。如果还是不对,就查查路径和有没因为缺少文件你没下载。
总结,扒皮是件很简单的事,唯一麻烦的地方就是CSS文件的处理。难点在于路径的理解,在网页中
,一般../代表需要跳到上一级目录,可以叠加使用,而/代表从网站根目录开始计算路径。这些基础的内
容,算作是课后作业,大家自己找资料学习。有问题,欢迎到我博客讨论!
邱嵩松5UCMS标签、模板与仿站教程 1-0
这一章先不谈技术上的问题,所以心急的站长们可以跳过。
仿站,是学习的一个过程,就像写作文,书读百遍,其意自现。记得初中时,一数学老师教我们做证明题
,啥都不说,写的题目,写上答案,让我们抄,抄了很多次,然后就会答证明题了。
可以说,模仿不是可耻的,我们要抱着学习与仰慕的心态去模仿,学会了整个流程,才能创造出属于自己
的原创漂亮的网站。希望大家能在这条路上,努力走下去,即使学会了仿站,也不用洋洋得意,因为,能
做到这一步的站长,相当之多。
那么,也许会有朋友问了,这个学习过程长么,困难不?我觉得难度是有的,时间也是需要的,但很多事
做了,反而就成了;不做,就只能一直在害怕他,站长是吓不倒的。尤其是像我们这样的草根站长,这只
是梦想开始的第一步。
在这里我先发个免责申明,大家如果通过我的教程学会了仿站,但请不要去做违法、或损害别人版权的事
,否则,一切责任由您本人承担,本人不负任何责任,要么,请绕行此教程。 呵呵,刚话说的太严肃了,不过没办法,官司这玩艺落谁头上,都让人难受的。 最后,感谢无忧作者做出如此造福我等草根的大作!祝大家事业与网站齐旺盛!
邱嵩松5UCMS标签、模板与仿站教程 1-1
什么是5U模板?从哪里获得模板?如何使用模板? 邱嵩松5UCMS标签、模板与仿站教程 1-1
什么是5U模板?
用百度搜索"什么是网页模板",我们来看一下搜到的答案是什么: "网页模板是一个预先设计好的网站。利用它可以进行快速和高品质的网站开发。只需要添加您的文本和
图片,就可以得到一个功能完整的高品质网站。"
让我吃惊,什么人给的答案,太不负责任了!这个答案是不对的的,或者说误导了一部分刚刚接触网页制
作的初学者。被误导者认为只要找到一个网页模板,就可以利用它快速建立网站。认为只要添加文本和图
片,就可以建立一个网站。所以,当他(她)用很少的付出得到一个网页模板时,然后才发现事实并非如此
,就会埋怨,怎么还要做这么多工作呀,被骗啦,甚至还要求网页模板的提供者帮他(她)用这个网页模板
做一个网站,不然就投诉!退款?!
在这里我要对网页模板这个概念重新做一个定义: 网页模板的组成:网页模板包含两个部分,
第一部分,网页模板的展示部分:由一组相关联的html文档及其图片文件组成,有动画成果的网页模板还
会有swf文档,有时候,也用网页捉图来展示网页模板的成果;
第二部分,可用来进行网页设计制作的PSD分层图片源文件,有动画成果的还包含有fla源文件;
(通常一个网页模板是由这两个部分组成的,但也是个别网页模板只有其中一个部分。) 网页模板的用途:
网页模板给网页设计制作提供了一个美工方面的参考,或者说模仿,有了网页模板,还需要用到网页制作
软件,如Dreamweaver、Firework、 Flash等,如果需要制作交互式动态网页,还需要掌握ASP或PHP等编
程知识,这样在网页模板的基础上进行再创作才能做好一个网站。
对于5U仿站来说,一般我们用到的只是第一部分,即网页直接展示出来的。当然PSD也有PSD的好处,这里
仅做了解,有兴趣的站长们可以搜索下满足好奇心。我对5U模板的理解就是,一种通用的HTML页面,绝大
部分网站都包含了这样三种页面,首页、列表页、内容页,那么,这三种页面下载下来,就能称之为模板
,再经过一系列的处理,就能被5U系统使用。在5U程序下有个TEMPLATE目录,里面的文件就全部是5U的模
板文件了,通过对它们的修改,就可以做出丰富多彩的网站来了!
邱嵩松5UCMS标签、模板与仿站教程 1-1
从哪里获得模板?
1、可以到5U的官方网站及其论坛上下载现成的,做好的,放在程序里就可以使用;到其他5U资源站下载
,需要百度一下。
2、模仿,看到好看的网站怎么办?有句行话,扒皮!嘿嘿,扒下来自己用嘛,这就是仿站的一个过程。
3、如果看到网站是用5U做的,那么有个简单的方法快速的将它的模板下载下来,前提是这个网站站长比
较懒,模板文件没改路径。默认的几个页面路径是(这里拿阜阳校内网打个比方): 首页:http://www.fyxiaonei.com/secret/template/index.html 小类列表页:http://www.fyxiaonei.com/secret/template/list.html 文章内容页:http://www.fyxiaonei.com/secret/template/article.html
当然,这种情况并不多,一般站长都会修改一下。你也可以从它的CSS文件路径,图片路径中推测下模板
路径,因为模板文件的名称是可改的,所以看你运气啦! 如何使用模板?
当模板按照一定的格式制作完成后,或直接下载回来一个5U专用的模板后,直接覆盖到程序目录template
中就可以了,如果你想做一下简单的防盗,可以再新建一个目录,比如fyxiaonei目录新建到template下
,在后台配置中有个 模板路径 ,填上fyxiaonei即可,不建议用多级,没啥意义,最后更新缓存,打开
首页即可看到效果。首发于邱嵩松博客,如本文有不妥的地方,请大家多多批评指正! 教程列表:http://www.fyxiaonei.com/bbs/viewthread.php?tid=5258 常见问题:
UTF-8和GB2321啥区别?
这个是仿站过程中的常见问题,一定要知道和解决它!在网页的源码中,HEAD区域一般会有这样的东西:
这东西指的是网页所用的字符编码格式,具体啥东西呢?百度一下,呵呵,内容比较多,了解即可。简单
的大家需要知道的就是,这东西要和程序相对应,大家下载程序的时候也发现有两种格式的下载了吧?如
果不对应,出来的页面就会乱码的,非常难看。一般邱嵩松比较懒,目标网站是啥格式的,我就用啥格式
的5U程序来套它。