Professor: Pages Content (Old Top Hat)
Top Hat’s Pages Module allows you to develop interactive digital documents with amazing functionality! Alongside your text you can embed pictures, videos, and Top Hat Questions and Discussions!
Getting Started with Pages
Please take note that the Pages module in Top Hat is recommended for use with Chrome or Firefox and is not supported by Internet Explorer.
To begin, click the blue Create button on the left hand side of your course page and select Pages Content from the drop down menu. The page editor will then appear on your screen.
Once you've saved the page and closed the editor, you can make the page item available to your students by putting it in review mode. A detailed guide on how to use the Pages module can be found below.
Part 1. Making Pages Available to Students
One of the really great things about creating interactive digital documents within the Top Hat Pages Module is the ability to track students' progress through your document and even assign grades!
Displaying a Page with No Graded Items
If your page contains no questions, discussions or demos, you can make it accessible to your students by assigning it in the review status. Students will now be able to view the page on Top Hat using their computer or mobile device.
Displaying a Page with Graded Items
A. Review Status
Activating a page in review status will make the page accessible to students via the dashboard on the left side of their screen. Students will be able to respond to questions in the page but their responses will not be recorded or graded.
In review status, students will receive feedback as to whether they responded correctly or incorrectly to questions. Further, after two incorrect attempts students can choose to reveal the correct answer for study purposes!
B. Homework Status
Activating a page in homework status will make the page accessible to students via the dashboard on the left side of their screen. Students will be able to respond to questions in the page and responses will be recorded and graded.
Homework - Default Grading
Default grading means that the total grade of the page item will be the aggregate of the items inside it. With default grading enabled, students will not get feedback as to whether they responded correctly or incorrectly to questions.
Homework - Custom Grading
Custom grading means that the page assessment items are aggregated into a single mark, and this total mark is adjusted to a custom total that you choose. The grade for the page or for each assessment item is not affected, but it does change the weight of the page amongst other assessment items within the gradebook.
With custom grading enabled, students will not get feedback as to whether they responded correctly or incorrectly to questions.
Homework - Custom Grading + Learning Mode
Activating a page with learning mode enabled forces the correctness total for the page to be 0 and enables feedback to students as to whether they responded correctly or incorrectly to questions. Further, after two incorrect attempts students can choose to reveal the correct answer giving them an opportunity to learn from their mistakes!
Part 2. Formatting Text
Bolding and Italicizing
Highlight a section of text to reveal the text formatting toolbar. Paragraph text can be bolded by clicking the 'B' button or italicized by clicking the or ‘i’ button.
Highlight a section of text to reveal the text formatting toolbar. Clicking on the colour icon, depicted by a letter 'A' in a circle, will reveal the colours you can choose to apply to that highlighted section of text.
Superscripting and Subscripting
Highlight a section of text to reveal the text formatting toolbar. Clicking the subscript/superscript icon once will apply superscript formatting to your selected text, clicking it again will apply subscript, and clicking it one last time will turn the formatting off all together.
Creating Titles and Headings
Highlight a section of text to reveal the text formatting toolbar. There are 3 levels of header text: H1 (largest), H2 and H3 (smallest). Headings have their own intrinsic formatting preventing you from applying bold or italicized formatting.
Highlight the section of text that you would like to covert to quote formatting and select the quote icon from the text formatting toolbar that will appear. The selected text will now be indented with a vertical line to its left.
Highlight the section of text that you would like to covert to a list and select the list icon from the text formatting toolbar that will appear. The selected text will now be formatted as a bulleted list. Placing your cursor at the end of a list item and pressing return will create space for a new list item immediately below.
Highlight the text that you wish to apply a link to and select the link icon from the text formatting toolbar that will appear. This will reveal the linking dialogue box which allows you to create either an internal or an external link.
A. Internal Links (section)
Selecting the section linking option will allow you to link the highlighted text to a heading (H1) tag elsewhere in the page. This is useful when referring to text elsewhere in the same page. Clicking on the grey triangle will display a list of all the headers you have in your page. Remember to save regularly as newly made headers won't show up on this list until after a save! Simply pick the one you'd like to link to and click on the checkmark to set the link. When a reader clicks the link, it will take them to that section of the page.
B. External Links (website)
Selecting the website linking option will allow you to link the highlighted text to an entirely separate web page. Simply paste the URL address into the provided field and then click on the checkmark icon to set it. When a reader clicks the link, it will open the web page in a new tab.
To remove any of the above formatting, simply highlight the formatted text to reveal the text formatting toolbar, and the applied formatting will appear in blue. Clicking this blue icon will return the text to a normal state.
*NEW* Inline Symbol Selector
We're excited to announce that we've recently released a new feature which will allow you to select symbols to include directly within your text! To trigger the inline symbol selector simply place your cursor where you'd like to place the symbol and a small blue + icon will appear. Clicking on this icon will reveal the symbol selector menu where you can select your category and symbol to insert into your text.
Part 3. Visual and Interactive Elements
Top Hat’s Pages module is more than a static e-text space, you can also incorporate visual and interactive elements such as images, videos, and Top Hat Questions! To begin, press the enter key to create a space in which you can slot in your visual and interactive elements. The Add button will appear and upon clicking it you will be provided with your Visual and Interactive toolbar.
Selecting the question icon will allow you to create a Top Hat question directly within your pages document. It is important to note that these questions reside solely within your pages document for students to complete as they work through your page and thus there is no reporting functionality for this type of question. When created directly in your page, the question will not be available to ask 'live' in class. We recommend creating questions directly in the text if, and only if, this question is related directly to the text and you don’t see yourself using this question live in class.
The regular Top Hat question creation dialog will then appear. Once you finish creating your question, it will appear in the page.
Importing Existing Questions Into Your Page
The import function allows you to embed an existing Top Hat question into your pages document. As previously mentioned, we recommend creating questions as a standard question, outside of your Pages item, and then embedding them into your document if there is a chance that you may want to use this question live in-class as well.
Clicking on the import icon within the visual and interactive toolbar will reveal a dialog box which will allow you to select one or more questions from your Top Hat course. Completing this dialog box will result in the selected questions being copied into your page.
The discussion feature will allow you to create a Top Hat discussion directly within your pages document. The discussion building framework is the same as that for in-class discussions, but these discussions will be completed within the page. When it comes to this style of discussion, if you’re looking for a short answer space for students to respond as they’re working through the text you’ll likely want to select that responses can be seen only by professor (you will be able to see all responses, but the students will only see their own), whereas if you’d like a space for students to engage in discussion with each other you’ll want to select that responses can be seen by everyone. Once you finish creating your discussion, it will appear in the page.
Demos are short, flash-based animations. Our library of demos primarily focuses on Chemistry and Physics. Clicking on the demo icon will reveal the standard Top Hat demo import dialog box. Once you make your selection, the demo will appear in the page.
Clicking the picture icon will allow you to search your computer for an image you’d like to embed within your Pages document. Once embedded, clicking on the image will provide you with the picture positioning menu where you can continue with the default centred image, expand to the full document width, align it to the left, or align it to the right. You can also type a caption to accompany your picture if you’d like.
To embed a YouTube or Vimeo video, click on the video icon and paste the copied URL address into the field provided. Be sure to press the return/enter key to finalize the embedding of your video. Upon pressing enter your video will be embedded directly into your pages document! You can also type a caption to accompany your video if you’d like.
Accepted YouTube URL formats:
To have the YouTube video autoplay from a specified time, proceed through the following steps:
- view the video and pause it at the point you'd like the playback to begin
- click where it says Share under the video title
- place a checkmark in the box next to Start at:
- copy the link that is generated above and paste that into the field provided when embedding a video into your Pages Content
Inserting Math Equations
The math editor is a fairly standard math editing tool that allows you to create equations and then insert the equation as image within your pages document.
For further support on how to use the math editor, visit: http://www.wiris.com/editor3/docs/manual
Just as you are you're able to with an embedded picture, clicking on the equation image will provide you the options to align left, align right, or align center. You can also choose to caption your equation image if you'd like!
Displaying Your Pages Document in the Classroom
On occasion you may want to look at the content of your pages document with your students in the classroom. It's easy to project your pages document on your screen in the classroom! To do so, display the Set Status menu and click on the Preview Item icon. To remove the dashboard on the left hand side of your course simply click on the Full Screen button in the bottom right hand corner.
Did you know? Top Hat has an Authoring Program!
We work with authors looking to build a range of interactive material, everything from small modules or coursepacks to full textbooks. Authors have the option to build content for use in their own classes, or to make it available for other professors to use as well. Our dedicated content team provides instructional design and project management support to you as an author. In addition, our authors set the price of their content and receive a competitive royalty. If you would like to learn more about our community of authors, please schedule a time to talk using the link below.