Moodle with Style Integrating new technologies to empower learning and transform leadership.
-
Upload
david-stewart -
Category
Documents
-
view
217 -
download
0
Transcript of Moodle with Style Integrating new technologies to empower learning and transform leadership.
![Page 1: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/1.jpg)
![Page 2: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/2.jpg)
Moodle with Style
Integrating new technologies to empower learning and transform leadership
![Page 3: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/3.jpg)
Standard MoodleLists of resources
and activities.
![Page 4: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/4.jpg)
Style Moodle
Layered Pages of activities and
resources
![Page 5: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/5.jpg)
Log on to KVC Moodle
Click on Ulearn 2011
![Page 6: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/6.jpg)
Log in using the username given on the worksheet. Your
password is the same as your username
![Page 7: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/7.jpg)
or
1. Turn editing on
2. Click on edit “pencil” icon to add a header to this box
![Page 8: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/8.jpg)
3. Click on insert picture button
![Page 9: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/9.jpg)
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.
![Page 10: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/10.jpg)
Click on OK
Then click on Save Changes
Your page now has a header
![Page 11: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/11.jpg)
![Page 12: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/12.jpg)
1. Click on edit “pencil” icon in topic box 1.
2. Click on insert table icon.
![Page 13: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/13.jpg)
Set Rows to 5 to allow space between icons
Set Cols to 3
Set Border thickness to 0
Press OK
![Page 14: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/14.jpg)
Click on fullscreen editor to give a better view and more options.
![Page 15: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/15.jpg)
Click in first cell. Center the Cell Insert PictureSize should be around 80 to 100
![Page 16: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/16.jpg)
Repeat steps to insert 5 more images so you have 3 in the first row and 3 in the fourth row.
![Page 17: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/17.jpg)
Add Names under each icon. These can be formatted in the normal way.
![Page 18: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/18.jpg)
Close Fullscreen Editor and then
click on Save Changes
![Page 19: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/19.jpg)
![Page 20: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/20.jpg)
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.
![Page 21: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/21.jpg)
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”
![Page 22: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/22.jpg)
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”
![Page 23: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/23.jpg)
Repeat this process 2 more times to create 3 pages for 3 of the course icons
![Page 24: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/24.jpg)
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”
![Page 25: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/25.jpg)
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.
![Page 26: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/26.jpg)
![Page 27: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/27.jpg)
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.
![Page 28: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/28.jpg)
Click on the pencil “edit” button.
Select the Icon (or words) you want to make the link from.
Editing Tab
Browsing Tab
![Page 29: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/29.jpg)
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.
![Page 30: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/30.jpg)
Paste address in to URL box and then click OK
Switch back to the Editing Tab and click on link icon.
![Page 31: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/31.jpg)
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.
![Page 32: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/32.jpg)
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.
![Page 33: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/33.jpg)
![Page 34: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/34.jpg)
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.
![Page 35: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/35.jpg)
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).
![Page 36: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/36.jpg)
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.
![Page 37: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/37.jpg)
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
![Page 38: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/38.jpg)
![Page 39: Moodle with Style Integrating new technologies to empower learning and transform leadership.](https://reader035.fdocuments.net/reader035/viewer/2022070410/56649ef55503460f94c0831d/html5/thumbnails/39.jpg)