Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Our wiki is looking pretty good. Now, let's go ahead, and learn how to add an image into one of our wiki pages. To do this, go ahead and click on the link for Coral Group to have that page fully created, and if you're not already there, make sure you click on the Edit tab. Inside the Editing field we're going to go ahead and add some text. Now, I've included a file called Coral Group Experiment.txt in the Chapter 11 exercise files. Go ahead, and select this text and copy it to your clipboard using Command+C or Ctrl+C. You'll notice that I've already added some wiki markup to the note level 1 and level 2 headings.
I've even added the code to be able to Italicize Acropora palmata. Once you have the code copied, go ahead and go back into your browser, click into the Text field and paste that text by pressing Command+V or Ctrl+V. Go ahead and scroll down at the bottom of the page, and let's preview our work by clicking the Save button. Now, we can see that our Table of Contents is laid out for this page, we have our top-level heading of Coral Group, a secondary heading for Hypothesis, and Proposed Method, and we even have an Italicized scientific name. Okay, great! Go ahead and hit the Edit button and now let's go over to the last tab which is Files.
This is where we'll be going in and adding additional files that we can link to within our wiki. To do this, simply hit the Edit wiki files button, and then click the Add button. This should open up our standard File Picker. Make sure you're on the Upload a file tool and then click the Browse button. Inside of the Chapter 11 exercise files, I've got a file in there called experimentalDesign.jpg. Go ahead, and click one time on that file and click the Open button. Then hit the Upload this file button and the file will be uploaded into our wiki.
Now, to make sure that we save this change, you've got to hit the button that says Save Changes. If you go away from this page then your changes will not be saved. excellent! Now we have our image ready to be added into our wiki page. Let's go ahead and go back to the Edit tab, and add that image in. Now, this is part of our experimental design. So simply at the bottom of the proposed method, we're going to hit two line returns and then there's a dropdown menu here to be able to insert an image and because Moodle has automatically detected that, that image that we just added into our file section was a JPEG, we have a listing that shows that, that is an item that is available for us to click on.
So select experimentalDesign.jpg from the file and here we can see the specific code that's used in order to add an image. Basically, what you do is you put two left-hand brackets indicating that we're creating a link of some kind. Then we type-in image and a colon, and then we put the name of the file that we're going to be, including, in this case experimentalDesign.jpg. You then have a pipe character which on most keyboards is the key that's above your Enter or Return key, and you usually have to hold down the Shift key in order to get the pipe character to come up.
It's just a vertical bar. Then we have some alt text, and you can go and you can change this text here if you'd like, but I'm going to go ahead, and leave mine set to alt, and then you close off the tag with two right-hand brackets. Now we don't get to see the image right here in our editor, so we'll simply scroll down to the bottom of the page, and click the Save button and when we scroll down, we can see the image that we've included. Now, the image that I've added here is one that will be typical of how a group would be working together in a collaborative workspace and they've drawn out their experimental design out on the chalkboard and then simply use their digital camera or their phone to be able to take a picture of that drawing.
They can then simply save that file as a JPEG and upload it into the Moodle course. This is a great way to be able to get work from the real world and add it directly into your Moodle course to be able to work with it digitally. Now you know how to go through, and add an image, in the next movie, we'll show you how to create some external links to outside web resources.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 86794 Viewers
80 Video lessons · 136046 Viewers
59 Video lessons · 54774 Viewers
52 Video lessons · 68667 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.