1. Learning module title
   You can change the title of your learning module here
2. Title page
   If you would like to create a title page for your learning module, tick the “Show title page” box. You can then create a customised title page in the “Title page” drop-down menu. To do this, enter the text that you want to appear on your cover page under “Labelling”. Optionally, you can also add an image or video under “Medium for the front page”. By activating the “Use header” and/or “Use footer” checkboxes, you can also specify whether the header and/or footer that you have created for your chapters should also be displayed on the title page.
3. Use header/use footer
   If you want to add a header and/or footer to the chapters of your learning module, tick the “Use header” and/or “Use footer” checkbox. You can then select the layout for the header/footer in the respective drop-down menus and insert content into the placeholder elements (see “General settings of the placeholder – 4. Layout/5. Edit placeholder” and “Editing mode of the placeholder”). Optionally, you can select a background colour that is applied to the entire selected layout of the header/footer.
   If you have inserted images in the header/footer, you can enter the value, e.g. in pixels (px), that the images should be high in the “Height limit for images” text field. The images are then scaled to this height and the height of the header/footer area is also adjusted to this value. If no value is entered in the text field, the images are scaled to the maximum possible size for the respective placeholder element.
4. Hotspot navigation
   If you would like to use a navigation option via hotspots for your learning module in addition to the classic table of contents, you can make the general settings for this in the “Hotspot navigation” drop-down menu. To do this, select the screen on which the hotspots are to be arranged in a later step (see “General settings of the chapter – 1. Hotspot navigation”). Then specify the colour that should apply to hotspots by default, unless an individual colour setting has been defined for a hotspot within a chapter. By activating the “Show hotspot labelling permanently in navigation” checkbox, the labelling that you enter for a hotspot within a chapter is displayed in the hotspot navigation.
   Note: A hotspot is an active area on an image, e.g. in the form of a dot. If this area is clicked on, further information is presented. In the case of hotspot navigation, the hotspots can be used to jump between the individual chapters.
5. View mode
   If you click on this button, you can switch to view mode at any time (the way your learners see your learning module). To return to edit mode, please click on this button again.
6. Export
   If you click on this button, you will switch to the export function. There you can click on the chapters to be exported. Hidden content is not displayed in the export file. Three export formats are available: PNG, PDF or DOCX.
   Click on this button again to return to the editing mode of your portfolio.
7. Delete hidden content
   If you have hidden content in the course of creating your learning module (see “Editing mode of the placeholder – 6. Hide content”), you can use this button to irrevocably delete all hidden content at once. This option is useful if you want to make your learning module available for others to view as an h5p file and do not want them to be able to see your hidden content.

The classic table of contents is located on the left-hand side.

1. Levels
   The chapters can be arranged on a maximum of 4 levels (indentations).
2. Chapter menu
   As soon as you move the mouse over a chapter, a cogwheel appears to the right of the chapter title. You can use this cogwheel to make the following settings for the chapter:
   – Change caption: To rename the chapter title directly in the table of contents
   – Move up: To move the chapter up one position in the table of contents; the level indentation is retained
   – Move down: To move the chapter down one position in the table of contents; the level indentation is retained
   – Move up one level: To move the chapter up one level; the position in the table of contents is retained
   – Move down one level: To move the chapter down one level; the position in the table of contents is retained
   – Duplicate: To duplicate a chapter; the duplicated chapter is inserted into the table of contents below the original chapter
   – Duplicate with subchapters: To duplicate a chapter including all subchapters; the duplicated chapter is inserted into the table of contents below the original chapter
   – Delete: To delete the (sub)chapter
3. New chapter
   To create a new chapter, please click on the plus sign.

1. Hotspot navigation
   If you have decided to use a hotspot navigation in addition to the classic table of contents, you can make the specific settings for each chapter here:
   – “Show hotspot navigation”: Here you can specify for each individual chapter whether you want to display the hotspot navigation or not.
   – “Add a hotspot to this chapter”: Activates the “Hotspot navigation” drop-down menu
   – “Hotspot navigation” drop-down menu: This is where you determine the position and labelling of the hotspot for this chapter. In addition, you can set a colour other than the generally defined colour specifically for this hotspot by activating the “Use own hotspot colour” option.
2. Show header/show footer
   The “Show header” or “Show footer” function is automatically activated as soon as the “Use header” or “Use footer” option has been clicked in the general settings of the H5P element Portfolio (see “General settings of the learning module – 3. Use header/use footer”). You can then decide in the general settings of the chapter for each individual chapter whether you also want the header/footer to be displayed or not.
   If you deactivate the “Use header” or “Use footer” option again, the “Show header” or “Show footer” function is automatically unchecked in all chapters that have been created up to that point.
3. Chapter title
   Here you can enter and change the title of the chapter, just as you can with the cogwheel in the table of contents.
4. Copy and paste
   Use the “Copy” button to copy the content of an entire chapter. You can paste this content into another chapter using the “Paste & Replace” button. Please note: The existing content of the other chapter will be overwritten.

A chapter consists of one or more placeholders, which are listed one below the other. You can compare this with a paragraph in a chapter.

1. Placeholder title
   You can give the placeholder a title. This title is automatically adopted in the blue line. Please note: The title is not displayed in view mode. It is only used for better organisation of the individual placeholders.
2. Delete and move
   You can delete the placeholder using the X.
   Use the arrows to move the position of the placeholder up or down.
3. Placeholder colour
   You can use this function to change the colour of the placeholder. The default colour for placeholders is blue.
   Please note: The placeholder colour is not displayed in view mode. It is only used for better organisation of the individual placeholders in the editor.
4. Layout
   You can select the layout of your placeholder here. You can choose between eight different layouts, which differ in the number and arrangement of the placeholder elements. If you have decided on a layout with more than one placeholder element, you can move the individual placeholder elements within the layout using drag & drop.
5. Editing placeholders
   If you click on the plus sign, you will be taken to the editing mode of the placeholder in which you create the content. If you have selected a layout with more than one placeholder element, you can use the slider bars to change the width of the placeholder elements. The content then adapts to the new width of the placeholder elements.
6. Copying and pasting (on german: “Kopieren” und “Einfügen & Ersetzen”)
   Use the “Copy”-Button to copy the content of a placeholder. You can insert this content into another placeholder using the “Paste and replace” button. Please note: The existing content of the other placeholder will be overwritten.
7. Add placeholder
   Use this button to add another placeholder below.

1. Select content
   You can use this selection list to determine the content with which your placeholder should be filled (text, video, audio, image, image hotspots, etc.). Please refer to the chapter “How to use the respective content types” for information on editing specific content types.
2. Vertical alignment of the content
   Here you can specify whether you want to arrange the selected content at the top, centre or bottom of the placeholder element. The default value is “top”.
3. Copy and paste (on german: “Kopieren” und “Einfügen & Ersetzen”)
   Use the “Copy”-Button to copy the content of a placeholder. You can insert this content into another placeholder using the “Paste and replace”-Button. Caution: The existing content of the other placeholder will be overwritten.
4. Done (on german: “Fertig”)
   The content you have just created is not saved in the portfolio until you click on “Done”. Please note that you must save the content in ILIAS separately and additionally.
5. Delete (on german: “Löschen”)
   This deletes the entire content of the placeholder.
6. Hide content
   If you only want to save content for yourself, you can tick the box here. The content will only be displayed in the editing mode of the placeholder if you remove the tick again. In view mode (the way your lecturer sees your portfolio) and in the export file, hidden content is not displayed.

1. Text
   Select this content type if you want to add text to your chapter. Various formatting options are available to you in the text editor.
2. Expandable text (accordion)
   The accordion is useful if you have a lot of text that you want to organise in a structured way in a chapter. An accordion consists of one or more compartments, which are labelled with a title and can be expanded with a click.
   Detailed instructions on how to create an accordion and examples can be found at the following link: https://h5p.org/tutorial-accordion

1. Image
   Select this content type if you want to add an image to your chapter. In the editing mode of the placeholder, you can click on the “Edit image” button to access further image editing options. You can also delete the image by clicking on the “x” in the top right-hand corner of the thumbnail.
2. Info hotspots on image (image hotspots)
   With the content type “Info hotspots on image”, individual hotspots can be placed on images and graphics. A hotspot is an active area on an image, e.g. in the form of a dot. If you click on a hotspot in the view, a corresponding text is displayed.
   Detailed instructions on how to create info hotspots on an image and examples can be found at the following link: https://h5p.org/tutorial-image-hotspots
3. Collage (Collage)
   Use this content type if you want to arrange several images within a placeholder. Various predefined layouts are available for arranging the images. The individual images can also be resized and provided with additional information.
   Detailed instructions on how to create a collage and examples can be found under the following link: https://h5p.org/tutorial-collage
4. Index cards (dialogue cards)
   The “Dialogue cards” content type can be used to create individual sets of cards with keywords or questions and answers. In particular, they are used to query and internalise teaching content.
   Detailed instructions on how to create dialogue cards and examples can be found under the following link: https://h5p.org/tutorial-dialog-cards

1. Video
   Use this content type if you want to insert a video into your chapter. Suitable file formats are mp4, webm or ogv. Alternatively, you can enter a video URL.
2. Interactive video (Interactive Video)
   If you would like to make a video interactive for the viewer, select the “Interactive video” content type. Once you have uploaded a video, you can add images, tables, text or input fields, for example, which appear as soon as the defined point in the video is reached. The viewer is then prompted to interact.
   Detailed instructions on how to create an interactive video and examples can be found at the following link: https://h5p.org/tutorial-interactive-video

1. Audio
   Use this content type if you want to insert an audio file that you have previously recorded with your smartphone, for example, into your chapter. Suitable file formats are mp3, wav, opus, oga, ogg or m4a. Alternatively, you can add a link or URL to the audio file.

1. File for Download
   Select this content type if you want to add a file, such as a work placement certificate, to your portfolio. To do this, enter the file name that the file should have when you download it and select the relevant file. The file will then be uploaded to your portfolio and can then be downloaded in preview mode using the “Download” button.