Moodle with Style

Integrating new technologies to empower learning and transform leadership

Standard MoodleLists of resources

and activities.

Style Moodle

Layered Pages of activities and

resources

Log on to KVC Moodle

Click on Ulearn 2011

Log in using the username given on the worksheet. Your

password is the same as your username

or

1. Turn editing on

2. Click on edit “pencil” icon to add a header to this box

3. Click on insert picture button

Use this section to locate an image on your computer to upload.

Once you have the image you want click on it to select it.

Check that the Width and Height are the values you want.

Add some alternative text to help identify the picture.

Click on OK

Then click on Save Changes

Your page now has a header

1. Click on edit “pencil” icon in topic box 1.

2. Click on insert table icon.

Set Rows to 5 to allow space between icons

Set Cols to 3

Set Border thickness to 0

Press OK

Click on fullscreen editor to give a better view and more options.

Click in first cell. Center the Cell Insert PictureSize should be around 80 to 100

Repeat steps to insert 5 more images so you have 3 in the first row and 3 in the fourth row.

Add Names under each icon. These can be formatted in the normal way.

Close Fullscreen Editor and then

click on Save Changes

Click on the “Jump to..” button on the bottom of the page and select 2.

Click on the edit pencil and type in Books and Pages in the text box.

Then click save changes.

Click on add resources and select “Compose a web page.”

Add a name from one of your icons, add some text in the text box and then click on “Save and return to course”

Click on add resources and select “Compose a web page.”

Add a name from one of your icons, add some text in the text box and then click on “Save and return to course”

Repeat this process 2 more times to create 3 pages for 3 of the course icons

Select “Book” from Add a resource.

Type in the Name of one of your remaining icons, some text in the text box and click on “Save and Display”

This will take you to Chapters Editor.

Type in Index in chapter title and click on Save changes at the

bottom.

Then click on page name in top left hand corner to take you back.

Open a new tab. This will be your browsing tab, allowing you to

locate website addresses.

Begin by copying and pasting you

page address in to the browser tab.

Click on the pencil “edit” button.

Select the Icon (or words) you want to make the link from.

Editing Tab

Browsing Tab

Right Click on the page or book you want to link to and select “Copy Link Location” or your systems equivalent

option

Switch to the Browsing Tab and “Jump to” Books and Pages.

Paste address in to URL box and then click OK

Switch back to the Editing Tab and click on link icon.

Copy the URL address, switch

back to the editing tab and link this address to the desired icon.

Switch to the Browsing Tab and use it to find an appropriate website.

Now go back to your page and upload this document in to your files

folder.

Switch to the Browsing Tab. Navigate to the Ulearn example page and click on

the download icon to download a copy of Moodle with style.

Use right click to copy address and switch to editing tab to link to

required icon.

Choose 1 row and 4 cols and then click OK.

Open up a one of your pages by clicking on the icon. Then click Update this

resource.

Click on the insert table icon.

Alter the Width % of each column to get the desired sizes. Use the HTML toggle to check what it looks like.

Click on the HTML toggle.

The code for a row begins with a <tr> and ends with a </tr>. Each column is automatically given an even amount of

the width (25% each).

Once you have the sizes correct, highlight the first row and copy it. Then paste this code repeatedly to give the number of

rows you want for the table.

Click HTML toggle to get back to the table and fullscreen editor to get a full screen table. This will give many other table options

like insert, delete, merge cells and split cells.

When finished click Save and Display