Download (direct link):
The Select Border Image dialog box.
Chapter 4: Designing the Browser Window
The Window Skin
Borders are one way to add thematic graphics to your browser window (see the previous section). Another way is with a window skin. In the case of the Browser Construction Kit, a skin is a large image that fills the client area of the window, as shown in Figure 4-15.
A skin adds an image to your window’s background.
To add a skin, click the Skin button in the Window toolbox. When you do, the Select Skin Image dialog box appears (see Figure 4-16). Choose your skin file from the list and then click the Open button. The Browser Construction Kit adds the skin to your window.
To remove a skin from the browser window, click the Skin button again. The Browser Construction Kit then removes the skin.
Skin images can be one of several file types: .bmp, .gif, or .jpg. Most paint programs generate these types of files. Even though the Browser Construction Kit automatically resizes an image to fit the client area of the window, to get the best results, your skin images should have a size of 784 x 559 pixels. You can refer to Chapter 12 for more information.
Part II: Customizing the Look of the Browser
The Select Skin Image dialog box.
The Window Title
You can name your custom browser anything you like. Here’s how:
1. Click the Title button.
The Window Title dialog box appears.
2. Type your browser’s name into the text box.
3. Click OK.
The Browser Construction Kit places your browser’s name in the window’s title bar.
You can’t remove the window title, because your browser needs a name. When you start a new custom browser project, the Browser Construction Kit supplies the default name of My Internet Explorer. Obviously, you can stick with the default name if you want, but your own name is better. (By your own name, I don’t, of course, mean Fred, Kate, or Sam, but you knew that, right?)
Adding the Browser Pane
In This Chapter
^ Exploring the Browser command category ^ Adding a browser pane ^ Setting the browser pane’s size and position ^ Setting the default Web site
я ust about every component you add to your custom browser supports the application’s main feature, its browser pane. The browser pane is where you view the Web pages to which you connect. All the other controls in the browser manipulate the browser pane in some way, or at least perform related activities. In this chapter, you find out everything you need to know about the browser pane.
The Browser Command Category
To manipulate your browser’s browser pane, you first must select the Browser command category in the Browser Construction Kit’s editor, as shown in Figure 5-1. When you do, you see the following commands:
Top: Specifies the location of the browser pane’s top edge.
Left: Specifies the location of the browser pane’s left edge.
Width: Specifies the browser pane’s width.
Height: Specifies the browser pane’s height.
Border: Specifies the type of border to appear around the browser pane. Start Site: Specifies the Web page the browser first displays.
Browser: Adds the browser pane to the window.
Part II: Customizing the Look of the Browser
Selecting the Browser category of commands.
Besides the command buttons, the Browser toolbox displays the current mouse coordinates. You can use these coordinates to help find the correct values for the browser pane’s location and size.
When you first switch to the Browser commands, only the Browser button is enabled. This is because your copy of the Browser Construction Kit is broken. Just kidding! The other buttons are disabled because, until you add a browser pane to your window, the other commands have no effect.
To add the browser pane to your window, click the Browser button. The Browser Construction Kit then adds the browser pane to the window, as shown in Figure 5-2. With the new browser pane nestled comfortably in your window, the Browser Construction Kit enables the other Browser command buttons. Seems like magic, doesn’t it?
The Wiley Web site shown in the browser pane is only an image, rather than a real Web site. Don’t bother trying to browse yet! After you set up your complete browser window, you create the finished custom browser, which, of course, can browse the Internet for real.
Chapter 5: Adding the Browser Pane
A custom browser project with the browser pane installed.
Pane Border Style
You can build a snappier looking browser pane by adding a border. Because the border takes up extra room around the browser pane, however, you should add the border before you attempt to position and size the browser pane. Of course, if you’re not adding a browser-pane border, you don’t need to read this section.
The Browser Construction Kit provides four different borders for your browser pane. To choose one of these borders, click the Border button. When you do, the Browser Border dialog box appears, as shown in Figure 5-3.