实战:如何把好看的网页据为己有!

感谢有你,博客七月精彩评论!

对于只懂代码而不懂网页设计的人来说,总是不能满意自己的设计的页面,因为觉得很难看。而这时候给网站“扒皮”,柔和到自己的网站程序就是大多数人的不二选择。
给网站“扒皮”大致为两种方法。第一,用浏览器的另存为工具下载页面。第二用辅助工具下载你所喜爱的网站页面。接下来就给大家讲解一下,如何给网站“扒皮”。

接下来卢松松就以‘壹支付’网站(1topay.com)这个实例来讲解如何给网页‘扒皮’。‘壹支付’网站全部是DIV+CSS制作,并且导航非常漂亮,所以卢松松想拿来借用一下,嘿嘿!

1:用浏览器的另存为工具下载页面。
我使用的是傲游浏览器,点击“文件”—“另存为”。即可保存壹支付网页,想必大家都已经知道了吧。这是保存网页后的显示效果。

实战:如何把好看的网页据为己有!

问题就出来了,怎么本地保存的网页和实际网站的不一样呢?原因是该另存为只能保存该页面的路径,而不能更改css文件中的路径。

那么我们就用Dreamweaver打开保存好的本地页面,首先更改他的路径,用DW的批量替换功能,把HTML网页和CSS文件中的路径该成一个合理的网页路径结构。如:本地文件夹(壹支付(1TOPAY_COM) 秒清算 多途径支付平台.files)改成images(你也可以改成其他的),并且把HTML文件中的代码也改成images;css文件中的的图片地址是(例)../../images/logogg3.jpg那么就改成../images/logogg3.jpg。

推荐一些优秀的网站素材资源下载站

实战:如何把好看的网页据为己有!
 

经过一番修改之后,网页的路径都对应好了,接下来再把CSS中的图片也要保存到images目录中,我的保存方法为:找到没有显示的图片,然后右键另存为,如果是背景图片就点击背景图片另存为。
通过“网页和css路径修改”和“下载未显示图片”。这样一个完整的网页就算保存好了。如果需要对网页进行从新排版请参考“如何从零开始学习DIV+CSS”。下图是最后显示效果:

实战:如何把好看的网页据为己有!

2:用网页整站下载器下载你所喜爱的网站页面。

如果遇到屏蔽了浏览器保存网页,那么用网页整站下载器是一种很理想的办法。使用网页整站下载器保存网页就简单多了,软件会自动保存所有的页面,但有时候由于软件功能过于强大,会导致很多不必要的代码、图片、js文件都一并保存到网页中。清理起来比较麻烦。下图就是保存完成后的效果。

实战:如何把好看的网页据为己有!

两种方法都能够很好的保存你所喜欢的网页,但HTML网页中有一些代码是我们不需要的,这时候就需要手动清理了。这样的多余代码最多是JS调用文件。确定这段代码是否为无用代码最简单的办法是删除,如果影响了页面特效,那么就复原,如果没有任何影响那么就删除。

如何防止博客文章被恶意转载?

本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至207985384@qq.com本站将立刻删除



微信