Advanced Formatting - Advanced Formatting Ideas

Advanced Formatting – Advanced Formatting Ideas

There are a number of different ways to utilize the CorpU platform in your pursuit of creating new and exciting ways to develop content. Here are just  some of the ways in which you can use the source code button to improve the look and feel of your content and enhance your course experiences.

HTML Styling

Through the Description box we can access the Source Code of an activity (at the far right of the toolbar), which gives us direct access to the html which can be updated to create new and exciting ways to improve the look and feel of your content. For instance, you can create custom text boxes, graphs, and headers to make your content stand out.  

Here are just a few simple examples, if you have knowledge of HTML, you can experiment with more advanced capabilities. Always remember to test from the user’s perspective, and to check for scaling to mobile devices.

Now let’s look at the text above as it appears in the source code box:

<p>There are a number of different ways to utilize the CorpU platform in your pursuit of creating new and exciting ways to develop content. Here are just <em>some </em>of the ways in which you can use the source code button to improve the look and feel of your content and enhance your course experiences. </p><p><img class="image-center" src="https://media.corpu.com/media/common/pub/imageattachments/1553776058000.png" width="72" height="56" /></p><h1><span style="text-decoration: underline;">HTML Styling</span></h1><p>Through the Description box we can access the Source Code of an activity (at the far right of the toolbar), which gives us direct access to the html which can be updated to create new and exciting ways to improve the look and feel of your content. For instance, you can create custom text boxes, graphs, and headers to make your content stand out. While HTML can be tricky if you don't know it well enough, it's worth looking into as it can vastly improve the feel and richness of the course experience.&nbsp;</p><p>Here are just a few examples:</p>

                                                                                                                                               

In the example above the ybold text shows how an italicized word appears in the html source code.

The italicized text shows how the image appears in the html source code. It identifies the alignment of the image, what image to use and the size.

The underlined text shows how the HTML Styling heading should appear.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help or have feedback? Contact Us Contact Us