Creating a Heading in Moodle - adding an image

1.  Select the desired Moodle course.

2.  Move the mouse curser to the top right corner.  Select Turn editing on.

3.  Move the mouse curser to the desired topic block.

4.  Select the hand(hand icon) in the top left corner of the topic block.  A new window will open.

5.  Type the heading in the Summary text box.

6.  Highlight the text to make changes using the HTML editor tool bar. (refer to picture below) 

html font textformat fontstyle script edit undo/redo alignment tabs lists color line anchor image table smileyface specialcharacter findreplace code editorenlarger line links

7. Select Save Changes at the bottom. The course's main page will open.  View the heading.  If changes need to be made, select the handunder the heading.

 

HTML tool bar attribute information

circle Font - Moodle has a few fonts to use to change the appearance of the text.

font

back to HTML tool bar

circle Point Size - determines how large or small the font will appear.

pointsize

back to HTML tool bar

circle Text format - Changes the size and style of the text. It is recommended to use a text format if the heading is more than one line.

format

back to HTML tool bar

circle Font style - Changes the appearance of the text.

bold = bold italic = italic underline = underline strikethrough = strike through

back to HTML tool bar

circle Subscript - changes text to be smaller and lowered. Superscript - changes text to be smaller and higher.

scriptexamples

back to HTML tool bar

circle Edit word - Eliminate Word formatting from text added to Moodle.

back to HTML tool bar

circle Undo undo - to undo last action. Redo redo - to redo last action.

back to HTML tool bar

circle Alignment - Changes where the text is positioned on the page.

leftaligned = left aligned center = center aligned right = right aligned justified = justified aligned

back to HTML tool bar

circle Tabs - Indents text from the right or left. To remove tab, re-select the chosen icon.

righttab = moves text from right to left lefttab = moves text from left to right 

back to HTML tool bar

circle Lists - Organize points by numbers or bullets. Press enter to end the numbers/bullets.

numberlist = numbered list = bulleted list leftlisttab = move list to left rightlisttab = move list to right

back to HTML tool bar

circle Color - Moodle has various colors to change the appear of the text.

colortext = add color to the selected text.  colorbucket = add color behind the selected text.

back to HTML tool bar

circle Horizontal line line - a horizontal line can be used to separate text or add decorative feature. 

back to HTML tool bar

circle Anchor anchor. - is a link to different areas of the topic block. This can be used to easily navigate through information.

  bulletTo create a anchor:

i. Highlight a word that will become a link to the bottom of the topic block.

ii. Select anchor. anchor. A window will open.

createanchor

iii. Type in the desired name for the anchor. Select o.k.

iv. Highlight the same word. Select link link. A new window will open.

anchorlink

v. Select the correct anchor title. Select o.k.

back to HTML tool bar

circle Links - Moodle allows text to link to a web site.

link = link removelink = remove link from text stoplink = stops Moodle from linking text into the glossary activity tool.

bulletTo create a Link:

i. Highlight the desired text that will become the link to the web site. A new window entitled insert link will open.

ii. Type in the desired URL, the title of the web site. Select the target area where the web site will open to be viewed.

insertlink

back to HTML tool bar

circle Image - Pictures can be saved and inserted in the heading.

bulletTo insert an image:

i. Select image. A new window entitled insert image will open.

inertimage

ii. Move the mouse cursor to the bottom left corner and select browse.  A new window entitled file upload will open.

iii. Search for the desired image and select open. 

iv. Select Upload towards the bottom of the insert image window. 

imagetext

v. Select the blue title of the desired file.  The image will appear to the right of the files list.

vi. Type in the alternate text box a short title to describe the picture. 

vii. Select ok at the top right corner.

imagetext

back to HTML tool bar

circle Table - A table can be added in the heading by selecting  table. If more table options are need, select enlarger from the far right corner of the HTML tool bar.

back to HTML tool bar

circle Smiley face - Moodle has a feature that enables users to "show emotion"

i. Double click smiley to insert a smiley face.  A new window open.

ii. Select the desired face.

back to HTML tool bar

circle Special Character - Moodle offers characters that may enhance a heading.

i. Double click specialcharacters to insert a special character. A new window open.

choosecharacter

ii. Select the desired special character, then select close.

back to HTML tool bar

circle Find and Replace findreplace - Save time by using this feature to find and replace words within the topic block.

back to HTML tool bar

circle Code - to view, write or read HTML code, select code.

back to HTML tool bar

circle Editor enlarger - for more HTML tool bar option are needed, Select enlarge.

back to HTML tool bar

 

 

By Laura M. Christensen copywrite 2008