1. &

2. Open Source Course Management System Online dynamic web sites by teachers for students Install on a web server- your own computer or at a web hosting company

3. Simple Page Busy Page

5. 1. Choose a theme 2. Add your own graphics 3. Turn on and off blocks & move them on your page

7. Do not force chameleon cornflower custom_corners formal_white metal oceanblue orangewhite organgewhitepda standard standardblue standardgreen standardlogo standardred standardwhite wood

8. Standard Logo Create a banner graphic to use as your logo in your favorite image editing program Name the file: "logo.jpg" or "logo.gif". Example: http://eclass.roe51.org/ http://eclass.roe51.org/ Upload the logo.jpg file to your site files folder

10. This technique may be used in any theme. 1.Create a banner graphic in your favorite image editing program. 2. Insert the image in the topic summary area of your moodle course. Example: http://eclass.roe51.org/course/view.php?id=26 http://eclass.roe51.org/course/view.php?id=26

12. Create a word cloud and take a screen shot to capture it. Wordle.Net Wordle.Net

13. Wingdings/ Webdings/ Hoefler Text Ornaments are a quick and easy source of graphics

14. Seashore for Macs http://seashore.sourceforge.net/ http://seashore.sourceforge.net/ Open Source Image Editing software for the Mac. GIMP (GIMP is an acronym for GNU Image Manipulation Program) www.gimp.org open source photo editing software for Mac OS X or Windows www.gimp.org Picassa http://picasa.google.com Free photo editing software by Google http://picasa.google.com

16. 1. Linking to hidden resources 2. Embedding Webpages, Widgets and Gadgets 3. Copying and pasting html from a wysiwyg editor

18. Step by Step instructions for linking to activities: 1. Under "Course Settings", Choose "Topic Format" 2. Create 2 topics 3. Add Activities and lessons to the second topic 4. Right click on any of the activities and go to properties. 5. Copy the URL of the resource. 6. This URL may then be linked to a graphic in topic 1. 7. Now go back to settings to change the number of topics from 2 to 1.

19. Using embed scripts that are available on many websites you may easily add features to your Moodle page. This is called a Mash-up.

20. Example: youtube.com (if youtube is blocked your movie will be blocked)

22. Other sites that permit embedding of videos or small apps (widgets or gadgets): Teacher Tube (videos) www.teachertube.com Nings (videos) www.ning.org PageFlakes www.pageflakes.com Widgetbox www.widgetbox.com Yahoo Widgets www.widgets.yahoo.com Google Gadgets http://www.google.com/ig/ directory?synd=open

23. Example of an embedded website using iframes: http://eclass.roe51.org/mod/res ource/view.php?id=197 http://eclass.roe51.org/mod/res ource/view.php?id=197

24. This example was made with the NVU html editor which is available for free at nvu.com

27. This is what the Moodle web page looks like with the code that was copied and pasted.

28. 1.Chameleon Theme, CSS 2. Finding new themes online 3. Create your own favicon

29. http://docs.moodle.org/en/Chameleon Chameleon offers almost complete control over the style of your Moodle page. Shift click anywhere on the Chameleon page to open a dialog box which allows you to: 1. create a CSS selector to edit 2. browse an overview of your edited styles 3. edit your complete stylesheet by hand

37. Chameleon Theme Test Site This is a website to try out the features of the chameleon theme. Login with the username and password: chameleon http://chameleon-theme.unodo.de/

38. Many favicon generators are available online. Favicon.cc was used to create the favicon in this example. Http://www.favion.ccHttp://www.favion.cc

39. After creating your favicon, save it as "favicon.ico"

40. After creating your favicon, save it as "favicon.ico"

42. Additional Moodle themes may be found here: http://moodle.org/mod/data/view.ph p?id=6552

43. Download the desired theme, which will be a.zip file. Unzip the theme Put the folder which contains the unzipped theme into the theme folder of Moodle. Further instructions may be found here: http://docs.moodle.org/en/Theme_basics http://docs.moodle.org/en/Theme_basics

44. Resources used in this presentation

45. Try this out yourself on the Moodle Demo Site! http://demo.moodle.org/