@@ -21,7 +21,7 @@ This chapter describes how to create and set up your course:
#. :ref:`Add a Course Video`
#. :ref:`Set Course Requirements`
#. :ref:`Add Files to a Course`
#. :ref:`Add Static Pages`
#. :ref:`Add Pages`
#. :ref:`Add a Course Update`
#. :ref:`Add Course Handouts`
#. :ref:`Add Textbooks`
...
...
@@ -434,49 +434,78 @@ To delete a file, click the **x** icon next to the file. You are prompted to co
.. warning:: If you have links to a file you delete, those links will be broken. Ensure you change those links before deleting the file.
.. _Add Static Pages:
.. _`Add Pages`:
****************
Add Static Pages
Add Pages
****************
You can add static pages to your course. Each static page appears in your course's navigation bar.
For example, the following navigation bar includes a
**Syllabus** and **Projects** static pages.
By default, your course has the following pages:
.. image:: ../Images/image157.png
* Courseware
* Course Info
* Discussion
* Wiki
* Progress
You can use static pages for a syllabus, grading policy, course handouts, or any other purpose.
You cannot rename, reorder, or remove these pages.
You can also add an instant hangout to a static page. See :ref:`Using an Instant Hangout in Your Course` for more information.
You can add pages to your course. Each page appears in your course's navigation bar.
.. note:: The Course Info, Discussion, Wiki, and Progress pages are displayed to students by default. You cannot delete these pages.
For example, the following navigation bar includes the default pages as well as the
**Course Schedule** and **Supplements & Instructor's Blog** pages.
To create a static page:
.. image:: ../Images/page_bar_lms.png
:alt: Image of the page bar in the LMS
#. From the **Content** menu, select **Static Pages**.
#. Click **New Page**. The following screen opens:
You can create other pages for the grading policy, course slides, or any other purpose. More examples of pages you can add are:
.. image:: ../Images/image161.png
:width: 800
* A Google calendar, by embedding the code for it.
3. Click **Edit**.
* A dynamic HTML calendar, using the template in :ref:`Appendix B`.
#. Enter text for your page. You can switch to HTML mode if needed.
#. To edit the Display Name, click **Settings**.
#. Click **Save**.
* An instant hangout. See :ref:`Using an Instant Hangout in Your Course` for more information.
To create a page:
#. From the **Content** menu, select **Pages**.
.. image:: ../Images/pages_page.png
:alt: Image of the Pages screen
2. Click **Add a New Page**. A page with the title **Empty** is added to the list:
To delete a static page, click **Delete** in the row for the page. Confirm the deletion.
.. image:: ../Images/pages_empty.png
:alt: Image of the Pages screen with a new Empty page
3. Click **Edit**. The HTML editor opens.
.. image:: ../Images/pages_editor.png
:alt: Image of the Page editor
4. Enter text for your page. See :ref:`The User Interface` for more information about using the editor.
#. Click **Settings** to edit the **Display Name**. The display name is the name of the page visible to students in the course.
#. Click **Save**.
The new page is immediately available to students, if the course has started.
==================
Add a Calendar
Reorder Pages
==================
You can also use a static page to show a course calendar.
You can embed a Google calendar. Paste the embed code for the calendar in the static page.
You can reorder pages in your course by dragging and dropping the pages to different locations.
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, click and drag the page to the location that you want.
.. note:: You cannot reorder the Courseware, Course Info, Discussion, Wiki, and Progress pages that your course includes by default
==================
Delete a Page
==================
You can also create a dynamic HTML calendar. See :ref:`Appendix B`.
To delete a page that you previously added, click the trash can icon in the row for the page. You are prompted to confirm the deletion.
- Updated the :ref:`Add Pages` section to reflect feature changes.
* - 3/19/14
- Updated the sections on :ref:`Beta_Testing`, :ref:`Discussions`, :ref:`Grades`, and :ref:`Student Data` with changes to the new Instructor Dashboard.
You can add one or more instant hangouts in your course. For example, you can add an instant hangout:
* In a static page, to provide students with a hangout for the entire course. See :ref:`Add Static Pages` for more information about static pages.
* In a page, to provide students with a hangout for the entire course. See :ref:`Add Pages` for more information.
* In an HTML component, to provide a hangout for students working on that specific course unit. See :ref:`Working with HTML Components` for more information about creating HTML components.
...
...
@@ -57,10 +57,10 @@ When you add the instant hangout to your course, a control for the hangout appea
To start the hangout, the student clicks **Start the Hangout**. (After the first student clicks **Start the Hangout**, other students see a **Join the Hangout** button.)
The following example shows the control in a static page when a hangout has already started. The control has a **Join the Hangout** button, and shows that one other student is already in the hangout.
The following example shows the control in a page when a hangout has already started. The control has a **Join the Hangout** button, and shows that one other student is already in the hangout.
.. image:: ../Images/hangout_static_page.png
:alt: Image of the instant hangout control on a static page
:alt: Image of the instant hangout control on a page
To join the hangout, the student clicks **Join the Hangout**.
...
...
@@ -102,7 +102,7 @@ To create an instant hangout in your course:
#. Upload the JavaScript file to the **Files & Uploads** page in your course. See :ref:`Add Files to a Course` for more information.
#. In either a static page or an HTML component, open the HTML editor.
#. In either a page or an HTML component, open the HTML editor.
#. On the first line, add the JavaScript file you uploaded in a <script> tag. For example, if your JavaScript file is named **instanthangouts-0.1.0.js**, you would enter the following::
...
...
@@ -131,4 +131,4 @@ Google will periodically update the instant hangouts JavaScript file. To receiv
To use an updated JavaScript file in your course, we recommend that you copy the JavaScript from the repository into a file that has the same name as the file that you uploaded to your course. When you upload the new file, the new file replaces the previous file.
.. warning:: If you include version numbers in the file names of uploaded files, you will have to edit any HTML components or static pages that include an instant hangout control every time that you update the JavaScript file.
.. warning:: If you include version numbers in the file names of uploaded files, you will have to edit any HTML components or pages that include an instant hangout control every time that you update the JavaScript file.
