Home > Articles

  • Print
  • + Share This

Modify a Theme

As you have seen, themes are a quick way to establish the appearance of a Web. Whether your Web contains 5 or 500 pages, the same minimal amount of work is required to apply a theme.

If none of the built-in themes suit the Web you're trying to create, you can develop your own.

To create a new theme, you can begin by modifying an existing one. Start by selecting the existing theme as if you're going to apply it to a Web, and click Modify in the Themes dialog box. Three new buttons will appear: Colors, Graphics, and Text, as shown in Figure 3.4. Each of these enables you to change part of the selected theme.

Figure 3.4 Modifying an existing theme.

Selecting a Color Scheme

The Colors button is used to pick the five colors that make up the theme's color scheme. These colors can be selected in three different ways:

  • Selecting from a list of available schemes

  • Using a color wheel

  • Manually assigning a color to each Web element that can be placed on a page, including headings, text, and hyperlinks

Many of the listed colors correspond with existing themes, so you can borrow them for your new theme.

Figure 3.5 shows the Modify Theme dialog box with the Color Schemes tab at the front.

The color wheel is used to pick a set of five related colors. Picking a red area of the wheel creates a color scheme that is predominantly red, for instance.

Figure 3.5 Selecting a theme's colors using existing color schemes.

The scheme changes as you move to different places on the wheel, making it easy to meander around until you find something you like.

Another thing you can do that greatly affects the scheme is to adjust the brightness level of the entire wheel. If you're looking for a gloomy range of colors, you will need to darken the entire color wheel first.

Every change you make while selecting colors is reflected in the Sample of Theme pane, as shown in Figure 3.5.

NOTE

One thing that isn't obvious about selecting a color scheme is what the five colors are used for. The color in the middle is the page's background color. The other colors are used in a variety of different ways, as you'll see in the Sample of Theme pane.

The third way to select colors for a theme is to assign them manually. Instead of picking a five-color scheme, you assign specific colors to specific Web elements such as the page background, active hyperlinks, and body text. This is more time-consuming, but it provides total control over the colors employed in the theme.

After you have made changes to an existing theme, you can save them in the Themes dialog box by clicking Save As and giving the theme its own name. This is preferable to clicking Save because it doesn't wipe out the existing theme.

Selecting Text and Graphics

The Text button of the Themes dialog box is used to associate fonts with body text and the six different heading sizes that are used on Web pages. A dialog box opens, enabling you to select any font that's installed on your system, as shown in Figure 3.6.

Figure 3.6 Selecting fonts to use in a theme.

Fonts are a very system-specific element of Web page design. If you use a font on your Web that isn't present on a visitor's system, his browser will default to a standard font such as Arial, Helvetica, or Verdana.

If you're developing a Web that will be seen only on a company's intranet, you can use any font that you know will be present on the machines that have access to that Web.

If you're a corporate Webmaster, you can always order your colleagues to install a font. This might seem a little cheeky, but it's time someone showed why the word "master" is part of the job title. Harbormasters control traffic on a waterway. Jedi masters control potent Forces. Is it too much to ask that Webmasters have sovereign power over fonts?

Anything bound for the World Wide Web probably should stick to fonts that are the most widely supported. The built-in themes in FrontPage 2002 use the following fonts: Arial, Book Antiqua, Century Gothic, Helvetica, Times, Times New Roman, Trebuchet MS, and Verdana. The safest of these fonts to use are Arial, Helvetica, Times, and Verdana.

If you're concerned that a font won't be present, you can specify one or more alternative fonts when modifying a theme. Instead of picking a single font, enter a list of fonts separated by commas, such as "Verdana, Arial, sans serif" or "Times New Roman, Times, serif." Web browsers will look for each font in the list and use the first one that's present on the system running the browser.

The final way to create a new theme is to modify an existing theme's graphics.

Every theme has graphics files associated with 11 different page elements, including the background image, page banner, and both horizontal and vertical navigation bars. Some of these elements have several different graphics files associated with them—hover buttons have files for each image that appears on the button.

Changing graphics requires strong working knowledge of how the different page elements function.

To change the graphics associated with a theme, click Graphics from the Themes dialog box. The Modify Theme dialog box opens, enabling you to select graphics and see how they look in a Sample of Theme pane, as shown in Figure 3.7.

Figure 3.7 Choosing new graphics for a theme.

One of the simplest graphics to change is the background picture. This graphic is displayed beneath Web pages when the theme is applied with the Background Picture option selected.

Click Browse to choose a new graphic file. If this file is located anywhere on your system, you can find it using the standard Windows file open dialog box. If the file is located on the World Wide Web, you can find it using the image's URL.

Regardless of where you find the file, FrontPage 2002 will make a copy of it for use with the theme. FrontPage will use a copy instead of the original whenever the theme is applied to a Web.

CAUTION

One thing FrontPage 2002 doesn't do for you is secure permission to use the graphics it can grab from the Web. Portals such as Yahoo! have dozens of links to sites that offer background images you can freely use on Webs. Search for text such as "Web page backgrounds" or "background archive."

  • + Share This
  • 🔖 Save To Your Account

Related Resources

There are currently no related titles. Please check back later.