&

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

Simple Page Busy Page

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

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

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: Upload the logo.jpg file to your site files folder

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:

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

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

Seashore for Macs Open Source Image Editing software for the Mac. GIMP (GIMP is an acronym for GNU Image Manipulation Program) open source photo editing software for Mac OS X or Windows Picassa Free photo editing software by Google

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

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 Now go back to settings to change the number of topics from 2 to 1.

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

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

Other sites that permit embedding of videos or small apps (widgets or gadgets): Teacher Tube (videos) Nings (videos) PageFlakes Widgetbox Yahoo Widgets Google Gadgets directory?synd=open

Example of an embedded website using iframes: ource/view.php?id=197 ource/view.php?id=197

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

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

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

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

Chameleon Theme Test Site This is a website to try out the features of the chameleon theme. Login with the username and password: chameleon

Many favicon generators are available online. Favicon.cc was used to create the favicon in this example.

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

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

Additional Moodle themes may be found here: p?id=6552

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:

Resources used in this presentation

Try this out yourself on the Moodle Demo Site!