Tuesday, October 13, 2009

Design the webpage that shuts automatically with Dreamweaver

When designing a page, the person that classics regular meeting opens one stature window to be browsed in order to offer from a page is examined. Normally, once the content in this seed window is browsed person had looked, to browsing person need no longer, and they often can forget put out these fenestella mouths, cause a lot of browser windows to be being opened, bad news uses many resource. We are accordingly OK will child the can shut automatically form after window design becomes a course for some time.

Two pages were made in this exemple, if the graph is shown 1 times, index.html is the page in indication Yuzi window, and in the page that is Firstpage.html in the name, include in child the link that Index.html opens in the window. When clicking a link, will be in child Index.html is opened in the window. Can click directly child in the window " shut " the link is shut child the window, also need not go pay attention to it, after 15 seconds, child the window also can be shut automatically.

  

Graph of 1 browser flip a page

Particular operation is as follows:

1. Folder of a Smlple is generated in this locality site.

2. In Smlple folder, make a file that is Firstpage.html for Index.html and name.

3. Doubleclick Index.html, open this documentation, in the design view window that enters documentation.

4. Click menu View/Head Content, the head area of indication documentation.

5. Click the case of documentation head window in designing view window. Choose menu Insert/Invisible Tags/Script, open Inset Script dialog box. If the graph is shown 2 times, javaScript option chooses in list circle is drawn below Language, input in Coctento text casing " SetTimeout("self.close()" , 15000) " . Click OK pushbutton, finish shut automatically after documentation head inserts 15 seconds child the script of the window. In code, 15000 express 15000 millisecond, also namely 15 seconds, OK also the time millisecond number that long him instead according to need general needs.

  

Graph 2 settings time

6. Input in documentation window " shut " model of written characters, the input in the Link text casing on attribute face plate " ### " , its the setting is an empty link.

7. On the fast mark editor of condition column Zun Duan, click mark pushbutton. Pitch on " shut " link, press Ctrl+T combines key next, open fast mark editor, enter the editor mark mode of fast mark editor. Be in next " > " before input " Onclick="selfclose()" " . If the graph is shown 3 times, the setting ends, click OK pushbutton, affirm an operation. Be served as in Index.html so child after the window is opened, click this link to be able to shut this immediately child the window.

  

Graph 3 settings time

8. Save Index.html file, exit the Dremweaver window of Index.html.

9. Begin to design Fristpage.html page now. In the Smlple folder of this locality site, doubleclick Fristpage.html, open this documentation, in the design view window that enters documentation.

10. Input in documentation " click here to open what can shut automatically child the window " model of written characters. Input in the Link text casing on attribute face plate next " ### " , will the setting is empty link.

11. Can apply behavior of Open Browser Window to install through be this link Index.html window is opened when clicking a link, more convenient nevertheless method is to use fast label editor. The method is in will inserting a dot to place a link above all, go up in the label selector of condition column Zun Duan next, click label pushbutton, pitch on is whole link. Press Ctrl+T combines key next, open fast mark editor, enter the editor label mode of fast mark editor. Be in again " > " before input " Onclick="window.open('index.html' , null' , 'width=200px, height=200px')" " (if pursue,show) 4 times. The setting ends, press carriage return bolts, affirm an operation.

  

When 4 settings click a link, the graph is opened

12. Afore-mentioned operations finished the setting of this exemple. Can click menu to use File/save, save the work that does. Press F12 bolts next, page effect is previewed in the browser.

No comments:

Post a Comment