dw网页制作视频教程

第一步：打开dw，点击dw左上角的文件按钮。第二步：在文件按钮弹出的菜单中选择新建。第三步：在弹出的对话框中选择要新建的内容，新建网页就是html的。第四步：在选择新建类型后，点击创建按钮。第五步：新建完成后会看到网页的源代码，然后我们在body标签中填写内容。第六步：点击左上角的文件按钮，在弹出的对话框中选择保存，可以利用快捷键ctrl+s保存。第七步：点击创建按钮后会询问保存路径及保存文件的名称，可以新建为index.html，然后点击保存。第八步：在保存路径找到该文件，然后双击打开。第九步：双击打开后在浏览器可以看到一个网页了。

　　制作步骤如下：　　1、打开Dreamweaver CS6软件，在Dreamweaver CS6软件的开始界面的导航上可以看到站点，如下图所示。　　2、点击Dreamweaver CS6导航上的站点，然后选择弹出菜单上的新建站点，如下图所示。　　3、点击后弹出站点设置对话框，先来设置站点项，这个是在计算机本地创建的，在站点名称处输入站点名称，然后选择本地站点文件夹路径，如下图所示。　　4、服务器选项，这个设置主要用于动态页面，动态页面要服务器解析的。点击左下角的“+”图标添加服务器，如下图所示。　　5、开发网站的时候一般都是在本地搭建的服务器，所有连接方法选择“本地/网络”。服务器名称和服务器文件夹都是安装服务器时确定的，服务器文件夹直接选择安装服务器时的位置就可以了。服务器App安装在D:\App\www文件夹下，站点叫jingyan。这里Web URL设置为localhost/jingyan。根据服务器文件夹来的。然后点击保存，如下图所示。　　6、点击保存后，返回新建站点的服务器选项界面，勾选测试，然后点击保存，如下图所示。　　7、Dreamweaver CS6新建站点完成了，可以编辑网站网页了，如下图所示。

Dreamweaver，简称“DW”，中文名称"梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器。想用DW做出导航栏必熟知div+css，基本代码：ul#nav{ width:100%; height:60px; background:#00A2CA;margin:0 auto} ul#nav li{display:inline; height:60px} ul#nav li a{display:inline-block; padding:0 20px; height:60px; line-height:60px; color:#FFF; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px} ul#nav li a:hover{background:#0095BB}/*设置鼠标滑过或悬停时变化的背景颜色*/ <ul id="nav"> <li><a href="#">首页</a></li> <li><a href="#">HTML教程</a></li> <li><a href="#">CSS基础</a></li> <li><a href="#">CSS开发工具</a></li> <li><a href="#">CSS特效</a></li> <li><a href="#">CSS问题</a></li> </ul>

Dreamweaver中制作一个商品展示页面步骤：第一、用ps制作出页面图稿。第二、ps切图，Dreamweaver软件布局，用div布局，css样式美化。只要有一定的网页设计基础，懂得写代码规则，制作一个页面不是很难。