Download - Moodle with Style Integrating new technologies to empower learning and transform leadership
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