設(shè)計(jì)限時(shí)自動關(guān)閉的網(wǎng)頁

　　一、學(xué)習(xí)目的

　　了解Dreamweaver，學(xué)會利用Dreamweaver制作網(wǎng)頁。

　　二、學(xué)習(xí)內(nèi)容

　　Dreamweaver的基本知識;用Dreamweaver設(shè)計(jì)限時(shí)自動關(guān)閉的網(wǎng)頁。

　　【學(xué)習(xí)步驟】

　　7. 在狀態(tài)欄左端的快速標(biāo)記編輯器上，單擊標(biāo)記按鈕。選中“關(guān)閉”鏈接，然后按下Ctrl+T組合鍵，打開快速標(biāo)記編輯器，進(jìn)入到快速標(biāo)記編輯器的編輯標(biāo)記模式。然后在“>”前輸入“onclick="selfclose()"”。 如圖所示，設(shè)置完畢，單擊OK按鈕，確認(rèn)操作。這樣在Index.html被作為子窗口打開后，單擊該鏈接就可以立刻關(guān)閉該子窗口。

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

　　9. 現(xiàn)在開始設(shè)計(jì)fristpage.html頁面。在本地站點(diǎn)的Smlple文件夾中，雙擊 fristpage.html，打開該文檔，進(jìn)入到文檔的設(shè)計(jì)視圖窗口中。

　　10. 在文檔中輸入“單擊這里打開會自動關(guān)閉的子窗口”字樣。然后在屬性面板上的 Link文本框中輸入“###”，將之設(shè)置為空鏈接。

　　11. 可以通過為該鏈接應(yīng)用Open Browser Window行為來設(shè)置單擊鏈接時(shí)打開Index.html窗口，不過更方便的方法是利用快速標(biāo)識編輯器。方法是首先將插入點(diǎn)放置到鏈接中，然后在狀態(tài)欄左端的標(biāo)識選擇器上，單擊標(biāo)識按鈕，選中整個(gè)鏈接。然后按下Ctrl+T組合鍵，打開快速標(biāo)記編輯器，進(jìn)入到快速標(biāo)記編輯器的 編輯標(biāo)識模式。再在“>”前輸入“onclick="window.open('index.html',null','width=200px，height=200px')"”(如圖所示)。設(shè)置完畢，按下回車鍵，確認(rèn)操作。

　　設(shè)置單擊鏈接時(shí)打開

　　12.上述操作就完成了本例的設(shè)置�？梢詥螕舨藛斡肍ile/save，保存所做的工作。然后按下F12鍵，在瀏覽器中預(yù)覽頁面效果。