1、打开DW，如图DW界面。

【资料图】

2、分析制作网页的需求，并明确目标。

3、明确需求。建议网站的话，需要搭建一个网站，方便管理，让制作步骤更有条理。

4、新站点的弹出窗口。我这里输入的是“新闻网页”，是Dreamwaver CS6文件夹下的新闻网页文件夹。

5、在news web文件夹下新建一个“images”文件，导入制作网页所需的材料。这里需要的材料都是图片。

6、要创建新的HTML，请选择创建。

7、在“标题”中输入“新闻页面首页”切换到“设计”界面。

8、按照制作网页的要求插入表格，但是行和列都有变化。“表格宽度”的以下选项根据图表进行设置。

9、如图插入表格，选择表格，你会看到表格边框变红，选择后变成黑色。选择“居中对齐”作为属性中的对齐选项。

10、在表格的第一行和第一列中输入“用户名”，并在第二个表格的第一行中插入“文件字段”。然后密码，也插入到“文件字段”中。切换到“拆分”界面，选择密码对应的“文件域”，将“类型”改为“密码”。

11、插入图像。如果不知道怎么填，就一直选“确定”。

12、插入按钮，与上面插入图像的处理方法相同，如果不知道要填什么，可以随时“确认”。“属性”列中的值更改为“登录”。然后插入图片“Google logo”并附上效果图。

13、选择第二行，单击鼠标右键，然后选择表格和合并单元格。

14、在第二行插入一张图片。完成页面制作。保存HTML文件。然后你就可以在网站“新闻页”看到保存的HTML文件了。

15、点击制作好的HTML文件，选择用360浏览器打开，输入用户名和密码，然后会看到以下情况：用户名课件，密码不可见，符合现实。

16、当然，你也可以在Dreamwaver CS6的实时视图中完成步骤15。

本文到此结束，希望对大家有所帮助。