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