and closed using simple commands that also control the availability of the browser's tools.
Properly used, these two capabilities enable a Web developer to create a portal into the site and provide the tools he wants the user to have to navigate inside. Content presentation and access are controlled in one simple step (see fig. 21.1).
Figure 21.1 : The Start Demo button on CyberExplorer's Web site opens a new browser without the traditional Netscape menu bar items. This enables the Web author to control entrance, exit, and navigation within the site.
As an Internet consultant, Matthew Fusfield spends a lot of time keeping up with hardware and software advances that can be integrated into clients' Web sites. Because Web technology is changing on virtually a day-to-day basis, it has been a constant process, but one he has enjoyed watching.
"It's good to have new things to do," he says. If nothing new were developed, the capabilities would get old and stale. Emerging technologies enable him to continue providing new services and capabilities to his clients.
Unlike a lot of revisions and updates to software packages that
don't add much capability, Fusfield has enjoyed working with the
Internet products from Netscape and Microsoft. "I've always
been impressed by them by how much their products continue to
improve," he says, "and I've always been interested
in being among the first to try them." Fusfield has been
working with beta versions of Netscape since it was first released,
so he learned about it from the ground up.
CyberExplorer's home page, http://www.cyberexplorer.com/demo/, operates by opening a new browser to control the user's navigation options.
When the Start Demo button is clicked, a new browser is loaded with a custom set of navigation buttons (see fig. 21.2).
As a reminder that users are not in an average Web site, a confirmation alert is used to let them know they're leaving CyberExplorer pages (see fig. 21.3). This is the preferred way to leave the site, although a user can always use the close button on the top-right corner of the screen.
Figure 21.3 : After pressing the Exit button, a confirmation box appears before closing the windows created by the CyberExplorer site and returning to the entrance shown in figure 21.1.
"Generally, if it's a clean site with clean HTML, it takes a few hours over a few days," he says. "But planning is the important part."
After deciding how the site should work and what it should include, Fusfield sketches his ideas on paper, including flowcharts and screen layouts. After refining the idea on paper, he gets the HTML documents currently in use.
"I put it on a password-protected server to see how it behaves," Fusfield says. This says him a chance to use the site in its natural environment and decide what works and what doesn't. This is also a crucial step when working with a client because it enables the customer to review the site before it is generally available.
When the new site is running without a hitch, an important decision is left: what to do with the old files.
Creating a controlled environment, like Fusfield has created for CyberExplorer, is quite simple apart from the frames.
Listing 21.1 shows the HTML code used to create access to the CyberExplorer demo. Note the startdemo() function, which creates a new window without a toolbar or menu bar but provides for scrolling and a status bar. This enables the author to provide a unique set of tools and navigation aids while in the site.
Listing 21.1 Code for Creating first page of the
When the button is clicked, a new window is created using the window.open() method. This directs the browser to create a new window and load it with the contents from start.htm-the file that creates the frames and loads the toolbars for the rest of the tour of the site.
With the tool definitions in the window.open method, Fusfield's site has captured the user's browser. "The ability to control how a browser behaves is very powerful. Basically, you can't leave until you hit the Exit button."
"Frames can be clunky at times," Fusfield says, "At times, I think of ways the actual syntax would have been easier."
Learning how to effectively include frames in a site takes practice and a healthy dose of trial and error. "It's a little more difficult than other HTML tags." His starting point included documentation and examples available online, followed by a lot of experimentation.
Fusfield thinks it is worth the price, however. "They make sense in a lot of places," he said. "We're seeing the groundwork laid for complex interfaces," such as those available for America Online, Prodigy, and CompuServe. It's one of the good ideas that can actually make a page or Web site easier to view and navigate for the user, and serves as the basis for more sophisticated tools.
The problem is that frames require screen space. "With each frame, the screen (for content) is getting smaller." This is especially true when Web authors start creating frames for displaying advertising. "The spirit in which this capability was created was to help navigate not advertise," he says. "Its best use is for navigation and toolbars."
Although advertising is a valid use for frames, it shouldn't interfere with or overpower the frame used for content. "Put it where it's not obtrusive."