...
Go to the bottom of the Course Info tab.
Select Upload/Select File(s).
Select + to upload an image from your computer.
Select Edit to double check that the image is the correct ratio. You can see if any part of the image will get cut off, and crop it to the correct size. For the course icon image, select the Rotator Save.
| Info |
|---|
| Insert excerpt |
|---|
| JE:REUSE - Image max file size and type |
|---|
| JE:REUSE - Image max file size and type |
|---|
| nopanel | true |
|---|
|
|
...
The Body field has many editing tools. If you’re familiar with other text editors like Microsoft Word or Google Docs, you’ll notice it’s similar. Here are some tools we find useful:
| Expand |
|---|
|
You can insert images from your desktop or from a hosted location. For images saved on your desktop, drag and drop them directly into the text field. [GIF OF THAT] 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.
[ HOW TO INSERT/UPLOAD] SCREENSHOT] 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.
| Info |
|---|
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 |
.Select SaveYou can insert multiple images. To reorder them, click and drag them to a different line. [SCREENSHOT] |
| Expand |
|---|
|
At this time, you You can only insert m3u8 videos that are hosted by JUNO in our s3 bucket . To insert a or you can embed videos hosted on YouTube, Vimeo, Wistia, or YouTube video [ADD LINK INSTEAD]Brightcove. | Include Page |
|---|
| JE:REUSE - Video privacy - Client warning and page link |
|---|
| JE:REUSE - Video privacy - Client warning and page link |
|---|
|
Place your cursor where you want to insert the video. Open the Insert menu. Select Media. Add the m3u8 link that the JUNO team provided. 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.
Select Save.
| Info |
|---|
You can make the size responsive to the screen width so that the |
image video 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. |
Select Save.[SCREENSHOT] You can insert multiple videos. To reorder them, click and drag them to a different line.[SCREENSHOT] [WHAT ABOUT EMBED CODE… IFRAME STUFF?] |
| Expand |
|---|
| title | Insert links (including to anchors on the same page) |
|---|
|
Inserts a link. 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. Insert an anchor on a line in the middle of the page. Give it an ID name 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.
[SCREENSHOT] |
| Expand |
|---|
| title | Insert section headings |
|---|
|
Make your page easy to read and scan by using pre-sized section headings. Type a heading in the textfield. Place your cursor on the same line. Open the Format menu. Select Blocks. Select a heading size. Your text automatically formats into that heading.
 |
...
| Expand |
|---|
|
In the File menu | New document | Clears all content in the text field. Only select this if you want to start over. If you need to undo it, select Edit > Undo or Edit > Restore last draft. | Preview | Shows you what the content will look like to users, in a pop-up window. | In the Edit menu | Undo/Redo | Undo and redo your actions. | Copy/Paste | Copy and paste content. | In the View menu | Source code | Allows you to edit the HTML source code. | In the Insert menu | Code sample | For inserting code samples formatted in a gray code block. For inline code formatting, see Format > Code. | Table | Inserts a customizable table. After creating it, open the Table menu to change the number of columns and rows, customize the border style, cell padding, and more. | Special character | Select from a long list of standard special characters. | Emojis | Select from a long list of standard emojis. Note that some emojis might appear differently to users depending on their browser or device type. | Horizontal line | Inserts a gray horizontal line to divide sections of the page. | In the Format menu | Bold, Italic, Underline, Strikethrough,and Superscript/Subscript | Formats text. | Code | Formats inline text as a monospaced font with a gray background. For code formatting in a block, see Insert > Code sample. To access the source code instead, see View > Source Code. | Fonts, Font sizes, Text color, Background color | Select from a list of standard web fonts, font sizes, font colors, and text highlight colors. | Align | Align text to the left, right, center, or justified. | In the More (•••) menu | Bullet list and Numbered list | Insert a bulleted or numbered lists. You can choose different list styles and create multiple list levels by adding indents. | Increase/Decrease indent | Manage the level of list items by increasing or decreasing the indent. | Block quote | Formats text as a block quote (indented text with a vertical line in the left margin). |
|
Set dates
[Once you set a release date, the other dates, including enrollment, become required in order to save. you can set up the course without a release date and save it to work on later, if you aren’t ready to set other dates yet.]
[Link to enrollment doc for those dates]
Add tags
| Tip |
|---|
Next, learn how to create course lessons.[text here]
...
| Filter by label (Content by label) |
|---|
| showLabels | false |
|---|
| title | Related articles |
|---|
| cql | label = "course-creation" |
|---|
|