dw网页制作详细步骤 如何使用Dreamweaver制作网页

有正在学前端设计的小白问如何使用Dreamweaver制作网页?本文小编将和大家一起谈谈dw网页制作详细步骤网页制作块去链接代码，感兴趣的朋友了解一下吧。

一、dw网页制作详细步骤

1、点击软件主界面中间的“新建”按钮，启动DW。

2、在弹出的“新建文档”窗口中，选择“HTML文档”，点击“创建”。

3、创建web文档之后，可以看到web页面的默认代码，需要在“body”中编辑。

4、初学者可以将DW设置为“设计”界面，方便在做的同时查看效果，然后点击插入，插入一个图像。

5、因为是初学者，所以不进行网页切图，只需插入整个页面设计，这样就可以看到页面的样子，但因为这是一张完整的图像，要添加一个链接到某一小块，需要去画热区完成。

6、需要打开属性窗口来到画热区，点击窗口-属性，点击后，在软件的底部会出现一个属性栏网页制作块去链接代码，单击画热区并绘制添加链接的可单击范围。

7、然后按照相同的方法绘制需要添加链接的其他区域。

8、绘制完成后，点击其中一个画热区，在属性栏“目标”中进入跳转链接。添加完所有链接后，在浏览器中单击preview，快捷方式是F12。

9、稍后将看到完成的页面在浏览器中打开。

二、dw怎么做网页菜单栏

DreamWeaver 是用标签行为的功能来制作下拉菜单的。 具体步骤：

1、在DreamWeaver中绘制层(注意是绘制层，不是插入div)。

2、绘制一个 宽度130px; 高度20px; 的层 在层里插入同样大小的表格 这时DreamWeaver会自动命名ID为 Layer1。

3、在此层下面 紧接着再绘一个宽度一样 高度为100px;的层 DreamWeaver会自动命名ID为 Layer2 同样在层也插入相同大小的表格，插入表格是 让文字分层居中。

4、选中 Layer2 让它默认是隐藏 (在Layer2左边点一下 让眼睛闭着就是隐藏的意思了)。

5、在网页中选 Layer1 点标签行为面板的+ >>显示-隐藏层 选项。

6、弹出窗口 选中Layer2 点显示 然后确定。

7、在行为里添加onMouseOver(意思是鼠标经过时) 同样的方法 让 Layer2 隐藏 在行为里添加onMouseOut(意思是鼠标离开时) 这样就成功，可是会发现离开总菜单 下拉菜单也消失了，所以 最后还要选中 Layer2 再做一次 Layer2的onMouseOver onMouseOut 行为。

三、dw怎么插入出生年月

1、对于一个空白文档，依次点击“插入”——“表单”——“月”。

2、依次点击“插入”——“表单”——“周”。

3、依次点击“插入”——“表单”——“时间”。

4、依次点击“插入”——“表单”——“日期”。

5、依次点击“插入”——“表单”——“日期时间”。

6、依次点击“插入”——“表单”——“日期时间(当地)”。

7、点击“文件”——“保存”，打开网页，可对各项进行调整。