Intermediate
60 mins
Teacher/Student led
+80 XP
Pupils work on their own device

Inserting and Formatting Images, Graphics, Drawn Objects

Insert images and set wrapping so text flows around them neatly. Crop pictures in-document (rotate only if needed). Draw shapes or arrows and group objects to direct attention. Update your table document with one image and one drawn element.

Teacher Class Feed

Load previous activity

    1 - Introduction ~5 mins

    Here is the page you are aiming at today: one data table, one photo that actually relates to your project, and one callout — a small shape or arrow with a short label that points the reader at the line that matters. Keep that calm page in mind for the whole lesson.

    Welcome

    A strong table document already carries clear information. Today you add the layout tools that make that information easier to scan: an image that sits cleanly beside text, plus a shape or arrow that points the reader to what matters. These are the same layout moves people use on flyers, Work Experience reports, and enterprise pitches.

    By the end of this lesson, you will be able to:

    • Set image wrapping so text and tables stay readable beside a picture
    • Crop an image in-document (rotate only if the subject is crooked)
    • Draw one shape or arrow and group objects when two shapes are used
    • Add at least one image and one drawn object to your table document

    Warm-up

    Quick oral check: on a poster or flyer you saw recently, what did your eye hit first, a photo, a bold shape, or a line of text?

    2 - Key Concepts ~6 mins

    Key point

    Two ideas before you click. The goal is controlled placement, not clutter.

    ConceptWhy it mattersExample
    Image wrapping — Square (Word Online) or Wrap text (Google Docs) so text sits beside the photoWrong wrap leaves huge empty gaps or covers table dataA product photo sits beside a price table; euro figures stay visible
    Restraint rule — one clear image and one purposeful drawn object beat a crowded pageAssessors and real readers trust clean layout

    Only if you need it

    • Crop: trim empty edges inside the document. Rotate only if the subject is crooked.
    • Group: if you use both an arrow and a callout, group them so they move together. One image and one arrow is already a complete core result.

    Worked layout snapshot

    Quality bar

    Quality bar for today: project title at the top, data table in the middle, one relevant image in the margin with Square or Wrap text, one arrow or callout pointing at a key row (highest cost or next action).

    Two finishing moves on an image

    A border on the picture. Open the picture's format options and apply a border style. A plain single line suits a photo; a double frame suits a diagram or a certificate. It is a named style you pick, not a shape you draw round the image.

    Sizing to match something else. Dragging a corner gets you an image that is nearly right. To make it line up, read the width of the thing you are matching (the table above it, say) and type that number into the image's width box. Typing is how things line up; dragging is how they almost line up.

    3 - Step-by-step Task ~15 mins

    This practice file is only for trying the tools. Your portfolio piece is still {{code:sm1_doc3_table_document.docx}} in the next activity.

    Key point

    Core path (must finish): heading → one image → Square or Wrap text → one arrow → save. Crop only if framing needs it. Callout and group are stretch if you have time.

    Watch out

    Your teacher will demo the blank-page pass on the classroom screen; then complete the same sequence on your machine. If the page suddenly looks broken after you insert the picture, do not delete everything. Select the image and check the wrap setting first.

    If the page looked wrong for a moment, that is normal: wrap is the fix, not starting over. Once Square or Wrap text is on, you are ready for the arrow.

    4 - Common Issues ~4 mins

    Common issues (quick fixes)

    • Huge empty strip beside the text: wrap is still In line. Select the image and switch to Square (Word Online) or Wrap text (Google Docs), then drag it into place.
    • Text or table cells disappear under the picture: set Square or Wrap text, then drag the image to the margin beside the table, not on top of the cells. Avoid Behind text.
    • Cannot find shapes in Google Docs: use {{menu:Insert -> Drawing -> New}}, build the arrow on the canvas, then click Save and close.
    Key point

    When you add the image to your own table document, put it in the margin beside the table — never inside a cell.

    5 - Independent Practice ~20 mins

    Independent Practice

    Your goal: Upgrade your table document so a real reader can spot the key information faster, using one strong image and one purposeful drawn object rather than clutter.
    Time: ~20 minutes
    Task: Open {{code:sm1_doc3_table_document.docx}} and edit it in place (no Save As or rename). Add one project image with readable wrap and one drawn object that points at a real decision row.

    Apply checklist:
    1. Open {{code:sm1_doc3_table_document.docx}} and edit in place.
    2. Insert one project-relevant image.
    3. Set Square (Word Online) or Wrap text (Google Docs).
    4. Crop if framing needs it (rotate only if the subject is crooked).
    5. Add one arrow or callout.
    6. Group only if you used two shapes.
    7. Position the drawn object on a real decision row.
    8. Confirm the file is saved under the same name.
    Beside a table (both suites):
    • Image goes in the margin beside the table — never inside a cell.
    • Select the image, then choose Square or Wrap text (not Behind text).
    • If cells vanish, reset wrap and move the image off the grid.
    • Point one arrow or callout at a single decision row only (highest cost, next deadline, contact person, or the option you recommend), then stop.
    Beside your table — Word Online:
    • Open {{code:sm1_doc3_table_document.docx}} from {{code:Project_Portfolio}} / {{code:09_specialism}} / {{code:sm1}}.
    • Insert → Pictures, set {{btn:Square}}, drag to the right margin outside the table grid.
    • Insert → Shapes → arrow; set shape wrap to In front of text or Square if it will not drag.
    • Point the arrow at one decision row, then confirm Saved.
    Beside your table — Google Docs:
    • Open {{code:sm1_doc3_table_document.docx}} from {{code:Project_Portfolio}} / {{code:09_specialism}} / {{code:sm1}}.
    • Insert → Image, set {{btn:Wrap text}} from the image toolbar, drag to the right margin outside the table grid.
    • Insert → Drawing → New for the arrow; Save and close; set Wrap text on the drawing if needed.
    • Point the arrow at one decision row, then confirm All changes saved in Drive.
    Success criteria:
    • {{code:sm1_doc3_table_document.docx}} is edited in place (same filename in {{code:sm1}}), not a new copy
    • The document includes one relevant image with Square or Wrap text so the table stays readable
    • One drawn object (arrow, callout, or shape) clearly highlights a useful decision row or figure
    • The finished page still looks calm and professional at a glance, ready to show a real audience
    123learn · Online learning platform

    Unlock the full learning experience

    You're previewing this lesson. Get full access to this lesson and hundreds more — each one ready to teach, with interactive activities, printable resources and pupil progress tracking built in.

    Hundreds of curriculum-aligned lessons
    Interactive activities in every lesson
    Printable resources & progress tracking
    Copyright Notice
    This lesson is copyright of 123Learn.ie 2017 - 2025. Unauthorised use, copying or distribution is not allowed.
    🍪 Our website uses cookies to make your browsing experience better. By using our website you agree to our use of cookies. Learn more