Note: You are currently viewing documentation for Moodle 2.4. Up-to-date documentation for the latest stable version of Moodle may be available here: Course homepage.

Course homepage: Difference between revisions

From MoodleDocs
(→‎Adding elements to your course home page: drag and drop of file, reorganising)
(→‎See also: copied from 2.5 docs)
 
(20 intermediate revisions by 4 users not shown)
Line 3: Line 3:
Our examples will be for a course homepage that is the standard default for a new install on a site.  There are many course options that determine a course's appearance and make it look very different from our examples. The example course has a header, a footer (both content largely determined by a theme) and 3 columns in the middle.   
Our examples will be for a course homepage that is the standard default for a new install on a site.  There are many course options that determine a course's appearance and make it look very different from our examples. The example course has a header, a footer (both content largely determined by a theme) and 3 columns in the middle.   


Here are basic elements of a course page and links to Moodle documentation.
[[Image:Blankcourselayout.png|thumb|600px|none|Example of Weekly format, teacher view, edit off - [https://docs.moodle.org/20/en/File:Blankcourselayout.png full resolution here]]]
[[Image:Blankcourselayout.png|thumb|600px|none|Example of Weekly format, teacher view, edit off - [https://docs.moodle.org/20/en/File:Blankcourselayout.png full resolution here]]]


Line 28: Line 27:
|}
|}


==Adding elements to your course home page==
==Course sections==  
[[File:activity chooser.png|thumb|The activity chooser]]
To add an activity or resource
#Turn on the editing by clicking the button top right or the link in ''Settings > Course administration.''
#Click 'Add an activity or resource' to open the new activity chooser. Select an activity or resource then click the Add button, or simply double-click on the activity or resource name.{{New features}}
[[File:Addresourceactivitydropdown.png|thumb|Dropdown menus for adding resources and activities]]
If desired, the activity chooser can be switched off via ''Settings > Course administration > Activity chooser off''. Activities and resources can then be added using dropdown menus.


Tip: To quickly add a file, simply drag and drop it onto the course section where you'd like it to appear.
Course sections are displayed in the centre of the course page.


To add a block
To edit a course section:
#Turn on the editing by clicking the button top right or the link in ''Settings > Course administration''
#Click the "Add block" dropdown which is usually situated bottom right of the page


==Editing elements on your course homepage==
# Turn editing on
With the editing turned on, each item on your course homepage and each section/block will have icons next to it which all perform different functions such as edit/move/copy/delete/hide. '''Note:''' ''your theme may have icons different from these below:'':
# Click the edit icon after the section title


:[[Image:quickrename.png]] - the pencil icon allows to rename your item directly on the course page without entering the settings for that item. {{New features}}
If [[Conditional activities]] are enabled for the site, access to the section (including all activities and resources within it) may be restricted.  


:[[Image:Edit.gif]] - the edit icon allows you to change the wording or settings of the item.
The number of course sections in the centre column may be changed in ''Settings > Course administration > Edit settings'' or by clicking the plus or minus icons at the bottom of the course page when editing is turned on.


:[[File:Duplicateicon.png]] - the duplicate icon allows you to copy an activity or resource within your course
{|
| [[File:editing a section.png|thumb|Editing a course section]]
| [[File:increasereduce.png|thumb|Changing the number of course sections]]
|}


:[[Image:Open.gif]] - the open-eye icon means an item is visible to students. It will close when you click on it
To move a course section:
#Turn editing on
#Click the up/down arrow or the crosshairs icon to move the section
#Drag the section to where you want to position it and let go


:[[Image:Closed.gif]] - the closed-eye icon means an item is hidden from students. It will open when you click on it
{{New features}}Note: The ability to move course sections is controlled by the capability [[Capabilities/moodle/course:movesections|moodle/course:movesections]], which is allowed for the default role of teacher.


:[[Image:Right.gif]] - the right icon is used to indent course elements (there is also a left icon)
==Blocks==


:[[Image:Move.gif]] - the move icon allows course elements to be placed anywhere
Blocks are displayed in the right and/or left columns of the course page.


:[[Image:Movehere.gif]] - the move here icon appears when moving a course element. Click into the box to re-locate your item.
To add a block to the course page


:[[File:Updownarrow.png]] - the up/down arrows allow you to move course sections up or down.
#Turn on the editing by clicking the button top right or the link in ''Settings > Course administration''
#Select a block from the "Add block" dropdown menu (usually situated bottom right of the page)


:[[File:Ajaxmoveicon.png]]- the "crosshairs" move icon allows you to move items or sections by dragging and dropping. It appears if your admin has enabled Ajax in ''Settings > Site Administration > Appearance > Ajax and Javascript''
To move a block
#Ensure editing is turned on then click onto the block title until the crosshair icon appears
#While keeping the block selected, drag it to where you want to position it and let go.
 
Alternatively
#Click on the up/down arrow
#Click on the place holder (a zone with a dashed border) where you want the block to appear.


{|
| [[File:moveblocksnew.png|thumb|Crosshair icon for moving a block]]
| [[File:Moveblocks.png|thumb|Up/down arrow icon for moving a block]]
|}


:[[Image:Delete.gif]] - the delete icon will permentantly delete something from the course
==Activities and resources==


:[[File:Groupsicon.png]] - the groups icon allows you to change between no groups or separate/visible groups
To add an activity or resource to the course
#Turn on the editing by clicking the button top right or the link in ''Settings > Course administration.''
#Click 'Add an activity or resource' to open the new activity chooser. Select an activity or resource then click the Add button, or simply double-click on the activity or resource name.


:[[File:Rolesicon.png]] - the roles icon allows you to assign roles locally in the item.
If desired, the activity chooser can be switched off via ''Settings > Course administration > Activity chooser off''. Activities and resources can then be added using dropdown menus. (The setting appears only when editing is turned on.)


The following icons are visible when editing is both on and off
'''Note:''' The Moodle admin can switch this off by default in ''Settings > Site administration > Appearance > AJAX and Javascript'' to avoid confusion for people coming from 1.9 to Moodle 2.4.


:[[Image:One.gif]] - This icon is used to show only the selected section
{|
| [[File:activity chooser.png|thumb|The activity chooser]]
|}


:[[Image:All.gif]] - This icon is used to show all sections in a course
Alternatively, certain resources and activities may be added using drag and drop:


The following icon only applies to sections
*To add a [[File|file]], simply drag and drop it onto the course section where you'd like it to appear
*To add a [[Folder|folder of files]], simply zip the folder then drag and drop it onto the course section where you'd like it to appear, answer 'Unzip files and create folder' to the popup dialogue, then click the upload button
*To add a [[SCORM module|SCORM package]], simply drag and drop it onto the course section where you'd like it to appear, answer 'Add a SCORM package' to the popup dialogue, then click the upload button


:[[Image:Marker.gif]] - the highlight  icon allows you to highlight a section as current
==Editing elements on your course homepage==
With the editing turned on, each item on your course homepage and each section/block will have icons next to it which all perform different functions such as edit/move/copy/delete/hide. '''Note:''' ''Your theme may have icons different from these below:''


====Adding or reducing course sections====
{{New features}}
{{New features}}
The number of course sections may be increased or reduced not only via ''Settings>Course administration>Edit settings'', but also directly on the course page. Underneath the final section, when editing is turned on, there is a plus/minus sign. Click the plus sign to increase the sections by one. Click the minus sign to decrease the sections by one:


[[File:increasereduce.png]]
:[[Image:quickrename24.png]] - the pencil icon allows to rename your item directly on the course page without entering the settings for that item.


===Moving sections or blocks on your course's homepage===
:[[Image:edit24.png]] - the edit icon allows you to change the wording or settings of the item.


====To move a Block====
:[[File:duplicate24.png]] - the duplicate icon allows you to copy an activity or resource within your course


Blocks appear at the side(s) of your course area.  
:[[Image:hide24.png]] - the open-eye icon means an item is visible to students. It will close when you click on it


If the user has Advanced web features enabled in their profile, blocks may be moved by drag and drop. {{New features}}
:[[Image:closedeye24.png]] - the eye with a strike through icon means an item is hidden from students. It will open when you click on it
# turn editing on and click onto the block title until the crosshair icon appears as in the screenshot below
 
#While keeping the block selected, drag it to where you want to position it and let go.
:[[Image:indent24.png]] - the right  arrow icon is used to indent course elements (there is also a left icon)
[[File:moveblocksnew.png]]
 
:[[Image:moveajax24.png]]- the move icon allows you to move items or sections by dragging and dropping.
 
:[[Image:movenoajaz241.png]] - this move icon appears if you don't have Ajax enabled.
 
:[[Image:movenoajax24.png]] - the move here icon appears when moving a course element without Ajax. Click into the box to re-locate your item.


:[[File:topicmove24.png]] - the up/down arrows allow you to move course sections up or down and  appear if you do not have Ajax enabled.


If the user does not have Advanced web features enabled in their profile, blocks may be moved as follows:o
:[[Image:delete24.png]] - the delete icon will permanently delete something from the course
#Turn editing On and *click and release* the Block's crosshair icon. Place holders - zones with a dashed border - appear on the screen indicating the possible areas where your Block can appear.


[[File:Moveblocks.png]]
:[[File:groups24.png]] - the groups icon allows you to change between no groups or separate/visible groups


#Click the placeholder where you want the Block appear. On course area homepages, you can move Blocks from one side to the other, but not into the middle.
:[[File:assignroles24.png]] - the roles icon allows you to assign roles locally in the item.
#The block should now appear in the location you chose.


====To move a Section====
To move a Topic or Week section:
#turn editing on
#click the up or down arrow or the crosshairs icon  to move the section


==Displaying activity descriptions on the course page==
The following icon only applies to sections


Activity and resource descriptions can be displayed on the course page just below the link to the activity or resource by clicking the 'Display description on course page' checkbox in the activity or resource settings.
:[[Image:lightbulb24.png]] - the highlight  icon allows you to highlight a section as current.


==Tips and tricks==
==Tips and tricks==


*Make your course home page look more like a webpage - see [[Course FAQ]]
*Make your course home page look more like a webpage - see [[Course FAQ]]
*Activity and resource descriptions can be displayed on the course page just below the link to the activity or resource by clicking the 'Display description on course page' checkbox in the activity or resource settings.


==Course homepage capabilities==
==Course homepage capabilities==
Line 127: Line 141:


==See also==
==See also==
*[http://prezi.com/oays--oappai/making-my-moodle/ A useful Prezi from a student teacher on designing an effective Moodle course]
*[http://youtu.be/Je9udHLCIv0 How to quickly rename activities and use the activity chooser screencast]
*[http://youtu.be/1You5H_NXM0 Quickly add a course section in Moodle 2.3 screencast]
*[http://youtu.be/Yy6-Sg7z7A4 Drag and drop blocks in Moodle 2.3 screencast]


* [[Course settings]] for details of how to change the number of sections displayed on the course homepage
* Screencast [http://youtu.be/Je9udHLCIv0 How to quickly rename activities and use the activity chooser]
*Screencast [http://youtu.be/1You5H_NXM0 Quickly add a course section in Moodle 2.3]
*Screencast [http://youtu.be/Yy6-Sg7z7A4 Drag and drop blocks in Moodle 2.3]
[[es:course/view]]
[[es:course/view]]
[[fr:Page de cours]]
[[fr:Page de cours]]
[[ja:コースホームページ]]
[[ja:コースホームページ]]
[[de:Kursseite]]
[[de:Kursseite]]

Latest revision as of 11:33, 30 April 2013

Standard view of a blank course

Our examples will be for a course homepage that is the standard default for a new install on a site. There are many course options that determine a course's appearance and make it look very different from our examples. The example course has a header, a footer (both content largely determined by a theme) and 3 columns in the middle.

Example of Weekly format, teacher view, edit off - full resolution here

Parts of a course homepage

Using the above image, here are the parts of a typical course homepage. It is possible to move and hide parts of the page and different themes display blocks in different regions, so not all courses will look like this.

Column left Course sections - Center Column right
*1 Course full name *6 Section header & News topic *9 Login information
*2 Navigation bar *7 Current week - First section *10 Turn editing on button
*4 Navigation block *8 Future week - Second section *11 Latest news
*5 Settings block *14 "Show only this section" *12 Upcoming events
*15 "Switch role to" *13 Recent activity
*16 User profile settings
*17 Site Administration

Course sections

Course sections are displayed in the centre of the course page.

To edit a course section:

  1. Turn editing on
  2. Click the edit icon after the section title

If Conditional activities are enabled for the site, access to the section (including all activities and resources within it) may be restricted.

The number of course sections in the centre column may be changed in Settings > Course administration > Edit settings or by clicking the plus or minus icons at the bottom of the course page when editing is turned on.

Editing a course section
Changing the number of course sections

To move a course section:

  1. Turn editing on
  2. Click the up/down arrow or the crosshairs icon to move the section
  3. Drag the section to where you want to position it and let go

New feature
in Moodle 2.4!
Note: The ability to move course sections is controlled by the capability moodle/course:movesections, which is allowed for the default role of teacher.

Blocks

Blocks are displayed in the right and/or left columns of the course page.

To add a block to the course page

  1. Turn on the editing by clicking the button top right or the link in Settings > Course administration
  2. Select a block from the "Add block" dropdown menu (usually situated bottom right of the page)

To move a block

  1. Ensure editing is turned on then click onto the block title until the crosshair icon appears
  2. While keeping the block selected, drag it to where you want to position it and let go.

Alternatively

  1. Click on the up/down arrow
  2. Click on the place holder (a zone with a dashed border) where you want the block to appear.
Crosshair icon for moving a block
Up/down arrow icon for moving a block

Activities and resources

To add an activity or resource to the course

  1. Turn on the editing by clicking the button top right or the link in Settings > Course administration.
  2. Click 'Add an activity or resource' to open the new activity chooser. Select an activity or resource then click the Add button, or simply double-click on the activity or resource name.

If desired, the activity chooser can be switched off via Settings > Course administration > Activity chooser off. Activities and resources can then be added using dropdown menus. (The setting appears only when editing is turned on.)

Note: The Moodle admin can switch this off by default in Settings > Site administration > Appearance > AJAX and Javascript to avoid confusion for people coming from 1.9 to Moodle 2.4.

The activity chooser

Alternatively, certain resources and activities may be added using drag and drop:

  • To add a file, simply drag and drop it onto the course section where you'd like it to appear
  • To add a folder of files, simply zip the folder then drag and drop it onto the course section where you'd like it to appear, answer 'Unzip files and create folder' to the popup dialogue, then click the upload button
  • To add a SCORM package, simply drag and drop it onto the course section where you'd like it to appear, answer 'Add a SCORM package' to the popup dialogue, then click the upload button

Editing elements on your course homepage

With the editing turned on, each item on your course homepage and each section/block will have icons next to it which all perform different functions such as edit/move/copy/delete/hide. Note: Your theme may have icons different from these below:

New feature
in Moodle 2.4!


quickrename24.png - the pencil icon allows to rename your item directly on the course page without entering the settings for that item.
edit24.png - the edit icon allows you to change the wording or settings of the item.
duplicate24.png - the duplicate icon allows you to copy an activity or resource within your course
hide24.png - the open-eye icon means an item is visible to students. It will close when you click on it
closedeye24.png - the eye with a strike through icon means an item is hidden from students. It will open when you click on it
indent24.png - the right arrow icon is used to indent course elements (there is also a left icon)
moveajax24.png- the move icon allows you to move items or sections by dragging and dropping.
movenoajaz241.png - this move icon appears if you don't have Ajax enabled.
movenoajax24.png - the move here icon appears when moving a course element without Ajax. Click into the box to re-locate your item.
topicmove24.png - the up/down arrows allow you to move course sections up or down and appear if you do not have Ajax enabled.
delete24.png - the delete icon will permanently delete something from the course
groups24.png - the groups icon allows you to change between no groups or separate/visible groups
assignroles24.png - the roles icon allows you to assign roles locally in the item.


The following icon only applies to sections

lightbulb24.png - the highlight icon allows you to highlight a section as current.

Tips and tricks

  • Make your course home page look more like a webpage - see Course FAQ
  • Activity and resource descriptions can be displayed on the course page just below the link to the activity or resource by clicking the 'Display description on course page' checkbox in the activity or resource settings.

Course homepage capabilities

See also