This article is about the new JUNO learning management system (LMS). If you don’t see these features on your site, your platform still uses the legacy JUNO courses.
The course home page is where you can introduce a course with images, videos and text. Users see this information before they enroll or start a course.
Before you begin
Open the course editor to follow these instructions.
Remember to click Save at the top of the page before going to a different tab in the editor. Otherwise, you’ll lose your changes.
About the course home page
The first thing users see when they open a course is the home page. They can see it before the course starts and even before they enroll. So, it’s a great way to introduce the course and explain why they might want to take it.
The page already includes a list of lesson titles. (Users can’t open them until they are enrolled and it starts). You can customize it further with images, videos, and text.
Add a video
If you add a course video, it replaces the icon image at the top of the home page. Note that the icon image is still required because it appears in other locations around the site. The video only appears on the course home page.
To insert a video:
Go to the bottom of the Course Info tab.
Under Video, paste a Course Video URL. It must be an MP4 video URL hosted by the JUNO team in our s3 bucket or hosted externally. At this time, you can’t directly upload videos or use a Youtube, Vimeo, Wistia, or Brightcove link.
Add body content
You can add additional text, images, and videos to the course body. It displays below the main icon image or video on the course home page.
Go to the Course Info tab to edit the Body field. There are many editing tools, similar to Microsoft Word or Google Docs. Below are instructions for some we find useful.
You can insert multiple images from your desktop or from a hosted location.
For images saved on your desktop, drag and drop them directly into the text field.
For images you have hosted online, insert its URL:
Place your cursor where you want to insert the image.
Open the Insert menu.
Select Image.
In the Source field, paste the image URL.
Select Save.
To edit an image after inserting it:
Select the image. You can tell it’s selected because it has a blue outline.
Open the Insert menu.
Select Image to open its settings.
Add an Alternative Description to improve the image’s accessibility. Or resize it by changing the Width and Height.
You can make the size responsive to the screen width so that the image doesn’t get cut off. Type auto into the Height field, and a percentage into the Width field. For example, 100% makes the image fill the full width of the content area, while 50% fills half. Test it out by selecting File > Preview and resizing your browser window.
To reorder images, click and drag them to a different line.
You can insert multiple videos hosted by JUNO in our s3 bucket or you can embed videos hosted on YouTube, Vimeo, Wistia, or Brightcove.
Check your video’s privacy settings to make sure attendees will be able to view your video. Also note that regional laws block some video platforms. Learn more about video privacy settings.
Place your cursor where you want to insert the video.
Open the Insert menu.
Select Media.
To add an m3u8 link hosted by JUNO, select General and paste it in the Source field.
Or to embed a YouTube, Vimeo, Wistia, or Brightcove video, select Embed and paste the embed code. That code looks something like this:
<iframe width="560" height="315" src="https://www.youtube.com/embed/n61...</iframe>
Select Save.
To reorder videos, click and drag them to a different line.
Copy the URL of the page you want to link to.
Highlight text in the text field.
Open the Insert menu.
Select Link.
Paste the URL.
Select Save.
To edit an existing link, right click it and select Link. To remove an existing link, right click it and select Remove link.
Anchors let you create links to lines in the middle of your page. Here’s how:
Place your cursor on the line you want to link to.
Open the Insert menu.
Select Anchor.
Give it an ID so that you can identify it later. For example, you might use the section heading name or the subject of the paragraph.
Insert a link somewhere else on the page. Instead of adding a URL, select the Anchor from the dropdown menu. Now that link will direct people to the anchor.
Make your page easy to read and scan by using pre-sized section headings.
Type a heading in the text field.
Place your cursor on the same line.
Open the Format menu.
Select Blocks.
Select a heading size. Your text automatically formats into that heading.
When you copy and paste text from another text editing program or website, it sometimes brings along unwanted text formatting from its original location. There are two ways to fix this:
Before pasting the text, open the Edit menu and select Paste as text. A checkmark appears, indicating that the setting is turned on. Now, select Paste to paste your text, free of formatting.
Or after pasting text, highlight it and open the Format menu. Select Clear formatting. This doesn’t clear some types of formatting, so it may be less reliable than the first option.
Related articles
-
Edit course resources (Client Guidebook)
-
User types and permissions for learning management (Client Guidebook)
-
Edit course grading settings (Client Guidebook)
-
Education credits and course information pages (Client Guidebook)
-
Why does lesson editing lock? (Client Guidebook)
-
Creating or importing learning packaged courses (Client Guidebook)
-
Edit the course home page (Client Guidebook)
-
Attaching an access pass to an education credit (Client Guidebook)
-
Creating Education Credits (EC) in Das Admin (Client Guidebook)
-
Content Certificates (Client Guidebook)
-
Add instructors to a course (Client Guidebook)
-
Edit course lessons (Client Guidebook)
-
Attaching a certificate to an education credit (Client Guidebook)
-
Edit basic course information (Client Guidebook)
-
Edit course enrollment settings (Client Guidebook)