1,639
edits
Changes
Jump to navigation
Jump to search
Line 51:
Line 51: − + − + + + + + Line 62:
Line 66: − + + + + + + + + + Line 73:
Line 85: + + + + + + + + + + + + + + +
→Course presentation
# Slides :
# Slides :
* We'll start by adding a keyword in the keywords panel to the left. The keywords can also be used to navigate between the slides.
* We'll start by adding a keyword in the keywords panel to the left. The keywords can also be used to navigate between the slides.
* Click on the "three line" icon to add a keyword for the slide
* Click on the "three line" icon to add a keyword for the slide and click on the add new slide option from button right side panel to add multiple slides.
2. Text :
2. Text :
To add a block of text to the slide. Click on the text icon, a dialog will appear Insert the text in the '''Edit text''' dialog, Leave the other fields blank and press '''Done'''. You can move and resize the text block in the same way as images.
To add a block of text to the slide. Click on the text icon, a dialog will appear Insert the text in the '''Edit text''' dialog, Leave the other fields blank and press '''Done'''.
[Image - add text dialogue]
You can move and resize the text block in the same way as images.
3. Link :
3. Link :
4. Image :
4. Image :
We can upload and add the pictures by using this option. Click on this icon ->
Press this button, drag it to where you want the image to be placed and drop it there. A dialog will automatically open. Press on the "'''+"''' icon browse to where you saved the picture you want to add and select it for upload.
[image upload option] [image - licence]
We must also remember to add multimedia license information. Add the following information to the '''Edit copyright''' dialog.
Finally, we have to add an '''Alternative text''' and a '''Hover text'''. The '''Alternative text''' is used to describe the image as an alternative to being displayed. The '''Hover text''' will show up on devices using a mouse when the cursor hovers over the image. Now resize the picture by pulling in the lower right corner of the image.
5.
* Video
* Video
* Audio
* Audio
* Mark the word
* Mark the word
* More elements
* More elements
==== Dialog Cards ====
The Dialog cards content type enables you to create a set of cards with corresponding words or expressions on either side of the cards. Dialog cards can be used as a drill to help learners memorize words, expressions or senctences. Dialog cards provide a prompt on one side of the card, and a corresponding answer on the other side.
Now lets start create dialog cards by selecting this option from this content types. The Dialog cards editor should now appear. The top part of the editor looks like this:
[Dialog card main image]
* The '''Title''' will be displayed to the learner throughout the set of cards.
* '''Task description :''' In this field we can give elaborate instructions to the learner. The '''Task description''' is displayed throughout the entire set of cards, below the '''Title'''. Insert the following text.
** '''Dialogs''' : Press the '''Add dialog''' button to add the first card. Here, "Text" means you need to type the question or any word which learning should thing and answer.
[Image - dialog card main page]
In the '''Answer''' field, we provide the correct answer. Additionally yoy can image and audio file under the '''Image and audio''' section (this optional).
* By clicking and add dialog you can keep creating dialog cards like this in the file.
* '''Save''' the node/article when you're satisfied to view your final set of Flashcards.
=== Additional references ===
=== Additional references ===
# [https://h5p.org/documentation/for-authors/tutorials Handout for content authors]
# [https://h5p.org/documentation/for-authors/tutorials Handout for content authors]