Html block
Upcoming SlideShare
Loading in...5
×
 

Html block

on

  • 245 views

moodle training

moodle training

Statistics

Views

Total Views
245
Views on SlideShare
243
Embed Views
2

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 2

http://foonyew.edu.my 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Html block Html block Presentation Transcript

  • Html blockA HTML block is a standardblock used to add text orimages on a site or coursepage. The title bar can be leftblank.
  •  It has the standard Moodle HTML editor for formatting text, adding images or creating links, switching to code view and allows any valid HTML markup to be used. This enables embedding video, sounds, Flash, and other files which can add unique elements to a course or site page.
  • 1. Log in as a teacher in your class ,then turn editing on.2. The blocks is in the right bottom .3. Click the small triangle in the right of the word add to pull down the menu.  4. Select HTML.
  • A new HTML block appear in the right.
  • Click the configuration to add content to the HTMLblock.
  • The HTML block editing page.
  • Click <>.
  • After clicking < >,we are ready to paste thehtml code .
  • Search Widget1.Seach in google, type widget for web page.2.Go tohttp://www.google.com/ig/directory?3. Go tohttp://www.widgetbox.com/home/gu
  • Go to the widgetbox.
  • Click Gallery.
  • The gallery page.
  • Click education.
  • The education page.
  • Select the widget.
  • The widget selected. Click Get Widget
  • Click copy.
  • Return to the moodle site ,to paste the code.Right click, select paste.
  • The html code is pasted.
  • Remember to click save change.
  • The widget appear in the HTML block.
  • Thank you. Prepared by: Yong Pau Fong