Jan's Illustrated Computer Literacy 101 Logo:Jegsworks Jan's Illustrated Computer Literacy 101


Home > Lessons > Jan's CompLit 101 > Working with Words > Brochure > Format Flap

Jan's Working with Words

    Brochure: Format Flap

Now that you've got some experience with paragraph and character styles, you can get back to the Tahiti brochure. World Travel Inc. wants to create a whole set of travel information brochures. To keep the look of these brochures the same it makes sense to create some paragraph and character styles. It's less strain on the brain!

Brochure back flap


Icon Step-by-Step 

Step-by-Step: Brochure Flap - Format Text

 Icon Step-by-Step

What you will learn: to modify a paragraph style, including character spacing
to create a new paragraph style
to create a character style
to create a block quote style
to insert an image in a text box

Start with: Icon: Class storage device Icon- Word with blank document, brochure-tahiti4-Firstname-Lastname.docx from a previous lesson, tahiti.doc from the resources files 

Now that you have practiced with styles , you can do some neat formatting easily. 

Modify Style Dialog

  1. Open brochure-tahiti4-Firstname-Lastname.docx from your Class disk.

  2. Position the cursor somewhere in Text Box 1. 
  3. Right click the style Heading 2 from the Styles Gallery.
  4. Select Modify...
    The Modify Style dialog appears. It looks just like the Create New Style from Formatting dialog.
  5. Button: Format > Font... (Word 2010)Dialog: Modify Style - Heading 2 after direct changes in dialog (Word 2010)Make these changes directly in the dialog:
       Font = Garamond
       Size = 14
       not bold
       not italics
  6. Click on the Format button at the bottom left of the dialog.
    A menu appears.
  7. Click on Font...
    The Font dialog opens. The changes you just made are showing here, too.

    The preview panel shows the text where your cursor is.

  8. Dialog: Font > Advanced > Character spacing expanded by 1.5 pt.Dialog: Font > Small caps (Word 2010)Check the box for Small caps.
    Look at what else you could choose on this tab of the dialog.
  9. Click on the Icon: Word 2007 Character Spacing or Icon: Word 2010 Advanced tab.
    The preview panel shows text where your cursor is in the document.
  10. Change the Spacing to Expanded by 1.5 pt.
  11. Click on OK.
    You are back at the Modify Style dialog.
     
  12. Dialog: Paragraph - Spacing (Word 2010)Click on the Format... button again and then on Paragraph....
    The Paragraph dialog opens.
  13. Change the following:
       Spacing Before = 0
       Spacing After = 3 pt.,
       Line Spacing = exactly 12 pt.
  14. Click on OK.
     
  15.  Click on the Format... button again and then on Border....
  16. Dialog: Borders - solid 3/4 pt bottom (Word 2010)Make these changes:
    • solid line
    • Color  = Automatic
    • Width = ¾ pt.
    • just the bottom of the paragraph.
  17. Click on OK.
    You are back to the Modify Styles dialog.

    Did you notice? The Preview panel is updating to include your changes.
     Dialog: Modify Style - Preview panel  (Word 2010)

  18. Click on OK.
    The thumbnail for Heading 2 shows your changes. Heading 2 with new formatting for the brochure
  19. Back flap of brochure with new Heading 2 applied to first lineClick in the first line of Text Box 1, General Info, and apply Heading 2 style to it.
  20. Scroll to the brochure's second page. What changed there?
    Apparently there is a paragraph in each text box that uses Heading 2 style.
  21. Icon: Class storage device Save as  brochure-tahiti5-Firstname-Lastname.docx .
    Icon: Class drive is full How to handle a full disk

Create a Paragraph Style

The paragraphs below the heading in Text Box 1 are going to be a list. You will create a new style for this list.

  1. Right Click Menu: Bullets > Define New Bullet (Word 2010)Drag to select the paragraphs below the heading except for the last one  Beautiful weather... .
  2. Set the Font to Garamond and the Size to 12 using the ribbon. ;
  3. Right click on the list and select Bullets from the popup menu.
  4. Click on Define New Bullet...
    The Define New Bullet dialog opens.
     
  5. Dialog: Symbols > Wingdings > Sun shape (Word 2010)Click on the Symbols button and select Font = Wingdings.
  6. If necessary, scroll to the top to find the sun shape (between the airplane and the water drop) on row four and click on it.
  7. Click on OK to close the Symbols dialog.
    You are back at the Define New Bullet dialog.
  8. Click on OK to close the dialog.
     
    Make sure that only 4 paragraphs have sun bullets.
  9. Sun symbols line up at the left of the text area after dragging the indention box on the rulerWhile the text is still selected, on the ruler, drag the indention box to the left until the Sun shape is at the dotted line that shows the text area inside the text box.
     
  10. Right click on the selected text.
    A context menu and the Mini-toolbar appear.
  11. Open Styles Gallery and menu:
    Icon: Word 2007 Word 2007: Click the Styles button Button: Styles on Mini-Toolbar (Word 2007) on the Mini-Toolbar.
    The Styles gallery and menu appear.
    Right Click Menu: Save Selections as New Quick Style (Word 2010)Icon: Word 2010 Word 2010: Hover over Styles in the menu.
    The Styles gallery and menu appear.
  12. Click on Save Selection as a New Quick Style...
    The short-form dialog Create New Style from Formatting appears.
     
  13. New style bullet-sun shows in the Styles gallery and the Styles pane (Word 2010)Dialog: Create New Style - bullet-sun (Word 2010)Type   bullet-sun as the Name.
  14. Click the OK button. Your new style appears in the Styles gallery and in the Styles pane.
  15. Icon: Class storage device Save.
    [brochure-tahiti5-Firstname-Lastname.docx]
     

Create a Character Style 

Sometimes you want a word or phrase in a paragraph to have different styling from the rest of the paragraph. Vocabulary words and key phrases are often emphasized this way. Using a character style makes it easy to be consistent throughout your document. Plus, you update all the places where the style is used at once when you modify the style. A real time-saver!

The simplest change is to make the characters bold or italic. You can create subtle but effective styles in other ways by changing the spacing, scaling, or position of the characters.

The first phrase in each bulleted item in Text Box 1 is actually a topic title. You will create a character style for these topics.

  1. Dialog: Font > Advanced - Spacing condensed by 0.5 pt (word 2010)Select the word  Weather  in line 2.
    Did you notice? The status bar is not showing line numbers for your text in a text box.
  2. Make the selection Bold.
  3. Open the Font dialog by clicking the dialog box launcher button for the Font tab group on the Home tab.
  4. Click on the Icon: Word 2007 Character Spacing or Icon: Word 2010 Advanced tab..
  5. Change Spacing to Condensed by  0.5 pt.
    Did you see the change in the Preview box.
  6. Click on OK to close the Font dialog.
  7. If necessary, show the Styles pane by clicking the dialog box launcher on the Styles tab group on the Home tab.
  8. Dialog: Create New Style from Formatting - emphasis (Word 2010)Click on the button New Style Button: New Style (word 2010) at the bottom of the pane.
    The dialog Create New Style from Formatting opens.
  9. In the Name box type  emphasis .
    (Must be typed just like this. Do not capitalize. There is already a style named Emphasis!)
  10. Change the Style type to Character.
  11. Click on OK.
  12. Icon: Class storage device Save.
    [brochure-tahiti5-Firstname-Lastname.docx]

Apply Character Style

  1. Brochure Back Flap with emphasis style applied to topicsSelect the following phrases in the other paragraphs and apply the emphasis style to each of them:
     Time ,  Dangerous animals ,  The Sun 

    Of course, you could have used the Format Painter to apply the characteristics of  Weather  to the other phrases. But, by using a character style, you can change the styling of all the phrases at the same time, by changing the emphasis style itself. This can really help if you find you don't have enough room in these tight text boxes and you need to reduce space somewhere.

  2. Icon: Class storage device Save.
    [brochure-tahiti5-Firstname-Lastname.docx]

Create a Block Quote Style

You will format the final line in Text Box 1 as a block quote. This term refers to text which is indented on both sides, as is done when quoting a section of another document or a poem. For a short line you can just center the words instead of indenting.

This block quote will have a shaded background. Normally shading applies to the paragraph only. It would look better to have some shading further away than just the top of the tallest letter!

You will use a border method that tricks Word into doing just what you want. By setting a border, you can then set the distance the border is from the text. That setting makes the shading expand until it meets the border. Sneaky! Using a white border on white paper adds white space around the block quote text. We are getting very smart!

  1. Place the cursor at the beginning of the last line -  Beautiful weather... . Press the ENTER key to create a new blank line above the paragraph.
  2. Select the entire last line  Beautiful weather for beautiful people! 
  3. Use the Font dialog to format as:
      Garamond
       13 pt
       Italic 
      Condensed by .25 pt

  4. Dialog: Paragraph - Block quote (Word 2010)In the Paragraph dialog:
       Alignment = Centered
      
    Line spacing before = 0
      
    Line spacing after = 12 pt
      
    Line spacing at least 12 pt.
     
  5. Dialog: Borders and Shading - Block quote (Word 2010)Open the dialog Borders and Shading....:
    On the Border tab, set:
       Box border
     
     Color = White, Background 1
       Width = 3 pt.
        Applied to Paragraph

    Tricky part here! The white border does not show against the dialog's white background in the Preview panel. Look at the border buttons surrounding the preview. If they are colored, that side has a border. If the button has not shading/color, then that side does not have a border.
     

  6. Dialog: Border and Shading Options - 12 pt. from text (Word 2010)Click on the Options button and set the Distance from text to 12 pt for all 4 sides.

    TipIf you go back and make changes to the settings, you will have to reset the Options distances.
     

  7. Block quote style applied to paragraph Dialog: Borders & Shading - Fill = White, Background 1, Darker 5% (Word 2010)On the Shading tab, set the color to White, Background 1, Darker 5% and apply to Paragraph.
  8. Click on OK to close the dialog.
  9. With the last paragraph still selected, using a method used above, create a style named  Block quote .
  10. Check that your new style shows in the Styles gallery and Styles pane.
  11. Icon: Class storage device Save.
    [brochure-tahiti5-Firstname-Lastname.docx]

Insert and Border an Image

  1. Move the cursor to the line below the block quote.
  2. Brochure with map inserted and framed with Metal Oval Get the image to insert into the text box:
    • Method 1: local resource files
      • On the Insert tab, click the Picture button.
      • From the resource files, select the image  map-Pacific.gif .
        The full path to the file is c:\My Documents\complit101\words\tahiti\map-Pacific.gif if you copied the resource files to the default location.
      • Click on OK to close the Insert Picture dialog.
        The picture appears in your text box.
    • Method 2: web site resources
      • Click the link: map-Pacific.gif
        The image loads in your browser.
      • Right click the image in the browser and choose Copy from the context menu.
      • Switch back to Word, with the cursor still in the line after the Block quote, paste.
  3. If necessary, click on the image in the document to select it.
  4. From the Picture Tools: Format tab, click on the Picture Style, Metal Oval.
    It looks a bit like you are seeing the map through a boat's porthole. Sort of goes with the island theme.
  5. Icon: Class storage device Save.
    [brochure-tahiti5-Firstname-Lastname.docx]

Position Image

The frame and shadow makes the image stick out over the right edge of the text box. Unhappily, this image is anchored inside the text box. You need to get it out of the text box so you can line it up better.

  1. If necessary, click on the map image to select it.
    The handles show up.
  2. Icon: Keyboard Use the key combo CTRL + X to delete the image.
    The image is copied to the Office clipboard.
  3. Map underneath Text Box 1 is selectedClick in the document between text boxes.
    The cursor is underneath Text Box 1 again, like it was when you inserted the image that is now on the brochure's cover section.
  4. Paste.
    The framed map is now underneath Text Box 1.
  5. Hold SHIFT down and press the left arrow key.
    The image is selected. You can see the handles for it.
     
  6. Map on top of Text Box 1 after changing text wrapping to In Front of TextOn the Picture Tools: Format tab, click on the Icon: Word 2007 Text Wrapping/Icon: Word 2010 Wrap Text button and select In Front of Text.
    The image shows up on top of Text Box 1.
  7. Drag the image and line it up at the bottom of Text Box 1.
  8. Icon: Class storage device Save.
    [brochure-tahiti5-Firstname-Lastname.docx]

Map moved into position in front of text box


Remove Lines from Text Boxes

  1. Change Zoom to  Whole Page .
  2. Click on the Text Box 1's border.
    The handles show on the border. Word 2010 shows rotation handles but Word 2007 does not.
  3. Text boxes on page 1 all selectedHold the SHIFT key down and click on the border of Text Box 2 and Text Box 3.
    This results in all three being selected at the same time. Don't get an image's border instead!
    You should see the handles for all three text boxes.
     
  4. In the Icon: Word 2007 Text Box Tools: Format or Icon: Word 2010 Drawing Tools: Format tab in the Icon: Word 2007 Text Box Styles or Icon: Word 2010 Shape Styles tab group, click on Shape Outline and select No Outline.
  5. Switch to Print Preview to see how page 1 looks.
  6. Switch back by clicking the Insert tab.
  7. Add a header with your name and the date on the left. At the far right type  Word Project 3 
    The header is too close to the paper's edge.
  8. While viewing the header, drag the top of the white space on the vertical ruler down to make the Header space about half as tall. 
  9. Check Print Preview again to verify that the header will print.
  10. Icon: Class storage device Save.
    [brochure-tahiti5-Firstname-Lastname.docx]
  11. Print icon Print page 1 only !

Brochure page 1 with no lines around text boxes