how do i add an image to my course in moodle

Minimum steps.

• Click on the Insert image icon.
• Click on "Find or upload and image.." . This is the Insert/edit image popup window tool.
• Use File picker to select and existing image or upload a new one.
• After selecting the file it will appear in the "Insert/edit image" window.
• Next put in an image description (alternative text) which will appear when the student moves their mouse over the image.
• Insert. You have done the minimum and you will then return text editor tool.

Full Answer

How do I add an image to a topic in Moodle?

Edit on topic summary method The second way to add image to your Moodle course is clicking ‘Edit’ on a topic summary or anywhere you see the Atto editor. This will take you to the text editor. Drag and drop the image and then click ‘Save changes’.

How do I add an image to my course page?

When you drag your image into the section of your choice, a text box will appear asking what you want to do with the file. Select ‘add image to course page’ and then click upload.

How can I Make my Moodle course picture perfect?

Make your Moodle course picture perfect by adding images. February 23, 2018 April 10, 2019 You know the saying ‘a picture is worth a thousand words’? Well when it comes to teaching and learning we think it’s true! Visual cues can help students retrieve and remember information.

How do I align images with text in Moodle?

When creating content in Moodle, especially web pages, it is often desirable to make your content with images visually appealing. Using the image align dropdown menu (pictured above in the image editor) can help you do this. After uploading and clicking to insert an image, you have the option to align the image in relation to the text.

See more

How do I copy and paste an image into Moodle?

You cannot copy and paste or drag and drop an image into Moodle. You must use the Insert/edit image icon on the toolbar, as described at right and in the guide linked below. Images will display in their "native" (original) size, so be prepared to adjust them for best fit.

How do I add a picture to Moodle app?

1:452:53Adding images: Moodle 3.4 - YouTubeYouTubeStart of suggested clipEnd of suggested clipAnd then click the button to upload this. File. We either need to add a description or tick the boxMoreAnd then click the button to upload this. File. We either need to add a description or tick the box if we don't and then when we save the image it's displayed.

How do I customize my Moodle front page?

Change site name and course informationLog in with your administrator account.From the left panel (the Navigation drawer) click Site administration.Scroll down to the Front page section and click Front page settings.Change the long and short name of your site here.More items...•

How do I add a banner in Moodle?

Add a banner image to a courseIn the uppermost section, click on the edit button. ... In the "Summary" box, click on the "Insert/edit image" (looks like a tree).Click "Find or upload an image . . .". ... If asked, select "Make a copy of the file" and the click "Select this file".A preview of the image should now appear.More items...•

How do I add a logo to Moodle?

Add your logo to your MoodleCloud site PrintClick Site administration.Click Appearance.Click Logos.Click to Add File.Select the logo file to upload.Click Save changes.Your logo will now be used on your home screen instead of your site name.

How do I add a picture to VLE?

Open the course and click edit, then click the image window to link to an image. This will open up the file manager to be used. Click on Browse (1) then click on your file, which will be in the main window (2). Click Open (3) then click the upload button (4).

How do I customize my dashboard in Moodle?

Open Moodle and click on the Dashboard link in the upper left corner of the screen. In the upper right corner, click on the Customize this page button. One change you might want to make is to hide the courses that are not going to be accessed during the current semester.

What is Moodle front page?

The front page is the initial page seen by someone reaching a Moodle site after or before a login. Typically a student will see courses, some blocks of information, displayed in a theme. In the Navigation bar and Navigation block it is called "Home".

How do I edit a page in Moodle?

Try it by following these easy steps:Go to your course with the editing off.Click into an existing activity – for example a forum or assignment.You'll see a cogwheel icon to the right.Click it and it will display for you many useful editing options. Another time saver!

What is Banner in Moodle?

Adding a banner to your course homepage can help "anchor" the page. It also makes your course look welcoming and professional. There are two main ways to add a banner to your main course page in Moodle. The first method (covered in the first video) is easier, but less flexible.

How do I change my cover photo in Moodle?

To change the cover image, follow these steps:From the course page, click the gear icon, and then click Edit settings.In the “Description” section, drag-and-drop an image to the Course image area. Images should be sized to 281×150 pixels, though Moodle will crop the image for you.Click the [Save and display] button.

How do you add text to a course?

From the course page, in the upper right corner, select the Edit icon (⚙) and select Turn editing on. Locate the section you wish to edit and to the right of the section name, select Edit and Edit section. In the Summary field, enter your desired text.

How to align images in Moodle?

When creating content in Moodle, especially web pages, it is often desirable to make your content with images visually appealing. Using the image align dropdown menu (pictured above in the image editor) can help you do this. After uploading and clicking to insert an image, you have the option to align the image in relation to the text. Two most common uses of this align feature are align "left" or align "right".

How wide is a moodle.jpg?

The teacher has favorite course image that is placed in every activity called "Moodle.jpg". This file was uploaded once and was 240 pixels wide and 60 pixels high. On the first page of a lesson activity the teacher wants the image to be only 120 pixels wide. Using the "Insert/edit image" icon the teacher sets their first dimension box for 120 (width) and the second box (height) at 30.

What is the general tab in Moodle?

The general tab is the place to start to upload or change the image. It will show the current image location, the image title and give a preview of the image. General tab in Moodle 2.0. General tab in Moodle 2.0 after an image was added. Top.

How to replace an image and keep the same name?

Want to replace an image and keep the same file name? Create the new image on your computer and give it the same name as the old file. Using the Insert image tool, delete the old file, then upload the new file to the same folder. If both the old and new images are the same height and width, you will not need to make any adjustments.

What happens when a student puts a mouse on an image?

When student puts mouse on image it changes to the roll over and will not change unless rolloff is set. The rolloff image is what the student sees when the mouse leaves the image. If no rolloff is set, the image does not change. Miscelleous contains more image information. Advanced tab in Moodle 2.0.

What file types are supported by Moodle?

For general information, see Images. The Image Icon on the text editor's toolbar brings up this popup window. We should mention here that JPG, GIF and PNG files are recognized Moodle images file types.

Why did the teacher decide to play with the image?

The teacher decided to play with the image to see what some different effects might have upon the original.

What are acceptable image files?

Acceptable image file types are .jpg, .gif, and .png. To insert an image in a forum post, click on Use advanced editor and other options before you begin typing your response. You cannot copy and paste or drag and drop an image into Moodle.

Can you put pictures in a post in Moodle?

It's not hard to insert images in Moodle posts, but you do need to be careful about image size. Some important things to note about inserting images directly in Moodle textboxes such as forum posts, online text assignments and glossaries: Images must be saved as individual files in order to be inserted in Moodle.

Adding an image to a Moodle course

This course is designed to help you create dynamic, interactive online courses through the use of multimedia tools, student collaboration opportunities, and formative assessment and feedback. Each week we will focus on a particular topic: 1. Using multimedia for teaching and learning 2. Encouraging student collaboration 3.

SEE MORE

Participants will be guided through concepts, and will be encouraged to partake in practical and collaborative activity. The aim of this week is to introduce a range of multimedia tools and techniques that can be incorporated into an online course to increase student interaction and engagement with learning.

Course images on course overview

when logging in to my moodle site, I notice that every course now has a nice looking image accompanying the tile outlining the course progress and summary. Can't find where to change those images to something I chose myself though.

Re: Course images on course overview

Hello. Yes. You can change them from the course administration by clicking Edit settings and changing the uploaded image.

Re: Course images on course overview

why aren't I surprised that you fired that reply. Thanks a lot (for being so active over all)!

Re: Course images on course overview

Anyone is welcome to suggest translations in languages other than English on our translation site, https://lang.moodle.org/ (also accessed from the black bar at the top of this page )

Re: Course images on course overview

Hi Jurgen, The current Dutch translation for this bit is 'Cursusafbeelding'. I agree with you that the previous one 'cursussamenvattingsbestanden' was a bit strange. One of the community translators for the Dutch language pack may have updated the string to better reflect the purpose.

Re: Course images on course overview

Just to mention that I found this thread precisely because the original "strange" translation accurately represented the strange English phrase used by Moodle. How do we move this to get the original English wording changed to reflect the actual purpose of the upload?

Re: Course images on course overview

I have a question about this. I am running Moodle 3.5 but anytime I try to add an image to my course, when I go to the dashboard the image is resized to a point that it is cutoff. My marketing department will not let this fly.

Use the Course Image in a Theme for Course Page

Hoping someone can share with me how to accomplish this. In course settings you can upload an image. I'd like to grab that image and use it as a background for a CSS element in a new theme I am working on.

Re: Use the Course Image in a Theme for Course Page

You would probably need to treat it in much the same way as pulling an image from a theme setting - but instead of the couple of lines that detect the setting, detect it in (I think) the $COURSE global.

Re: Use the Course Image in a Theme for Course Page

So I have been peeking at the course_renderer.php of the KLASS theme and I can see where it pulls in the image for each course to display on the frontpage.php. However, I am unsure how to make it so that it would be part of my header in a theme.

Re: Use the Course Image in a Theme for Course Page

I think - using firebug - that you will find that is an 'element style' which means it has probably been added using a little snippet of code directly in the layout file for the courses, rather than in a css file or renderer.

Re: Use the Course Image in a Theme for Course Page

I have done this a couple of times when creating custom themes using 2 different techniques without having to write a course format.

Re: Use the Course Image in a Theme for Course Page

Would your technique be easier to implement than trying to dig out the Course image that you upload when creating a new course? Do you have any examples of how one would implement your custom block idea?

Re: Use the Course Image in a Theme for Course Page

The grey box at the top of the course is where I am thinking the photo background should go. Off to the right of the Course Title in the grey box I am thinking it would be nice to show Course Completion and Course Grade for the user. This would appear over the top of the photo background and just below the User Drop Down.

Drag and Drop Method

Edit on Topic Summary Method

• The second way to add image to your Moodle course is clicking ‘Edit’ on a topic summary or anywhere you see the Atto editor. This will take you to the text editor. Drag and drop the image and then click ‘Save changes’.

See more on moodle.com

Conventional Upload Method

Resizing

Layout

Spacing

Radical Example

Selection Or File Maintenance

Tips & Cautions

• Don't forget the Insert image tool can edit existing images. Click on the image you want to edit. You will see the corner boxes appear around it that indicates you have selected it. Now click on th...

See more on docs.moodle.org

See Also

Resizing

Layout

Spacing

Radical Example

Selection Or File Maintenance

Banner Images

Tips & Cautions

• Don't forget the Insert image tool can edit existing images. Click on the image you want to edit. You will see the corner boxes appear around it that indicates you have selected it. Now click on th...

See more on docs.moodle.org

See Also