This page looks best in a style-aware browser.
[Home] 
[Styles] [Tutorial 1] [Tutorial 2] [Tutorial 3] [Tutorial 4] [Tutorial 5] [Tutorial 6] [Tutorial 7]
 

Tutorial 4: Word styles II — Character Styles

Another flavor of Word styles.


 

CONTENTS

 

 

Less prevalent, but nonetheless useful, are Word’s character level styles.

 

As discussed in previous lessons, the formatting possibilities or Word can be understood as falling into categories or levels. The two we’ve been concern with are Paragraph level and Character level formatting.

Word styles come in two varieties, that parallel Paragraph and Character formatting: Paragraph styles and Character styles.

The last tutorial familiarized you with Paragraph styles. This one concentrates on Character styles.

 

Character Styles

Paragraph formatting, as you may recall, affect at the very least, whole paragraphs.

In a parallel manner, Paragraph Styles affect whole paragraphs.

Character formatting can affect as small a unit as one individual character.

In a parallel manner, Character Styles affect individual characters.

 

Exercise 4A: Creating and using character styles

This example uses the text shown in #include “include-beforeIMG.txt”Figure A

. If you don’t wish to type this text in, you can copy it via this link. (This example parallels one used in Lie & Bos’ book Cascading Style Sheets; see sources)

 

Figure A: Text for Exercise 4A

Figure A

 

The words shown in the Style Area are names of paragraph styles linked to each paragraph. [For this exercise, paragraph style links can be considered irrelevant. Later, we’ll talk about the interaction of paragraph and character styles.]

 

Creating character style Polonius

We’ll now create a character style that will be used to format the Word “Polonius”. Once defined and tagged, we will then have centralized control over all text tagged to this style.

  1. Highlight the phrase “Polonius:”. Format this text as
    Color: Red
    Style: Bold
  2. Open the Styles Dialog (Format, Styles...)
  3. Click on the New button. This opens the New Style dialog. Unlike Paragraph styles, Character styles must be created by this dialog — they can’t be created via the “style by example discussed previously. This stipulation only applies to creating Character styles anew.

Name the style “Polonius”. Set the style type as “Character”. Your dialog should look like #include “include-beforeIMG.txt”Figure B

  1. .
  2. Finish by clicking the OK button. Close out the last dialog by clicking “Apply”. We’ve now created character style “Polonius”.
 

Figure B: The New style dialog just before hitting OK. Note we are here creating a new character style named “Polonius”.

Figure B

 

In the same way as with Paragraph style creation, when creating character style Polonius, we not only create it but also apply it to the selected text (recall the last button clicked was “Apply”; this was the default choice).

While the highlight remains on the phrase “Polonius:” notice that the styles box reads Polonius, the name of the style we created. In general the style box reflects the style that’s tagged to the selected text. Character style names are not indicated in the Style Area, so you must pay closer attention to the state of the Style Box to know exactly which character style is linked to a portion of text.

 

Applying style Polonius

We’ll now apply style Polonius. This is very similar to the same way you applied (or tagged) Paragraph styles to text.

  1. Highlight the next instance of the phrase “Polonius:”; then
  2. Click the drop down arrow of the Style Box and select Polonius.

That’s it. Style Polonius is now tagged to both instances of the phrase “Polonius:”.

NOTE: Although for both Character and Paragraph styles we went to the trouble of selecting all of the text we wished to tag before applying the style, fully highlighting all text is not really necessary. Check the Tips page regarding selection for various levels of formatting.

 

Creating character style Hamlet

We’ll now create a character style that will format the Word “Hamlet”. Once defined and tagged, we’ll create “centralized control” over all text tagged to this style.

We’ll define style Hamlet to be

Applying style Hamlet

We’ll now apply style Hamlet.

  1. Highlight the next instance of the phrase “Hamlet:”; then
  2. Click the drop down arrow of the Style Box and select Hamlet.

That’s it. Style Hamlet is now tagged to both instances of the phrase “Hamlet:”.

 

The document to this point

At this point, your document should appear something like figure __.

 

Figure C: After applying Hamlet and Polonius styles.

Figure C

 

Granted, this is small example and that the real drama of styles comes when using them in long documents. Nonetheless, with these styles now applied, modifying the document is easy. The example below give you practice modifying these two Character styles.

 

Modifying style Hamlet

We’ll modify style Hamlet to change it’s formatting to:

To modify the formatting of the style, follow these steps:

The text should now appear as in #include “include-beforeIMG.txt”Figure D

.

 

Figure D: After modifying style Hamlet.

Figure D

 

For extra (personal) credit, try modifying style Polonius.

 

Discussion

You should now understand that Paragraph styles affect whole paragraph chunks; character styles can affect single characters, irrespective of paragraph marks.

Somewhat self evidently, only character formatting can be specified in a character style definition.

 

Character styles “overlay” paragraph formatting

You might have observed that character styles “inherit” the character properties from the underlying paragraph style. In the very last examples, the Font formatting of the underlying Normal style is Font “Times New Roman” (the default for most Word users). The properties specified by Polonius and Hamlet styles result in formatting that leaves font “Times New Roman” in place. This is because we didn’t specify font name in the style definition.

In the modified version of the styles (above), we changed style Hamlet to specify a font name. This property, in a manner of speaking “overlaid” the font name property of style normal.

This may be more clear after you do the following exercise:

 

Exercise 4B: Changing the underlying format

Here we’ll change the character formatting of style Normal and see the effect on the document’s formatting. Remember, Normal is a paragraph style. The

This example should clarify how character styles can add to or overlay the underlying formatting that comes from a paragraph style.

This exercise continues using the same document as used in Exercise 4A, above.

  1. Click in any piece of text that’s not linked either style Polonius or Hamlet. The style box should read “Normal”
  2. Click on Format (on the menu bar), Styles.... This opens the style dialog.
  3. Check that the name highlighted in the leftmost Listbox of the Styles dialog reads “Normal”. We want to be sure that we’re modifying style “Normal”.
  4. Click on the Modify button, then on Format, then Font. This opens the Font formatting dialog.
  5. Change font name to Arial, and change the color to Teal. Click OK to finish. Then Apply to finish.

The document should now appear as in #include “include-beforeIMG.txt”Figure E

.

 

Figure E: After modifying paragraph style Normal.

Figure E

 

Notice that the text tagged with styles Polonius and Hamlet was only affected by the font family change in Normal, the change to Arial (recall, we changed the font name, also called font family, to Arial). Both Hamlet- and Polonius-styled text retained the colors we’d specified in their definitions. Polonius also retained the font ShellyVolante since the Polonius font explicitly stated this font name.

In general, character styles act to let the character formatting of the underlying paragraph style show through in those properties which are not explicitly stated. Another way of saying this is that character styles can selectively “over-ride” formatting inherited from underlying paragraphs.

 

Exercise 4C: Character styles applied to Constitution document

[HERE you are asked to apply character styles to the Constitution document]

 

Recap

Only character formatting can be specified in a character style definition.

Character styles “overlay” the existing character formatting of the paragraph they’re applied to.

Character styles will affect only the selected text. Paragraph styles will affect whole paragraphs.

 

The next tutorial now turns to a discussion of Tips and Tricks that will improve your use of styles.

 

[Return to Home] [Next Tutorial]


 
Tutorials at this site presented by
The Computer Tutor of San Francisco
Maker of W2CSS HTML Translator


This page created directly from an original MS Word document using the W2CSS HTML Translator.