Note: You are currently viewing documentation for Moodle 1.9. Up-to-date documentation for the latest stable version is available here: Page content.

Page content

From MoodleDocs
Revision as of 12:56, 6 May 2006 by chris collman (talk | contribs) (→‎Image Insertion: images and directions)

The page content is the typical place a students sees or is linked to information in a lesson. (A work in progress. It will be written for 1.6 Check to see if it applies to 1.5 template as well.--Chris collman 2 21:12, 4 May 2006 (WST) )

Moodle is very robust when it comes to placing content before a student. It has both an HTML source code and a friendly WYSIWYG interface with standard icons for different editing functions.

There will be many links on this page, because these features are used throughout Moodle.

Tool Bar

Toolbar in Ver 1.5.3








BasicHTML_editor

Text Editing

Brief review of text editing features Fonts, Centering, etc Special Characters Colors Paragraph Clean Word HTML

Image Insertion

Ed image.gif



The Image Icon on the tool bar brings up this popup window.

Course Lesson Page Content InsertImage Popup1.GIF
















  1. The basic steps are to locate the file
    1. Using the File Browser Window for previously uploaded files, OR
    2. Upload a file
      1. Locate and click on the location the file will go to in the File Browser Window
      2. Use Browse button to locate file (local machine)
      3. Use Update button to place file in File Browser Window,
  2. click on file in File Browser Window to place file in "Insert URL"
  3. Enter Alternative Text
  4. Optional Use Layout, spacing and size parameters
  • Best practice is to put all of a single activities images in a folder such as "Lesson Example"
    • It is possible to zip a local folder with images and upload it to a course lesson. See files Click here for more information on files.
    • Remember to use the Refresh feature on your browser if the image does not appear to change in the Moodle Lesson.

Links & Anchors

The Link (chain icon)

Ed link.gif

An HTML link creates a path to external, internal or the current page. The icon saves writing code. One method is to copy the address bar from the location you want, click on the link icon,then paste it URL.

There are three fields when the Link icon is used.

    1. URL the web based address.
    2. Title - what appears when the mouse rolls over the link
    3. Target - What kind of window should be called up.
    4. Anchors - A pull down list allows you to select an anchor.

Anchor

Ed anchor.gif


An HTML anchor identifies text within a page which can be referenced by a link. To use the Anchor, highlite the word, then click on the Anchor icon. Give the anchor a name. Anywhere on the page, high lite the word you would like to link to the Anchor. Use the Link icon and the pulldown menu to find the correct anchor.

Tables

Add, edit, adjust

Path

What is that line at the bottom of Page Content show?

Content examples

Description of question or branch page contents Basic and some creative

See Also

Files - MoodeDoc page