上篇文章小编简单介绍了如何用PS生成html格式的网页文件，那接下里我们就利用生成的文件，进一步使用Dreamweaver开发。
首先，打开软件Dreamweaver，选中新建一个站点。
给站点起一个名字，点击下一步。
选择“否，我不使用服务器技术”，继续点击下一步。
选择“编辑我的计算机上的本地副本，完成后再上传到服务器上”，存储位置自选。然后点击下一步。
连接到服务器选择“无”，点击下一步。
单击完成，这样子便完成了一个站点的建设。
那接下来，我们找到生成的站点文件夹，把PS生成的html文件以及image文件夹复制进来，得到下图。
接下来，我们单击“首页.html”该文件，可以再Dreamweaver看到网页，并对其进行修改。
这里要注意下，我们刚开始再浏览器预览的时候会发现我们的网页没能居中，这是因为我们再PS进行切片，使用的是table布局，因此我们需要点击上方的“代码”，打开代码编辑界面，修改为div布局，如下图所示（红色框住的为添加的代码）。
接下来重新单击“设计”，回到设计界面。我们选择红色框住的区域，单击键盘的delete键，进行删除。这里要特别注意记下该区域的宽和高。
删除之后，我们按照下图的操作，进行设置。主要看红色框住的区域。宽和高和原来保持一致，垂直方向修改为“顶端”，背景重新设置为原先删除的背景图片。这样子可以发现我们现在可以在该区域进行编辑了。
接下来，我们在该区域里进行文本编辑，图像，视频等插入，一个简单的小例子，如下图。
那怎么对网页进行预览呢，其实也很简单。我们在上方可以找到浏览器这个图标，长的跟地球差不多。点击它，可以发现，默认的浏览器是window自带的ie浏览器。
我们点击“编辑浏览器列表”。
点击上方红色圈住的“+”号，添加新的浏览器。
选择“浏览”，进入下一页面。选择我们电脑上自己安装的浏览器。小编选择自己安装的“谷歌浏览器”。点击打开后，接下来一直点击确定就可以。
我们可以发现，我们成功添加“谷歌浏览器“。
因此，我们预览网页的时候直接点击上方的预览在chrome.exe就行了。
当然，这只是站点设计的第一步。看到没，其实操作很简单，不需要编辑代码，只不过会美术的小伙伴作出来的效果会更加棒。接下来，小编还会继续在该基础上进行开发演示，实现链接，跳转等功能。下面的操作步骤，小编再进行分享。
谢谢！
