Course homepage: Difference between revisions

From MoodleDocs
m (formatting)
No edit summary
 
(137 intermediate revisions by 18 users not shown)
Line 1: Line 1:
{{Courses}}
{{Courses}}
== 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. 
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]]]
===Parts of a course homepage===
===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.
{| style="width:75%; height:200px" border="1"
|-
| Column left || Course sections - Center || Column right
|-
|-
| *1 [[Course_settings#Full_name|Course full name]] || *6 Section header & [[News forum|News topic]] || *9 Login information
|- 
| *2 [[Course_settings#Short_name|Navigation bar]] ||*7 Current week - First section || *10 Turn editing on button
|-
| *4 [[Navigation block]]|| *8 Future week  - Second section|| *11 [[Latest News block|Latest news]]
|-
| *5 [[Settings block]]||*14 "Show only this section"  || *12 [[Upcoming Events block|Upcoming events]]
|-
| *15 "Switch role to"||  || *13 [[Recent Activity block|Recent activity]]
|-
| *16 User profile settings ||  ||
|-
| *17 Site Administration || ||
|}
==Adding activities and resources==
[[File:activity chooser.png|thumb|The activity chooser]]
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.{{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.
===Drag and drop method===
{{New features}}
*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


==Adding blocks==
To add a block to the course page
#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==
A Moodle course can look very different according to the theme and course format (layout). Here are a blank course page using the [[Boost theme]] and the Classic theme, both with standard weekly format:
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:'':
[[File:BlankBoost4v.png|thumb|center||600px|Empty course with Boost theme]]
[[File:BlankClassic4v.png|thumb|600px|center|Empty course with Classic theme]]
====Boost theme====


:[[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}}
{{MediaPlayer | url = https://youtu.be/ScT3hBTT3ps | desc = Overview of course editing}}
1. Course navigation. These provide a quick way for the teacher to access important aspects of the course. The More link takes you to, for example, the Content and Question banks and Course reuse which incorporates Backup, Restore, Import, Reset and Copy.


:[[Image:Edit.gif]] - the edit icon allows you to change the wording or settings of the item.
2. Course index. This is a scrollable, collapsible drawer that displays course sections and elements. As you move up and down the central course area, your location is highlighted in the Course index. Clicking on an item in the Course index will open it up directly in the course central area.


:[[File:Duplicateicon.png]] - the duplicate icon allows you to copy an activity or resource within your course
3. Edit mode toggle. An easy way to toggle edit mode on and off.


:[[Image:Open.gif]] - the open-eye icon means an item is visible to students. It will close when you click on it
4. Block drawer. This is not visible until you have enabled edit mode and added a block. The block drawer can be collapsed and expanded as a user preference.


:[[Image:Closed.gif]] - the closed-eye icon means an item is hidden from students. It will open when you click on it


:[[Image:Right.gif]] - the right icon is used to indent course elements (there is also a left icon)
5. [[Course formats|Course sections]]


:[[Image:Move.gif]] - the move icon allows course elements to be placed anywhere
Here is where the learning materials are displayed. This element may be arranged in one or multiple weeks, topics, forums or other (non-standard) layouts.


:[[Image:Movehere.gif]] - the move here icon appears when moving a course element. Click into the box to re-locate your item.  
6. Collapse all. Sections can be collapsed and expanded individually or you can use the Collapse all link to collapse them all at once.
====Classic theme====
1.[[Navigation block]]


:[[File:Updownarrow.png]] - the up/down arrows allow you to move course sections up or down.
Normally visible on all pages, this block helps you find your way around the course and site.


:[[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''
2.[[Administration block]]


Again, normally visible on all pages, this block gives different levels of access to teachers and students.


:[[Image:Delete.gif]] - the delete icon will permentantly delete something from the course
3. Turn editing on
A clearly visible button allows you to turn editing on and off.


:[[File:Groupsicon.png]] - the groups icon allows you to change between no groups or separate/visible groups
4. [[Course formats|Course sections]]


:[[File:Rolesicon.png]] - the roles icon allows you to assign roles locally in the item.
Here is where the learning materials are displayed. This element may be arranged in one or multiple weeks, topics, forums or other (non-standard) layouts.


The following icons are visible when editing is both on and off
5. Collapse all. Sections can be collapsed and expanded individually or you can use the Collapse all link to collapse them all at once.


The following icon only applies to sections
6.[[Blocks|Side blocks]]


:[[Image:Marker.gif]] - the highlight  icon allows you to highlight a section as current
Side blocks can be added when the editing is turned on.


==Adding or reducing course sections==
Which blocks you see depend on what the administrator has selected and what you as teacher choose to add.
{{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]]


==Moving sections or blocks on your course's homepage==
===To edit a course section===
# Enable Edit mode/turn editing on
#Quickly rename sections from the pencil icon.


===To move a Block===


Blocks appear at the side(s) of your course area.  
If [[Restrict access]] is enabled for the site, access to the section (including all activities and resources within it) may be restricted.
===To move a course section===
(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.)
#Enable edit mode/turn editing on
#Drag and drop the section either from the course central area or the Course index to your chosen location.
If your course is long you can also drag from the central area to a location in the Course index, and/or you can click the three dots next to a section, select Move and choose the location to move it to.
[[File:Move34.png|thumb|center|400px]]
===To add course sections===
#Enable edit mode/turn editing on.
#If you are using Topics then find the location you want to add a new section and click Add topic.
#If you are using Weeks then go to the bottom of the course page and click Add week.
[[File:Addtopic4.png|thumb|400px|center|Adding sections]]
===To delete a course section===
With the editing turned on, click the 'Edit' link to the right of the course section you wish to delete and then, from the menu that displays, click 'X Delete'. You will be prompted to confirm your wish to delete the section and its contents. Note that all activities inside the section and their user data will also be deleted. Use the [[Recycle bin]] to reverse this if you do it by mistake.
===To link course sections===
An admin setting ''Always link course sections'' can be enabled from ''Site administration > Appearance > Navigation'' and will link course sections so that when a course section name is clicked in the navigation block or the central content area, it will go directly to that section.
==Blocks==
The Boost and Classic themes only only displays blocks on the right, although contributed themes might display them on the left.  


If the user has Advanced web features enabled in their profile, blocks may be moved by drag and drop. {{New features}}
To add a block to the course page
# turn editing on and click onto the block title until the crosshair icon appears as in the screenshot below
#Enable Edit mode top right.
#Expand the block drawer and click Add block. Select your block.
To move a block
#With Edit mode on, click the crosshair icon on a block.
#While keeping the block selected, drag it to where you want to position it and let go.
#While keeping the block selected, drag it to where you want to position it and let go.
[[File:moveblocksnew.png]]


==Activities and resources==
To add an activity or resource to the course
*Enable Edit mode.


If the user does not have Advanced web features enabled in their profile, blocks may be moved as follows:
*Click 'Add an activity or resource' to open the activity chooser. Double-click to add an activity or resource; click the i for more information and click the star icon to add it to a separate, starred tab.
#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.
Alternatively, certain resources and activities may be added using drag and drop:
 
*To add a [[File|file]], simply drag and drop it onto the course section where you'd like it to appear
[[File:Moveblocks.png]]
*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
#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.
:
#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==
 
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.
 
==Tips and tricks==
 
*Make your course home page look more like a webpage - see [[Course FAQ]]
 
==Course homepage capabilities==
==Course homepage capabilities==
*[[Capabilities/moodle/course:sectionvisibility|Control section visibility]]
*[[Capabilities/moodle/course:sectionvisibility|Control section visibility]]
*[[Capabilities/moodle/course:setcurrentsection|Set current section]]
*[[Capabilities/moodle/course:setcurrentsection|Set current section]]


==See also==
* [[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:Página principal del curso]]
[[fr:Page de cours]]
[[fr:Page d'accueil de cours]]
[[ja:コースホームページ]]
[[ja:コースホームページ]]
[[de:Kursseite]]
[[de:Kursseite]]

Latest revision as of 10:16, 14 November 2022

Parts of a course homepage

A Moodle course can look very different according to the theme and course format (layout). Here are a blank course page using the Boost theme and the Classic theme, both with standard weekly format:

Empty course with Boost theme
Empty course with Classic theme

Boost theme

Overview of course editing

1. Course navigation. These provide a quick way for the teacher to access important aspects of the course. The More link takes you to, for example, the Content and Question banks and Course reuse which incorporates Backup, Restore, Import, Reset and Copy.

2. Course index. This is a scrollable, collapsible drawer that displays course sections and elements. As you move up and down the central course area, your location is highlighted in the Course index. Clicking on an item in the Course index will open it up directly in the course central area.

3. Edit mode toggle. An easy way to toggle edit mode on and off.

4. Block drawer. This is not visible until you have enabled edit mode and added a block. The block drawer can be collapsed and expanded as a user preference.


5. Course sections

Here is where the learning materials are displayed. This element may be arranged in one or multiple weeks, topics, forums or other (non-standard) layouts.

6. Collapse all. Sections can be collapsed and expanded individually or you can use the Collapse all link to collapse them all at once.

Classic theme

1.Navigation block

Normally visible on all pages, this block helps you find your way around the course and site.

2.Administration block

Again, normally visible on all pages, this block gives different levels of access to teachers and students.

3. Turn editing on A clearly visible button allows you to turn editing on and off.

4. Course sections

Here is where the learning materials are displayed. This element may be arranged in one or multiple weeks, topics, forums or other (non-standard) layouts.

5. Collapse all. Sections can be collapsed and expanded individually or you can use the Collapse all link to collapse them all at once.

6.Side blocks

Side blocks can be added when the editing is turned on.

Which blocks you see depend on what the administrator has selected and what you as teacher choose to add.


To edit a course section

  1. Enable Edit mode/turn editing on
  2. Quickly rename sections from the pencil icon.


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

To move a course section

(Note:The ability to move course sections is controlled by the capability moodle/course:movesections, which is allowed for the default role of teacher.)

  1. Enable edit mode/turn editing on
  2. Drag and drop the section either from the course central area or the Course index to your chosen location.

If your course is long you can also drag from the central area to a location in the Course index, and/or you can click the three dots next to a section, select Move and choose the location to move it to.

Move34.png

To add course sections

  1. Enable edit mode/turn editing on.
  2. If you are using Topics then find the location you want to add a new section and click Add topic.
  3. If you are using Weeks then go to the bottom of the course page and click Add week.
Adding sections

To delete a course section

With the editing turned on, click the 'Edit' link to the right of the course section you wish to delete and then, from the menu that displays, click 'X Delete'. You will be prompted to confirm your wish to delete the section and its contents. Note that all activities inside the section and their user data will also be deleted. Use the Recycle bin to reverse this if you do it by mistake.

To link course sections

An admin setting Always link course sections can be enabled from Site administration > Appearance > Navigation and will link course sections so that when a course section name is clicked in the navigation block or the central content area, it will go directly to that section.

Blocks

The Boost and Classic themes only only displays blocks on the right, although contributed themes might display them on the left.

To add a block to the course page

  1. Enable Edit mode top right.
  2. Expand the block drawer and click Add block. Select your block.

To move a block

  1. With Edit mode on, click the crosshair icon on a block.
  2. While keeping the block selected, drag it to where you want to position it and let go.

Activities and resources

To add an activity or resource to the course

  • Enable Edit mode.
  • Click 'Add an activity or resource' to open the activity chooser. Double-click to add an activity or resource; click the i for more information and click the star icon to add it to a separate, starred tab.

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

Course homepage capabilities