Adding Resources

Resource types enable almost any kind of web content to be inserted into the course.

  • Book is a multi-page resource in a book-like format, with chapters and subchapters, useful for displaying lengthy information. 
  • File provide a downloadable Word document, a PDF, an Excel spreadsheet or PowerPoint slides as a course resource.
  • Heading enables text and optional icons to be inserted among activities on the course page.
  • Label enables text and multimedia to be inserted into the course page between links to other resources and activities.
  • Page can display text, images, sound, video, web links and embedded code, such as Google maps. 
  • Subpage no longer available to add. Existing subpages are still visible in courses on the site.
  • URL The URL module enables a teacher to provide a web link as a course resource.


Previous
Next

1. Add a book

1.2. How to insert a box around text in Moodle book

In the Moodle book you are building, you might need to add boxes around text. 

Insert a box around text

  1. Go to the book page where you wish to insert a box and switch to HTML mode.
  2. Copy/paste the following code from one of these examples, replacing the paragraph text with the text that you wish to be surrounded by a box.


Box 1: This is a basic box with a black border and some text inside it.

<div style="width: 200px; border: 1px solid black; border-radius: 5px; padding: 10px; margin: 10px;"><p>This is an example.</p></div>

This is an example.


Box 2: This is a basic box with a black dotted border and some text inside it.

<div style="width: 200px; border: 2px solid black; border-style: dotted; padding: 10px; margin: 10px;"><p>This is an example.</p></div>

This is an example.


Box 3: This is a basic box with a red dashed border and some text inside it.

<div style="width: 200px; border: thick red; border-style: dashed; padding: 10px; margin: 10px;"><p>This is an example.</p></div>

This is an example.


Box 4: This is a basic box with a double black border and some text inside it.

<div style=" width: 200px; border: 5px double black; padding: 10px; margin: background-color: lavender"><p>This is an example.</p></div>

This is an example.


Box 5: This is a blue left border and some text.

<p style="border-left: 5px solid blue">This is an example.</p>

This is an example.


There are many style options for your boxes. You can adjust the width, border size, border colour, padding, margin, border corners, background colour and border type, using standard inline CSS. 

If you are new to CSS, this CCS tutorial is a good starting point.

Previous
Next