This video covers changing the font style and background of the header in Dreamweaver.

The choices you make for fonts and backgrounds on a webpage will appeal to different audiences. We'll experiment with different choices in this video. Start by switching to code view.

Place your cursor in the header div tag, and type the title of this website, which is Trainer Depot.

Refresh the CSS Styles panel, and double-click the current rule to edit it.

With the Rule Definition dialog open and the Type category selected, select a font family that uses Comic Sans, and set other fields like the font size and color.

Then, switch to the Background category and set a color for the header background.

Now, switch to the Block category to modify the text alignment.

Click OK to finish editing this rule.

Switch to Design view.

You can see your changes in the header. This color and font choice may appeal most to a younger audience. Let's try another combination. Switch back to Code view.

Make sure your cursor is in the header div tag again, and edit the CSS rule.

With the Rule Definition dialog oopen, change the font.

This time we are going to import the font we want to use. Scroll to the bottom of the font list and click Edit Font List. You can then select one or more fonts to add to the list of available fonts in Dreamweaver.

Select Stencil Std and click OK.

Now select the newly added font from the list, and change its color to black.

Click the Background category next.

Choose a dark green color, and click OK.

Return to Design view to see your changes.

You can see the new font and background as applied to your header element. Let's preview this in a browser.

You can see in the browser preview that the website now has a very different feel. This font and color combination suggests military, discipline, and boot camp training. You must work with your client to determine which font, background, and other style choices best fit the intended audience. This completes our experimentation with changing header fonts and backgrounds in Dreamweaver.