In this lesson we learn how to create interactive projects
Adding Nodes
Click on Add Nodes to add as many nodes you require – If you click on Root, they all go under.
If you want to make Node to go under a Node already made…Click on that node then click add node.
Click on Root to see the nodes created.
Blank Nodes
Searching for Content / Media on Interactive
- Open Library
- Choose the content category you want to add
- Type in the name of content or type in an asterix (*)
- Click Search for results.
Attaching content to the Node
You can attach a piece of content to a Node by either:
Option 1
Click on the Node, then click on content you want to add
Click on add to Node
Option 2
Click on the content you want to add, then drag it and place it over the Node you want to add on.
Option 3
Click and drag all the content you want to use to the box on the right hand side – under filter.
Then Close the library box – drag from the filter box and then place over the node that you want to add on.
Adding Item Style
- Click on the Node and then dropdown then choose ” Item Template”
- Type in the name or an asterix
- Click Search
- Apply to Node
Type in the Project Name on Project Title and save the project (Make sure the HTML is on if you want to see the previews)
Test Lesson Project
Click on Preview and you will see the styles and the nodes created.
Adding Background to the interactive project
Click off the preview button
Click on the background – top right of screen, as shown above…
1. Choose the colour you want for the background
2. Save the project
3. Click on preview and you will notice the background colour has changed.
Interactive with a new background
You can also use picture or image as a background for your interactive…see below.
Adding image as a backgound to the interactive
- Open the library folder
- Make sure this is on Media
- Choose the background imaging
- Type in the name of the picture or an asterix
- Click on Search and select the picture you want to use
- Click on “Add to Back Image”
- Save the project and lastly, click on Preview.