如何获取他人网页?仿站的一般流程
在网上冲浪的时候看见一个很漂亮的网站是不是很心动呢,是不是想把它占为己有呢?其实仿站是很简单的,只要看懂HTML、CSS和熟悉你使用5U系统标签,仿个站是没问题的,下面邱嵩松来给大家介绍一下仿站的基本流程,下一课我们再来具体实战的!
第一步,找好你要仿的网站,我就用这个www.fyxiaonei.com/secret/,阜阳校内网旗下的荷包蛋网站来介绍一下一般流程。
第二步,找以下三个页面,随意找即可,首页,列表页,内容页,我们仿这3个页面就可以了,在桌面(或其他你习惯的位置,方便就好)创建个文件夹,打开要仿的首页:点击网站左上的文件→另为存(选择 网页,全部(*.htm,*.html)),保存到创建的文件夹里,列表页和内容页一样的方法保存下来。每个页面保存都有两个文件一个是网页的代码,一个是文件夹里面有CSS和图片等,这些就是我们所需要在东西。 .
第三步,处理CSS,打开CSS文件(如果没有此文件请跳过此步骤),在里面分别搜索JPG,GIF,PNG三种字符,这是网页常用的三种图片,当然BMP的也可能有,但在CSS里不常见到。如果找到,复制好这个图片的名称,然后在浏览器里打开具体路径,打开,另存到这个CSS文件所在的文件夹里。
第四步,替换标签,5U里有大量的标签可以使用,替换成你需要的地方,按下载下来的网页的原有格式。
第五步,将这三个页面:首页,列表页,内容页改好之后,分别修改成index.html,list.html,article.html,文件夹统一修改成images并合并到一块儿,因为一般网站的CSS和图片都是通用的,我们可以合并,要是有区别,个别的进行修改即可。这之中注意好路径,错了可能无法显示,这时候怎么查呢?
第六步,修正阶段,后台更新缓存后,如果页面显示正常,那么恭喜您,仿站成功!如果显示错乱,一点CSS效果都没有,别急,查看下源文件,看看路径是不是能链到CSS文件,如果不是,修改一下。如果网页中一些图片显示不正常,那么除了查看源文件外,再看看CSS文件,相信你能很快找到原因!
这一节,我们大致地介绍了一下5U的基本教程,如果对HTML和CSS比较精通的同学,可以重点看一看关于5U标签的那节教程。实战部分可以略过。下面几课,邱嵩松向您介绍具体的页面模仿过程,和不同页面中常见的标签和问题。本文首发于邱嵩松博客,blog.qiusongsong.com 欢迎关注与转载!