Learn how Lectora Online allows you to customize pages and create dynamic content by adding images. See how you can import your own images or use images from the large clip art library that comes with the Lectora Online platform.
- [Tutor] In order to make your e-learning content more appealing and more effective for visual learners, I recommend adding images, they say a picture is worth a thousand words and let's take advantage of that. Inside of Lectora Online, there are a few different ways that we can add in images, the first way is to add Clipart, so if I go up to the top and click on the Insert tab, from here I can click Image and Clipart and this gives us access to a plethora of Clipart, so here we can pick animals, buildings, computers, education, food and a bunch more, now if I want to add one of these things, I can simply click on it and it will insert it here, I can adjust the size of it and more, now this obviously doesn't fit into the presentation well, so I'm going to hit the Delete key on my computer and we'll get rid of that, but that is how you use Clipart.
Now in order to add actual pictures or images, that I want to bring in from my computer, I can do that by going to Image and selecting an Image File, so first I'm going to go over to another page we have here of our Top Selling Solar Products, now remember these pictures are here, because we imported them from a PowerPoint presentation, however I'm going to click and delete these and we'll take a look at how we could add those, if we still needed to add in the images. Now first, I'm going to clean up the page a little bit by clicking here and then going over to the Home and aligning this horizontally, I'm going to do the same by clicking and dragging, selecting all of these descriptors and then aligning those horizontally as well, now in order to add images, I'm going to go up to the top, click on the Insert tab, then Image and Image File, from here I'm going to browse my computer and on my Desktop I have these images, they are PNG files and the first one is the MiniPanel image, I'll double-click there, click on Import and as you can see, it brings this image on to our page, so I'll drag that down here and there are a few things that we can do with it, once I have the image selected again, you'll see up here, that we can click on Properties, click on Style and click on Position and Size and there's a lot that we can do with it, I recommend exploring all the different things, that you can do with images, once they're on your page.
I'm going to go back over to Properties however, I want to point out the power of the Pixlr Image Editor, so once I have this selected, if I click Edit, it will actually open this up inside of Pixlr and you can do some editing to your images, here you have access to cropping tools, the drawing tools, eraser, lasso tool and much more, now I'm not going to go over all of these features, however I do recommend playing around with these and learning more about how to improve your images through this editor, I'm going to close that out and a tool that's up here in Style is Crop and I do want to crop this, you'll notice this picture has this white border around it and I don't want that to be there, so I'm going to click Crop and as you can see, we get these handles around it, I'm going to go ahead and drag those in where I want them to be and that looks good and then I'll click outside of it and as you can see, we have now cropped that picture, now I just need to make it smaller and I'll put that right here over K-Eco Mini Panel, so align that up there and we're all set.
Now if I click on this and go up to the Position and Size, you'll notice that we have one that is 144 by 97, that's the size of this picture and that's important, because I'm going to want to make the other pictures the same size, now I'll go up here to Insert, Image, Image File, search my Desktop again and I now have one for our solar panel, I'll import that and again, this is one that has that white border around it, so I'm going to back up to Style, Crop, drag in these crop lines, once I'm done with that, I'll click outside of it, now that I have that cropped, I'm going to make that smaller, remember when I clicked on the K-Eco Mini Panel, this one was at 144 97, so I want to make this image the same size, when I click on it, I want to make sure I'm on Position Size and I'll put 144 by 97, when I'm done there, I will click on that and it's having a problem here, because I have Maintain Ratio on, so I want to click that off, so it allows it to go to 144 by 97, remember if you have Maintain Ratio on, it will maintain that specific ratio, so you don't distort the picture, in this case, it's not off by much, so I'm going to click that off and allow it to be that 144 by 97, so I'll now align this up here, now I'm going to go in and add the final image, so I'll go in here, back up to the Insert tab, Image, Image File, browse that computer, I'm going to click on the Bulb, I'll import that and again, I'm going to go in and crop this, so I'll go up to Style, Crop, drag this in here, once I have that where I want, I'll click out of it and I'm ready to go up here and adjust the position and size, so again, I want this now, I'm going to click off of Maintain Ratio, I want this to be 144 by 97 and we now have that the correct size, I'll line that up and place that there, so you can take the time to make sure you position these correct or if you wanted to, you can select them and go back to Home and align them accordingly and I also recommend one final thing with images, when you do add them in, let's take a look over here at what happens, so with this Eco Mini Panel, a lot of times when you enter one in, it will say a generic name, like an image number or image1, however in this case, it does say KEcoMiniPanel, that's good, you want to name these elements, when you have them in your Title Explorer, so for instance, maybe I just want this to say MiniPanel, so I can refer to it later, I'm going to enter in Minipanel, here I'll type in SolarPanel and EnergyBulb, so sometimes I do this at the end, sometimes I'll do it as I go, I do recommend doing it as you go though, it can save you a ton of time and make your life easier later, when you're going to find some of these elements.
So that is how you add images in Lectora Inline.
- Using the Title Wizard to efficiently create new titles
- Importing and managing titles
- Adding text, images, audio, and video
- Creating new responsive titles
- Adding actions and buttons
- Adding a test chapter
- Managing users
- Collaborating with team members