前端初学者没有实战经验，没有项目能手带。自己独立建站成为一个巨大的问题。写css，JS都还算简单，要你写响应式你还勉强可以套用
bootstraps的样式，可是时间不等人，要你学完这所有的知识来让你独立建站，你的老板早就要你全铺盖走人了。现在我们就详细讲一下火狐推出的一个
插件，我们在花费低成本的同时，高效率的完成你一个人无法完成的建站任务。
工具/原料
1
火狐浏览器
2
scrapbooks plus
方法/步骤
1
插件安装：打开火狐---点击工具菜单----附加组件--在搜索框中输入“scrapbook”进行查找。会出现以下插件名！如图：
2
这里我们选择第一项，点击右边的安装。稍等片刻后系统会自动将这个插件安装好，如下图：
3
已安装好，点击 “立即重启”便可激活这个插件。插件激活后会在火狐的菜单栏出现 scrapbook 的菜单，如下图：
5
在选项中 选择“图片和样式和javaｓｃｒｉｐｔ” 下载的连接文件根据自己的情况选择。然后点击 获取。便可保存下来。获取成功后可以点击 ScrapBook 下拉菜单查看获取过的页面。下面用这个工具保存的页面和网页另存为的页面做个对比吧。我以http://www.5icool.org/导航条和背景为 例！ 如下图在选项中：
6
导航条和背景都有吧！页面另存为后的效果如下图：
注意事项
1
注意，录入进来的所有文件都在一个文件夹之下，需要自己手动创建文件夹进行分类
2
分类放入images、css、javascript文件夹之下，如有dat、svg文件可以不管或者删除
3
放置好文件之后需要手动调整路径，调整相对路径即可，例如：之前拷贝下来的根文件夹文件index.html里的图片路径为img src='002.jpg' 目前你整理之后放在了根目录的images文件夹之下，所以目前路径为img src='images/002.jpg'
4
建议用Hbulider进行修改，打开index.html文件crlt+shift+f可以进行代码自动缩进排列。增强辨识度，方便修改
5
特别注意css外联文件与js外联文件的路径，保证他们路径的完整性
下一篇：山洪灾害预警系统