&. open source course management system online dynamic web sites by teachers for students...
TRANSCRIPT
&
•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 forcechameleoncornflowercustom_cornersformal_whitemetaloceanblueorangewhite
organgewhitepdastandardstandardbluestandardgreenstandardlogostandardredstandardwhitewood
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/
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: http://eclass.roe51.org/course/view.php?id=26
Wingdings/ Webdings/ Hoefler Text Ornaments are a quick and easy source of graphics
Seashore for Macs 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 Picassahttp://picasa.google.comFree 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 topics3. Add Activities and lessons to the second topic4. 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.
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)
<object width="425" height="344"><param
name="movie" value="http://www.youtube.com/v/VjnygQ02a
W4&hl=en_US&fs=1&color1=0xe1600f&color2=0xfebd01"></param><param
name="allowFullScreen" value="true"></param><param
name="allowscriptaccess" value="always"></param><embed
src="http://www.youtube.com/v/VjnygQ02aW4&hl=en_US&fs=1&color1=0xe1600f&color2=0xfebd01" type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
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 Gadgetshttp://www.google.com/ig/directory?synd=open
Example of an embedded website using iframes: http://eclass.roe51.org/mod/resource/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
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 edit2. browse an overview of your edited styles3. 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
http://chameleon-theme.unodo.de/
Many favicon generators are available online. Favicon.cc was used to create the favicon in this example. Http://www.favion.cc
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: http://moodle.org/mod/data/view.php?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: http://docs.moodle.org/en/Theme_basics
Resources used in this presentation
Try this out yourself on the Moodle Demo Site!
http://demo.moodle.org/