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

图3
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')"”(如图4所示)。设置完毕,按下回车键,确认操作。

图4设置单击链接时打开
12.上述操作就完成了本例的设置。可以单击菜单用File/save,保存所做的工作。然后按下F12键,在浏览器中预览页面效果。
![]() | 去除Dreamweaver表格宽度辅助线 | 09-24 |
![]() | Dreamweaver制作网页技巧20则 | 02-17 |
![]() | 网页设计经验和技巧总结 | 02-16 |
![]() | Dreamweaver的应用源格式小技巧 | 11-19 |
![]() | 巧用DW判断字符串中是否有换行 | 11-19 |
![]() | 网页制作 详解Dreamweaver13个技巧 | 11-01 |
![]() | Dreamweaver8技巧:查找和替换应用 | 10-16 |
![]() | Dreamweaver实用小技巧 | 09-20 |
![]() | Dreamweaver网页制作技巧全面接触 | 01-05 |
![]() | Dreamweaver查找替换的技巧 | 05-31 |
![]() | dreamweaer使用技巧六则 | 06-26 |