一：点击备份下的/html/目录备份，会自动将当前目录压缩到网站的/_backup/zip/下

二：将压缩的备份文件下载到本地电脑的桌面并且解压到桌面

三：将前面解压的文件一层一层进入直到找到html文件夹，然后移到桌面

四：打开html文件夹
1：baidumap.php这个是百度地图的网页文件，就是上一集中介绍的被包含在联系我们中的网页文件
2：bodyfoot.php这个是公共底部文件，是一个空文件，用于存放节点的网页文件中底部的代码
3：bodytop.php这个是公共顶部文件，是一个空文件，用于存放节点的网页文件中顶部的代码
4：book.php这个是在线留言的网页文件
5：bookajax.php这个是添加在线留言这个节点时后台自动创建的表单后端脚本，用户留言时提交按钮之后会执行这里的代码
6：case.php这个是客户案例列表页的网页文件
7：caseview.php这个是客户案例详情页的网页文件
8：contact.php这个是联系我们的网页文件，这个文件里面是包含了baidumap.php这个网页文件
9：index.php这个是首页的网页文件
10：news.php这个是新闻中心列表页的网页文件
11：newsview.php这个是新闻中心详情页的网页文件
12：product.php这个是产品展示列表页的网页文件
13：productview.php这个是产品展示详情页的网页文件
14：show.php这个是公司简介的网页文件，同时企业文化也共用这个网页文件

五：创建公共右侧文件，在html文件夹中，复制bodytop.php这个文件，然后将复制的文件改名为bodyright.php，此文件用于存放节点网页文件中右侧的代码

六：获取公共部分的html代码并放入对应的文件中
1：公共顶部的代码，就是class属性值等于bg_header的整个div标签，复制整体HTML，然后放入到bodytop.php文件中
2：公共底部的代码，就是class属性值等于bg_foot的整个div标签，复制整体HTML，然后放入到bodyfoot.php文件中
3：公共右侧的代码，就是class属性值等于plug_service的整个div标签，复制整体HTML，然后放入到bodyright.php文件中

七：下载Dreamweaver 8这个软件（简称DW)

八：新建站点
1：打开DW软件，点击站点，新建站点（DW软件下载）
2：站点名称填写PC站，本地根文件夹填写先选择桌面，然后再后面加上html，点击确定

九：套用源格式：对以上的文件套用源格式，表单后端脚本文件除外，套用源格式此功能的目的是为了将混乱的代码变得整洁有序，以便于代码按层级关系实现展开与折叠

十：抽离与调用
在DW中找到以class属性值等于bg_header的整个div标签的代码，然后替换成<?php require(WebConfig::getHtmlPath().'bodytop.php'); ?>
在DW中找到以class属性值等于bg_foot的整个div标签的代码，然后替换成<?php require(WebConfig::getHtmlPath().'bodyfoot.php'); ?>
在DW中找到以class属性值等于plug_service的整个div标签的代码，然后替换成<?php require(WebConfig::getHtmlPath().'bodyright.php'); ?>

十一：把本地电脑桌面上的html的这个文件夹压缩并上传到服务器
1：选中桌面上的html文件夹并点击右键，在弹窗中选择“添加到html.zip”
2：点击代码，点击上传压缩包，此时网站后台会自动将压缩包解析到网站的/html这个目录下