4.9. Adding Pages to a Course¶
This topic describes how to add pages, or tabs, to your course.
- Default Pages
- Add a Page
- Hide or Show the Course Wiki Page
- Reorder Pages
- Delete a Page
- Code for Dynamic HTML Schedule
4.9.1. Default Pages¶
By default, your course includes these pages.
- Courseware
- Course Info
- Discussion
- Wiki
- Progress
You can change the order of the Discussion, Wiki, and Progress pages, and you can hide the Wiki page.
4.9.2. Add a Page¶
You can add pages to your course. Each page appears for learners in the navigation bar for your course.
For example, the following navigation bar includes the default pages as well as the additional Course Schedule and Supplements & Instructor’s blog pages.
You can create other pages for the grading policy, course slides, or any other purpose. More examples of pages you can add follow.
- A dynamic HTML calendar, using the template in Code for Dynamic HTML Schedule.
- An instant hangout. See Google Instant Hangout Tool for more information.
In Studio, from the Content menu, select Pages. A page titled Pages opens. This page contains a list of the pages that appear in the navigation bar in your course.
Select Add a New Page. A page with the title Empty is added to the list.
In the row for the new page, select Edit. The HTML editor opens.
Enter content for your page.
For more information about using the editor, see Options for Editing HTML Components.
Select Settings to edit the Display Name. The display name is the name of the page visible to learners in the course.
Select Save.
The new page is immediately available to learners if the course has started.
4.9.3. Hide or Show the Course Wiki Page¶
By default, your course includes a wiki page. Learners and the course team can use the wiki to post content as well as comment on other people’s content. For details, see Using the Course Wiki.
If you do not want to use a wiki in your course, you can hide the page.
In the Pages list, the eye icon that appears next to the Wiki page indicates that the wiki is visible in your course.
Select the eye icon to hide the Wiki page. The icon changes as shown in this example.
Select it again to make the Wiki page visible.
Note
Content remains in the wiki when you hide the page. For example, if a student bookmarks a wiki topic, then you hide the Wiki page, the student can still use the bookmark to access that wiki topic. All content that was previously posted in the wiki remains available after you hide the wiki page, and any students logged in to edX can access the content if they know the URL.
4.9.4. Reorder Pages¶
To reorder the pages in your course you can drag a page to different location in the navigation bar and drop it there.
To move a page, hover over the element handle on the right side of the page row until the mouse pointer changes to a four-headed arrow. Then select and drag the page to the location that you want.
Note
You cannot reorder the Courseware or Course Info pages.
4.9.5. Delete a Page¶
To delete a page that you previously added, select the trash can icon in the row for the page. You are prompted to confirm the deletion.
Note
You cannot delete the Courseware, Course Info, Discussion, or Progress pages. You can hide the course Wiki page.
4.9.6. Code for Dynamic HTML Schedule¶
You can use the following code in a page to provide a dynamic HTML schedule in your course.
Note
Paste the following code into the page using either the visual editor or the raw HTML editor. Do not paste the code directly into the visual editor.
<div class= "syllabus">
<table style="width: 100%">
<col width="10%">
<col width="15%">
<col width="10%">
<col width="30%">
<col width="10%">
<col width="15%">
<col width="10%">
<!-- Headings -->
<thead>
<td class="day"> Wk of </td>
<td class="topic"> Topic </td>
<td class="reading"> Read </td>
<td class="video"> Lecture Sequence </td>
<td class="slides"> Slides </td>
<td class="assignment"> HW/Q </td>
<td class="due"> Due </td>
</thead>
<!-- Week 1 Row 1 -->
<tr class="first">
<td class="day">10/22</td>
<td class="topic">Topic 1</td>
<td class="reading">Ch. 1</td>
<td class="video"><a href="#">L1: Title</a></td>
<td class="slides"><a href="#">L1</a></td>
<td class="assignment"><a href="#">HW 1</a></td>
<td class="due">11/04</td>
</tr>
<!-- Week 1 Row 2 -->
<tr>
<td class="day"> </td>
<td class="topic"></td>
<td class="reading"></td>
<td class="video"><a href="#">L2: Title</a></td>
<td class="slides"><a href="#">L2</a></td>
<td class="assignment"> </td>
<td class="due"> </td>
</tr>
<tr> <td class="week_separator" colspan=7> <hr/> </td> </tr>
<!-- Week 2 Row 1 -->
<tr>
<td class="day">10/29</td>
<td class="topic">Topic 2</td>
<td class="reading">Ch. 2</td>
<td class="video"> <a href="#">L3: Title<a></td>
<td class="slides"><a href="#">L3</a></td>
<td class="assignment"><a href="#">Quiz 1</a></td>
<td class="due">11/11</td>
</tr>
<!-- Week 2 Row 2 -->
<tr>
<td class="day"></td>
<td class="topic"></td>
<td class="reading"></td>
<td class="video"><a href="#">L4: Title</a></td>
<td class="slides"><a href="#">L4</a> </td>
<td class="assignment"></td>
<td class="due"></td>
</tr>
<tr> <td class="week_separator" colspan=7> <hr/> </td> </tr>
<!-- Week 3 Row 1 -->
<tr>
<td class="day">11/05</td>
<td class="topic">Topic 3</td>
<td class="reading">Ch. 3</td>
<td class="video"><a href="#">L5: Title</a></td>
<td class="slides"><a href="#">L5 </a></td>
<td class="assignment"><a href="#">HW 2</a></td>
<td class="due">11/18 </td>
</tr>
<!-- Week 3 Row 2 -->
<tr>
<td class="day"> </td>
<td class="topic"> </td>
<td class="reading"></td>
<td class="video"><a href="#">L6: Title</a></td>
<td class="slides"><a href="#">L6 </a></td>
<td class="video"></td>
<td class="assignment"></td>
<td class="due"></td>
</tr>
<tr> <td class="week_separator" colspan=7> <hr/> </td> </tr>
<!-- Week 4 Row 1 -->
<tr>
<td class="day">11/12</td>
<td class="topic">Topic 4</td>
<td class="reading">Ch. 4</td>
<td class="video"><!--<a href="#">L7: Title</a>--> L7: Title</td>
<td class="slides"><!--<a href="#">L7</a>-->L7</td>
<td class="assignment"><!--<a href="#">Quiz 2</a>-->Quiz 2</td>
<td class="due"> 11/25 </td>
</tr>
<!-- Week 4 Row 2 -->
<tr>
<td class="day"></td>
<td class="topic"></td>
<td class="reading"></td>
<td class="video"><!--<a href="#">L8: Title</a>-->L8: Title</td>
<td class="slides"><!--<a href="#">L8</a>-->L8</td>
<td class="assignment"></td>
<td class="due"></td>
</tr>
<tr> <td class="week_separator" colspan=7> <hr/> </td> </tr>
<!-- Week 5 Row 1 -->
<tr>
<td class="day">11/19</td>
<td class="topic">Topic 5</td>
<td class="reading">Ch. 5</td>
<td class="video"><!--<a href="#">L9: Title</a>-->L9: Title</td>
<td class="slides"><!--<a href="#">L9</a>-->L9</td>
< td class="assignment"><!--<a href="#">HW 3</a>-->HW 3</td>
<td class="due"> 12/02 </td>
</tr>
<!-- Week 5 Row 2 -->
<tr>
<td class="day"></td>
<td class="topic"></td>
<td class="reading"></td>
<td class="video"><!--<a href="#">L10: Title</a>-->L10: Title</td>
<td class="slides"><!--<a href="#">L10</a>-->L10 </td>
<td class="assignment"></td>
<td class="due"></td>
</tr>
<tr> <td class="week_separator" colspan=7> <hr/> </td> </tr>
<!-- Week 6 Row 1 -->
<tr>
<td class="day">11/26</td>
<td class="topic">Topic 6</td>
<td class="reading">Ch. 6</td>
<td class="video"><!--<a href="#"><L11: Title</a>-->L11: Title </td>
<td class="slides"><!--<a href="#">L11</a>-->L11</td>
<td class="assignment"><!--<a href="#">HW 4</a>-->HW 4</td>
<td class="due">12/09</td>
</tr>
<!-- Week 6 Row 2 -->
<tr>
<td class="day"> </td>
<td class="topic"> </td>
<td class="reading"></td>
<td class="video"><!--<a href="#">L12: Title</a>-->L12: Title</td>
<td class="slides"><!--<a href="#">L12</a>-->L12</td>
<td class="assignment"></td>
<td class="due"> </td>
</tr>
</table>
</div>