Dreamweaver自動關閉網頁的方法

Web站點的設計是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑，因此我們必須明確設計站點的目的和使用者的需求，從而做出切實可行的設計方案。以下是小編為大家搜尋整理的Dreamweaver自動關閉網頁的方法，歡迎大家閱讀!更多精彩內容請及時關注我們應屆畢業生考試網!

1. 在本地站點中生成一個Smlple資料夾。

2. 在Smlple資料夾中，生成名為以及名為的檔案。

3. 雙擊，開啟該文件，進入到文件的設計檢視視窗中。

4. 單擊選單View/Head Content，顯示文件的頭部區域。

5. 單擊設計檢視視窗中的文件頭部窗格。選擇選單Insert/Invisible Tags/Script，開啟Inset Script對話方塊。如圖2所示，在Language下拉列表框中選擇javascript選項，並在Coctento文字框中輸入“setTimeout("e()"，15000)”。單擊OK按鈕，完成在文件頭部插入15秒後自動關閉子視窗的`指令碼。在程式碼中，15000表示15000毫秒，也即15秒，也可以根據需要將之修改為自己需要的時間毫秒數。

圖2 設定時間

6. 在文件視窗中輸入“關閉”字樣，在屬性面板上的Link文字框中輸入“###”，將其設定為一個空連結。

7. 在狀態列左端的快速標記編輯器上，單擊標記按鈕。選中“關閉”連結，然後按下Ctrl+T組合鍵，開啟快速標記編輯器，進入到快速標記編輯器的編輯標記模式。然後在“>”前輸入“onclick="selfclose()"”。 如圖3所示，設定完畢，單擊OK按鈕，確認操作。這樣在被作為子視窗開啟後，單擊該連結就可以立刻關閉該子視窗。

圖3 設定時間

8. 儲存檔案，並退出的Dremweaver視窗。

9. 現在開始設計頁面。在本地站點的Smlple資料夾中，雙擊 ，開啟該文件，進入到文件的設計檢視視窗中。

10. 在文件中輸入“單擊這裡開啟會自動關閉的子視窗”字樣。然後在屬性面板上的 Link文字框中輸入“###”，將之設定為空連結。

11. 可以通過為該連結應用Open Browser Window行為來設定單擊連結時開啟視窗，不過更方便的方法是利用快速標識編輯器。方法是首先將插入點放置到連結中，然後在狀態列左端的標識選擇器上，單擊標識按鈕，選中整個連結。然後按下Ctrl+T組合鍵，開啟快速標記編輯器，進入到快速標記編輯器的 編輯標識模式。再在“>”前輸入“onclick="('',null','width=200px，height=200px')"”(如圖4所示)。設定完畢，按下回車鍵，確認操作。

圖4 設定單擊連結時開啟

12.上述操作就完成了本例的設定。可以單擊選單用File/save，儲存所做的工作。然後按下F12鍵，在瀏覽器中預覽頁面效果。