Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
We've now seen how to use the standard HTML Editor in order to format text within our Moodle page. Let's use that same editor to insert an image here in the Lecture Materials section to show our students where coral reefs are predominantly located around the world. To do this, simply scroll down to the bottom of your Week 1 block, click the dropdown menu for Add a resource, and let's add another label. Click inside of the HTML Editor and now let's insert an image. On the bottom row of tools press the Insert/edit image tool.
Next, click the link for Find or upload an image. This should take us to a standard File picker. Before we upload our file, let's make sure we know exactly where we are at. So click on Private files, make sure you're in your BIOL432 folder, and then click the link for Upload a file. In the Attachment section, click the Browse button and in the Chapter 03 exercise files, you want to upload the coralReefMap.jpg. Go ahead and click the Open button and then hit the Upload this file button.
That will upload a map of the world that has highlighted the 30 degrees North and 30 degrees South lines of latitude. All the world's coral reefs live within these two lines. So let's go ahead and add an image description to make our image accessible to screen readers. So we'll simply put "Map of Major Coral Reefs around the world." We'll click the button for Insert and that image is now inserted into our page.
Click your mouse just to the left of the image, hit Enter, or Return, and press the up arrow on your keyboard. This will bring your cursor to just above the image. Now we can go ahead and add in a label to the top of the image that will display on our main page. "Major Coral Reefs are located between 30." Now to insert the degree symbol, simply press the Insert common character button from the bottom row of the tools in the HTML Editor and then in the third row, about the sixth column, you'll find the degree sign.
Press that button one time and you'll see that the degree symbol has been added. Press capital N, space, and, 30, and insert another degree symbol, south, latitude. Now before we finish this off, let's add a little bit of color and add a line break to create a little bit of separation. Let's start with the color. So select our text and then press the Select Text Color dropdown menu, and the color that we want is not one of the ones listed here, so simply press the More colors button at the bottom, and now we can go ahead and type in our own specific custom color.
In this case, we're going to type in the color of #990000. Hit the Apply button and you can see we have the same red color inside of our course. Let's go ahead and bold this text by pressing the Bold button and then put your cursor right at the beginning of the M in Major. Then hold on the Shift key on your keyboard, and we'll use that insert-a-line-break trick that we learned earlier to bump all of this text and image down just one line. That will add a little bit of white space and separation between this image and the items that are displayed currently on our main page.
Go ahead and hit the Save and return to course button and if we scroll down just a little bit, we can see our image with its heading right here, but we want to have it displayed up in the Lecture Materials section. So scroll down a little bit further, use the Move tool to click and drag that item up and drop it underneath of our lecture slides, and then we'll use the Move Right tool to bump that image in to the right just a little bit. Now to see what this looks like, go ahead and scroll up to the top and turn editing off.
As we scroll back down, now we can see that Week 1 has the Lecture Materials posted, we have a nice map indicating where the coral reefs around the world are predominantly located, and we also have all of our Required Readings that have been formatted.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 97524 Viewers
80 Video lessons · 141062 Viewers
59 Video lessons · 59413 Viewers
52 Video lessons · 72735 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.