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


Home > Jan's CompLit 101 > Working with Words > Brochure > Format Flap
Icon: Arrow - Previous pagePrevious    NextIcon: Arrow - Next page

Jan's Working with Words

    Brochure: Format Flap

Now that you've reviewed 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
to apply a style to an image
to position an image
to remove border from text boxes

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

Previously you practiced with styles, so now you can do some neat formatting easily. 

Modify Style Dialog

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

  2. Icon: Class storage device Save as  brochure-tahiti5-Lastname-Firstname.docx to the folder word project3 on your Class disk.

  3. Position the cursor somewhere in Text Box 1. 
  4. Right click the style Heading 2 from the Styles Gallery.
  5. Select Modify...
    The Modify Style dialog appears. It looks just like the Create New Style dialog.
  6. 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
  7. Click on the Format button at the bottom left of the dialog.
    A menu appears.
  8. 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.

  9. Check the box for Small caps.
    Look at what else you could choose on this tab of the dialog.

    Dialog: Font > Small caps (Word 2010) Dialog: Font > Advanced > Character spacing expanded by 1.5 pt.

  10. Click on the Icon: Word 2007 Character Spacing or Icon: Word 2010 Icon: Word 2013 Icon: Word 2016 Advanced tab.
    The preview panel shows text where your cursor is in the document.
  11. Change the Spacing to Expanded by 1.5 pt.
  12. Click on OK.
    You are back at the Modify Style dialog.
  13. Dialog: Paragraph - Spacing (Word 2010)Click on the Format... button again and then on Paragraph....
    The Paragraph dialog opens.
  14. Change the following:
       Spacing Before = 0
       Spacing After = 3 pt.,
       Line Spacing = exactly 12 pt.
  15. Click on OK.
     
  16.  Click on the Format... button again and then on Border....
  17. Dialog: Borders - solid 3/4 pt bottom (Word 2010)Change, if necessary:
    • solid line
    • Color  = Automatic
    • Width = ¾ pt.
    • just the bottom of the paragraph.
  18. Click on OK.
    You are back to the Modify Styles dialog.

    The Preview panel in Modify Styles updates to include your changes.
     Dialog: Modify Style - Preview panel  (Word 2010)

  19. Click on OK.
    The thumbnail for Heading 2 updates to include your changes. Heading 2 with new formatting for the brochure
  20. 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.
  21. Scroll to the brochure's second page. What changed there?
    Apparently there is a paragraph in each text box that uses Heading 2 style.
  22. Icon: Class storage device Save.
    [brochure-tahiti5-Lastname-Firstname.docx]

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. 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 pt.
  3. Right click on the list and select Bullets from the context menu or the Bullets button on the Mini-Toolbar (Word 2013, 2016).
  4. Click on Define New Bullet...
    The Define New Bullet dialog opens.

    Right Click Menu: Bullets > Define New Bullet (Word 2010) Mini-Toolbar > Bullets> Define New Bullet (Word 2016)
     

  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) and click on it.
    Which row the sun symbol is on depends on the size of the dialog.
  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 bulleted text is selected, on the horizontal 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.
    Right Click > Mini-Toolbar > Styles > Create a Style (Word 2013)Icon: Word 2013 Icon: Word 2016 Word 2013, 2016: Click the Styles button on the Mini-Toolbar.
  12. Click on Save Selection as a New Quick Style... or Create a 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-Lastname-Firstname.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 Icon: Word 2013 Icon: Word 2016 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-Lastname-Firstname.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-Lastname-Firstname.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 could 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 sneaky!

  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. Place the cursor at the end of the last line and press ENTER to create a blank line below the paragraph.
  3. Select the entire last line  Beautiful weather for beautiful people! 
  4. Use the Font dialog to format as:
      Garamond
       13 pt
       Italic 
      Condensed by .25 pt

  5. 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.
     
  6. 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 in the preview area since the dialog has a white background. Look at the border buttons surrounding the preview. The buttons are colored when that side has a border.
     

  7. 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.
     

  8. On the Shading tab, set the Fill color to White, Background 1, Darker 5% and apply to Paragraph.

    Dialog: Borders & Shading - Fill = White, Background 1, Darker 5% (Word 2010) Block quote style applied to paragraph  (Wword 2013)

  9. Click on OK to close the dialog.
  10. With the last paragraph still selected, using a method used above, create a style named  Block quote .
  11. Check that your new style shows in the Styles gallery and Styles pane.
  12. Icon: Class storage device Save.
    [brochure-tahiti5-Lastname-Firstname.docx]

Insert and Apply a Style to an Image

  1. Move the cursor to the line below the block quote.
  2. 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 Icon: On Site, 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.
    • Brochure with map inserted and framed with Metal Oval Method 2: web site resources
      • Click the link: map-Pacific.gif Icon: On Site
        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.

    Unfortunately the image with its frame and shadow is too wide for the text box. The image either hangs over to the right or is cut off at the edge of the text box, depending on your version of Word. You will fix that next.

  5. Icon: Class storage device Save.
    [brochure-tahiti5-Lastname-Firstname.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. Ribbon: Home > Arrange tab group whenimage is in a text box (Word 2016)On the Picture Tools: Format tab, inspect the buttons in the Arrange section. Most are not available! You cannot work well with the image while it is contained in a text box.
  3. Icon: Keyboard Use the key combo CTRL + X to delete the image.
    The image is copied to the Office clipboard.
  4. 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.
  5. Paste.
    The framed map is now underneath Text Box 1.
  6. Hold SHIFT down and press the left arrow key.
    The image is selected. You can see the handles for for the image.
    Now the tools in the Arrange section will be available!
     
  7. 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 or Icon: Word 2010 Icon: Word 2013 Icon: Word 2016 Wrap Text button and select In Front of Text.
    The image shows up on top of Text Box 1.
  8. Drag the image down the page and line it up neatly in the bottom of Text Box 1.

    There are a number of lines in the area - text box border (solid), text area (dotted), and image area (solid). These make it hard to tell if your image looks centered, especially since it has a shadow effect.

    Icon: TipLook at Print Preview to see if your placement is balanced.

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

Map moved into position in front of text box


Remove Borders from Text Boxes

  1. If necessary, change Zoom to show the whole page.
  2. Click on the Text Box 1's border.
    The handles show on the border. Word 2010, 2013, and 2016 show a rotation handle but Word 2007 does not.
  3. Hold 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.

    Text boxes on page 1 all selected
     

  4. Button: Shape Outline > No outline (Word 2013)In the Icon: Word 2007 Text Box Tools: Format in the Text Box Styles tab group
    or Icon: Word 2010 Icon: Word 2013 Icon: Word 2016 Drawing Tools: Format in the 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.
  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,in the Header and Footer ribbon tab, change Header from Top to 0.2" 
  9. Drag the right tab stop to 9.5".
    Now the words "Word Project 3" will be at the far right of the printed page.
  10. Check Print Preview again to verify that the header will print.
  11. Icon: Class storage device Save.
    [brochure-tahiti5-Lastname-Firstname.docx]
  12. Print icon Print page 1 only!

Brochure page 1 with no lines around text boxes