2016年职称计算机考试Dreamwaver知识点（四）

　　设计限时自动关闭的网页

　　一、学习目的

　　了解Dreamweaver，学会利用Dreamweaver制作网页。

　　二、学习内容

　　Dreamweaver的基本知识;用Dreamweaver设计限时自动关闭的网页。

　　【学习步骤】

　　7. 在状态栏左端的快速标记编辑器上，单击标记按钮。选中“关闭”链接，然后按下Ctrl+T组合键，打开快速标记编辑器，进入到快速标记编辑器的编辑标记模式。然后在“>”前输入“onclick="selfclose()"”。 如图所示，设置完毕，单击OK按钮，确认操作。这样在Index.html被作为子窗口打开后，单击该链接就可以立刻关闭该子窗口。

　　8. 保存Index.html文件，并退出index.html的Dremweaver窗口。

　　9. 现在开始设计fristpage.html页面。在本地站点的Smlple文件夹中，双击 fristpage.html，打开该文档，进入到文档的设计视图窗口中。

　　10. 在文档中输入“单击这里打开会自动关闭的子窗口”字样。然后在属性面板上的 Link文本框中输入“###”，将之设置为空链接。

　　11. 可以通过为该链接应用Open Browser Window行为来设置单击链接时打开Index.html窗口，不过更方便的方法是利用快速标识编辑器。方法是首先将插入点放置到链接中，然后在状态栏左端的标识选择器上，单击标识按钮，选中整个链接。然后按下Ctrl+T组合键，打开快速标记编辑器，进入到快速标记编辑器的 编辑标识模式。再在“>”前输入“onclick="window.open('index.html',null','width=200px，height=200px')"”(如图所示)。设置完毕，按下回车键，确认操作。

　　设置单击链接时打开

　　12.上述操作就完成了本例的设置。可以单击菜单用File/save，保存所做的工作。然后按下F12键，在浏览器中预览页面效果。