Adding graphics can make your documents more visually interesting. Learn about how to add an image and adjust its positioning, size, text wrapping, and appearance.
- [Instructor] Adding graphics to your document is a fast and easy way to make it more visually interesting. It's what we're going to explore in this movie. Doing it with Word Online is somewhat limited if you're used to working with the desktop version of Microsoft Word for example. So the first step is to click where you want the image to appear. You can see for me, my cursor flashing here at the very beginning, I'd like it above the title, but if I try to click there I really can't, so the first step for me, if you're following along with this document is to press enter to move it down and create that extra blank line up above. If you're working with your own document, you can do the same or simply click where you want the image to appear. This will be a good starting point right here at the top. Next, we go to the insert tab. Now from here you will see a picture drop down and when you click it, you can see there's really only two options to go browsing through your device, I'm working on a computer, you could be on a mobile device like a tablet, smartphone, you can go browsing on that device for the image you want to use. Or you can go online using Bing search functionality and simply search for an image you want to bring in. Notice that there's no icons here for example. We don't see shapes either. And if we move across the ribbon there are no shapes. So, our options are limited, but let's go with this device if you have an image that you want to use on your device, this is the best option. If you don't, go ahead and use Bing to use that search functionality to find something. I'm going with this device. Next step is to click choose file when we do this and that'll allow us to go browsing for the image we want to use. I have one here in my Hansel and Petal folder. I'm going to go with the logo here, H and P logo. Notice it's a png file, but we can bring in jpegs, we can bring in bmp or bitmaps, tifs, all the graphic formats can be brought into a document here in Word online. Next is the open button that enters the name of the selected file next to the choose file button and that means we're ready now to click insert to insert it where the cursor's flashing in our document. So you can see it's right above my title. It's fairly large, but there are certain modifications that we can do. For example, resizing it. The first thing you'll notice is there's a contact sensitive picture ribbon here, the picture tab already selected, and there are some options. For example, if we wanted to change the height and width from here we could do that, or we can simply use the handles to click and drag. If we do that though, we want to make sure that it stays almost square. You can see, the original height for me is five by 4.98 inches, that's almost square. If I want to keep that aspect ratio there's a checkbox here that should be clicked with a check mark in it, that means when I go to drag this from a corner, it won't get squished, it won't be too wide or too tall, it'll always maintain those same proportions. So, clicking and dragging from the bottom right handle upwards until I get the size I'm looking for is the easiest way to size this. Now, if I hadn't created this blank line and tried to do the same thing, it would mess up my formatting here for my title for example. So it's a little bit tricky and limited when working with Word Online. Now with it still selected, we do have some options. For example, you can see here we have a picture styles drop down, and there are a number of different formatting styles we can choose from. Now we can't create these manually like we could with the desktop version, but we can select from these presets if we wanted to. For example, if I wanted a simple black frame I could go with this option and it gets applied. You can see the effect. If I don't want that, I can always go back to the drop down and clear the style or choose a different one, but choosing clear style will remove it, so I'm back to working with my original image. There are other things we can do, like we can take the rotation handle to rotate it. At any time if you make a mistake, you can always go back to the home tab and click on do. With the image still selected, you'll notice we have access to the picture tab. At any time we can go back. And if you wanted to rotate an exact 90 degrees at a time to the right or left, you can do that, you can flip it vertically or horizontally, and you can open up rotate options here on the right by choosing that. You can see the format picture pane shows up and part of this is the rotation down below where we can specify an exact degree of rotation. We can also do things like give this a title under alternative text. Alt text is used in screen readers, so if people are having difficulty viewing your document, a screen reader might be used to read what's on the screen. So, anything we add for a title and description would be read aloud. Hansel and Petal logo with flowers in the background, for example might be something. This makes our document more accessible. There are cropping options here as well in the format picture pane, but we can close this up and access alt text from the ribbon. We could also access cropping and rotation from the ribbon itself. But, once you have exactly what you want, just simply click in the background to see the end result. Looks pretty good. If we go back to it and click to select it, the picture tab reappears, we can go back in there. The only other thing we haven't discussed is wrapping text, and when we click the drop down you'll notice that by default it is in line with text. So it's just like any other piece of text in your document, any other character. If we try to move it around it'll move in between characters, but we can choose some other presets for text wrapping if we want it to be, for example, on the right and have text wrap around it, we can choose that, it moves it over. Notice if we try to move it though by clicking and dragging we're limited to the left or the right. Any of the options we see from the wrap text dropdown when you select it, click in background to deselect and that looks pretty good. It's already much more interesting visually to look at.
- Using Microsoft Word in a browser
- Signing in and creating a new document
- Options when saving documents
- Opening and editing existing documents
- Typing or dictating text
- Formatting text and using styles and graphics
- Adding and editing tables
- Using headers and footers
- Sharing and collaborating
- Saving to other formats for sharing
- Printing documents