Windows
Opening new windows is a neat trick and can add a lot of dimension to your web pages. These windows appear to "pop up" over the top of your web pages and can contain additional information or images that add to the content of the pages from which they originate.
Click here for an example of a new window.
Note that the new window appears over th top of the WWW page you are using. Closing this new window restores a full view of the current WWW page.
Opening new windows often involves the use of JavaScript codes in your WWW documents which is beyond the scope of this guide and so these examples of how to open new windows are intended more for demonstration. There are many websites that feature JavaScripts for opening new windows and you can often easily find a copy that is free for copying and including in your own WWW document.
Each example below will open a new window, over this WWW page. Simply close the new window to return here.
| New Windows: Examples | |
|---|---|
|
BUTTON or LINK You can open a new window from your WWW document by clicking on a link or a button. Examples of both are below. The first is an example of a button. The second, a link. | |
Appearance in your WWW document:
| |
| Notice that in both cases, the new windows opens in the upper left corner, over the current WWW document. This is the default setting for opening new windows. See "Centered," below, for information about how to overcome this default. | |
|
CENTERED You can have your new window appear in the center of your viewer's computer screen. This makes the new window very noticeable. | |
Appearance in your WWW document:
| |
|
MENU You can call up new windows from a drop down menu. This is handy if you want to offer your viewer several navigational choices. Each link in the menu can open a new window. | |
Appearance in your WWW document:
| |
| New Windows: Sizing | |
|
Because of resolution considerations for different monitors, windows are often designed to be a certain width and height size, determined in pixels. One standard window size is 640 pixels wide and 480 pixels high.
Click here to see an example of a 640x480 window. In addition to size, the location of a new window relative to the left margin of your web page can be defined. The Eazy-Peazy Window Sizer below allows you to experiment with different sizes and locations for your new windows. Enter the desired distances and dimensions and then click the "Open Example Window" button to see what your window will look like. |