一、分析网站
网址:http://2082phpweb.weimeigu.tao891.cn/index.php
分析网页可以知道,网页由四个模板组成:
1、网站首页
2、公司简介、新闻中心、成功案例、销售网络、联系我们
3、产品展示、厂房设备
4、详情页(新闻中心等列表详情)
模板URL:
网站首页:http://2082phpweb.weimeigu.tao891.cn/index.php
新闻中心:http://2082phpweb.weimeigu.tao891.cn/news/class/?86.html
产品展示:http://2082phpweb.weimeigu.tao891.cn/product/class/
新闻中心详情页:http://2082phpweb.weimeigu.tao891.cn/news/html/?336.html
二、下载页面
为了让网页下载的更完整,千万别右键点击保存,我们直接保存网页源代码(我们下载源代码的时候建议使用谷歌浏览器)。
①右击页面->点击查看网页源代码
②打开Dreamweaver,新建一个HTML文件
③新建文件夹,将网页源代码全部复制到HTML文件中,然后保存到新建文件夹
④查找页面中的css、js和图片,并把他们保存在相应目录
在查看源代码页面点击ctrl+F,搜索“.css”,“.js”,“.jpg”,".png",".gif"等保存下来
蓝笔区域是搜索内容;红笔区域是发现多少个此类文件;黑笔区域可以点击下一个(就不会乱掉)
⑤保存图片(fz是自己新建的文件夹、作为整个文件的根目录)
⑥保存css(右击另存为,注意文件所在地址)
⑦js保存的方法和css的一样
三、如果说在保存第一个页面的时候有些照片或者其他文件找不到暂时先放一下(当然不能太多,一两张照片可以理解,如果完全影响整个页面肯定是不行的),继续保存其他三个页面(之前没有找到的文件可能会在接下来的三个页面中找到)
四、当我们保存完页面,要和原来的页面做一个对比、哪些东西少了有目的性的去下载
①比如说红色区域的图片少了,我们可以“右击->检查”或按F12进入如图界面;点击蓝色区域的按钮再去点一下红色区域的图片,那么就会自动找到黑色部分,我们就可以利用地址去下载文件了
②或者刷新网页可以在如图蓝色区域看到没有找到的文件,根据上面错误提示的地址就能找到文件
注:
①html文件需要我们自己命名、但是js文件,css文件和图片的名称我们尽量不要改用下载路径(URL)上的名字
②这些工作量不大,但是都是重复性的工作,一定要有耐心的去下载每一个文件,博主亲测,基本都可以下载到,不会影响到页面的完整性
③博主提供给大家自己下载的页面仅供参考,希望大家能自己动手,对以后自己实战是很有帮助的:https://pan.baidu.com/s/1KSg5xp92yhDht0BPA6EkoQ
#这篇博客距离上一篇博客很长时间了,中间博主也遇到了一些难题,比如很多文件下载不下来,按照路径找不到,当时挺烦躁,就暂时放下去做别的事情了(博主事情还是有点多的-v-),但是博主没有放弃,忙完之前的事情又再次回来下载页面,把之前没有下载的页面先不管,把剩下的三个页面先下载,但是在下载后面三个页面的过程中发现找到了之前第一个页面的文件,皇天不负有心人,最后所有的文件都找到了,所以大家一定要有耐心,不要轻易放弃。