|This lesson explains how to create pages for your lectures (and other purposes) containing text, images, links, audio, video, animations, etc.|
- Read the material on this page
- Follow the links and read the relevant Help material
- Review the sample website
- Take the practice quiz
- Observe the FTF demonstration
- Do the exercises
Read the Quick Guide for an overview of the subject.
Quick Guide for Presentations
Before proceeding, make sure you are familiar with these parts of the CATE system:
Image-picking interface: http://online.santarosa.edu/catedocs/howto_image_interface.html
Link-picking interface: http://online.santarosa.edu/catedocs/howto_link_interface.html
Text-entry interface: http://online.santarosa.edu/catedocs/howto_enter_text.html
Introduction to Presentations
The Presentation module is the single most important module in the entire CATE system.
While other modules are used for specific purposes (such as personal homepages and section homepages), the Presentation module is used to build all other types of pages, containing many different kinds of content, but mostly actual class lessons, and lectures in particular.
These lessons and lectures can be presented as text, audio, video, or combinations of those components. They can also contain unlimited numbers of images, links, and other specialized kinds of data and objects (such as tables, galleries, and so forth).
While other modules might be considered "paint by numbers" because they guide you through the creation process and provide relatively limited scope for creativity, pages constructed in the Presentation module are almost completely free-form, giving you the ability to build just about any kind of webpage you want, but also forcing you to understand the system well enough to be able to compose attractive, comprehensible, useful structures.
In order to build pages of that nature, the module necessarily contains many routines, features, options, and configurations. This lesson deals with the most important aspects of the module, but you should practice and explore the system to see what else you can do. Ample documentation exists to guide you.
Elements of a Presentation Page
The CATE Presentation module creates webpages. That term is often abbreviated to plain old page. This lesson uses both of those terms, but it also often refers to presentation pages. That's the same thing as a page (that is, a webpage), but it serves as a reminder that we're talking specifically about a page built with the Presentation module.
All presentation pages are made up of some basic elements. For example, they are always branded at the top with the SRJC logo, a link to the JC homepage, and a link to the CATE homepage. You have no control over that.
If the page requires authentication, and the user has logged in, then the page will also contain an unobtrusive "log-out" link in the upper left. Unless you remove it, each presentation page will have a "Search" link at the top and bottom. (This feature allows students to conduct a search of all the pages and components comprising your class website.)
Pages will almost certain have text (of various sizes, colors, and fonts) as well as images and links.
Some presentation pages will also contain advanced elements, sometimes called widgets. Here are some of the advanced elements available to you:
- Embedded audio
- Embedded video
- Embedded tests, surveys, forms (built with Test & Exercise module)
- Embedded tables (built with Table Maker module)
- Message List input
- Message List archive
- In Box
- Gallery of images
- List of links
- Embed any webpage from anywhere on the Web
If you happen to be working on a CATE-based departmental website -- you'll know about it if you are, otherwise you're just working within your own personal CATE account -- you'll also have access to elements such as an automated list of faculty in the department, an automated list of courses offered by the department, special provisions for a "Contact Information" page, the ability to embed specialized SRJC content (such as info for majors and certificates), etc.
To what uses do we put presentation pages?
They are for lectures and lessons and related teaching materials for your class, whether online or face-to-face.
More generally, they accommodate anything NOT on your personal homepage, section homepage, schedule page, etc. For example, when we learned about section homepages we talked about making one centralized repository for all the links to outside resources for all the sections of a single course. This would be module for making that kind of "Links" page.
In the interests of full disclosure, here is the list of drawbacks to using the CATE Presentation module:
- If you already know how to hand code HTML or use DreamWeaver, you might find this harder or less flexible
- The module will allow you to do many, many things, but not everything you can dream up
- The module allows you to utilize advanced HTML tags, but -- due to the nature of the underlying technology -- there's no guarantee that every tag will work
On the other hand, here are a few of the reasons why you should use the Presentation module to build your lesson/lecture pages:
- The module allows you to do just about anything you could possibly need to do for Web-based teaching materials
- It fully integrates with all the other CATE modules, including authentication, etc
- The pages created by the Presentation module fit seamlessly into a complete Web-based classroom
- The pages are accessibility compliant
- The pages are free of viruses and malware
Presentations, Pages, and Blocks
In some modules covered in earlier lessons, such as the Nav Bar module and the Schedule module, the system presented bi-level hierarchies for creating and configuring components. For nav bars, that meant the level of the nav bar itself plus another level for the buttons of the nav bar. For schedules, that meant a level for the schedule itself, plus another level for the rows (or elements) of the schedule. Each level of the hierarchy had its own features and configurations.
In the Presentation module, the same sort of thing holds true, but in this case we have three levels to the hierarchy: the presentation level, the page level, and the block level.
Each presentation has properties such as the title of the presentation, the color scheme, clonability, etc. Within each presentation, each page has properties such as the title of the page, is the page open or closed, etc. Within each page, each block has properties such as a heading, sub-heading, text, image, and link.
Think of a presentation as a three-ring binder. It's really just a container to hold and organize pages. Almost without exception, each class website needs one and only one presentation. The presentation can contain an unlimited number of pages, and it should contain every presentation page needed for a class. The title of the presentation should reflect the class for which it is being used:
- CATE Workshops
- ENGL 1A
- ENGL 1B Online Class
- PHIL 3 Lectures
- How to Take an Online Class: Lessons
Within the presentation, pages hold the actual content. Generally each page contains all the information for one lesson, session, or week. To accommodate all that, each page comprises an unlimited number of blocks for an unlimited amount of content. The title of a page should reflect the lesson or lecture:
- Week One: Commas
- Lesson Two: Semi-colons
- Unit 3: Em dashes
- Lecture 4: Other punctuation
Each page is made up of an unlimited number of blocks, which are "invisible containers" placed sequentially on the page from top to bottom. You control the spacing -- if any -- between individual blocks and the contents of those blocks. Each block can contain a maximum of:
- One heading
- One sub-heading
- One image
- One link (or embedded audio, video, quiz, table, etc)
- Unlimited amount of text
As we learned in an earlier lesson, your primary nav bar (usually around six or seven buttons) should go on every page of your class website. That includes all the pages in the presentation you're using.
In addition, for presentation pages, you will almost always want to implement secondary navigation. That allows students and other visitors to easily jump from any presentation page directly to any other presentation page. (Remember, you won't have buttons for all your presentation pages in your primary nav bar.)
Secondary navigation goes only on presentation pages. It should be on every presentation page. It can be laid out in a horizontal or vertical fashion, the latter usually referred to as "lefthand navigation." Most instructors prefer the vertical format. Either way, the system can automatically create the secondary navigation for your presentation pages for you, or you can do it yourself.
This page, for example, features lefthand navigation (vertical) created automatically by the system, allowing you to jump from page to page within the training presentation.
Examples of Basic Presentation Pages
Take a look at these presentation pages to get an idea of how they're built and what students see.
This CATE site: These pages are built with the CATE Presentation module
Simple sample class: http://online.santarosa.edu/presentation/page/?51485
Fancier sample class: http://online.santarosa.edu/presentation/page/?6515
Examples of Advanced Presentation Pages
You might or might not need to built some more advanced CATE presentation pages. Here are some examples with various widgets and so forth.
In Box, Gallery, etc: http://online.santarosa.edu/presentation/page/?12230
Four different presentation pages for various kinds of podcasting: http://online.santarosa.edu/presentation/page/?39228
Health Sciences departmental website: http://online.santarosa.edu/presentation/page/?28892
Interactive learning demo: http://online.santarosa.edu/presentation/page/?311
What do you actually put on your presentation pages? For a face-to-face class, you can present anything you want. For an online class, you need to think about how you teach FTF, and then translate that into online content. For example, in a three-unit course you probably have around 50 hours of classroom contact with your students each semester. What do you do during those hours?
Maybe something like this:
Those kinds of FTF lessons need to be converted into these kinds of online lessons:
- Written version of lectures
- Audio lectures
- Slides with synchronized audio
- Videos you create
- Web-based versions of videos you show in class
Whatever components you choose, and no matter how you decide to deliver your lessons -- text, audio, video, etc -- you need to plan ahead, develop your approach, and gradually put everything together. It's usually best to begin with a rough draft, then experiment with how that's going to work. Don't do a huge amount of work, only to discover that you don't actually have time to edit and optimize all your video files! Don't finish all your text and then discover that you need to start all over again because there's a new textbook, or the software package you're teaching has suddenly undergone a major revision.
When you're ready to begin the process of creating your presentation, its pages, and all the blocks on those pages, here's what you need to do:
- Create the presentation itself ("empty three-ring binder") and set its configurations
- Create a page and set its configurations
- Begin populating the page with blocks
- For each block, deal with heading, sub-heading, text, image, and/or link
- Repeat steps 2-4 for each page in the presentation
While doing that work, don't worry too much about precise layout, pleasing colors, or other minor visual details. We call that part of the process "beautification," and it's almost always the last thing you want to deal with after you finish building your pages and complete your class website.
Be careful about deletions!
You can delete a block, a page, or an entire presentation. Make sure you're actually deleting what you intend to delete. You will always be asked to confirm a deletion -- sometimes more than once -- but after confirming your intentions, the material will permanently vanish and can't be retrieved.
You should also always back up your work. To do so, clone the presentation. You can make as many clones as you want and keep them on file as long as you want, although usually you only need one or two recent ones and can delete all the older ones.
After cloning a presentation for a backup, make sure you continue working on the "live" copy, not the backup.
Creating and Configuring a Presentation
Log into your CATE and from the Main Menu go to the Presentations module.
On the Presentations Menu you'll see a list of any/all presentations currently on file for you. To view, edit, clone, or delete any of those, select the corresponding radio button, then click the "View/Edit/Clone/Delete Presentation" button near the bottom of the page.
If you have more than one presentation on file, you'll also have access to the "Edit All Presentations" button, giving you the ability to edit in bulk some of the key presentation-level configs -- such as title, accessibility, clonability, etc -- for all your presentations.
There are also several buttons for creating presentations.
Create Presentation Using PowerPoint Slides: This is a quick and easy way to turn images (usually images created from PowerPoint) into a CATE presentation and slide show, but it should be used with caution due to significant issues with accessibility compliance for students with limited vision. If you don't know about those issues, and how to resolve them, you should avoid this option.
Create Student Blogs: If you are running your class in a manner that requires each student to have his or her own blog, this is the way to create that blogsite. However, that's a pretty unusual and specialized component, so don't rush into it without examining all the alternatives.
Clone Someone Else's Presentation: If a colleague grants permission, you can make an exact duplicate of his or her presentation. This can be a great shortcut, but it almost invariably means you'll need to do a fair amount of editing in order to integrate the cloned presentation into your own class website.
Another way to create a new presentation, not available on the Presentation menu, is to use the "Magic Button" in the Section Homepage module. That "Class Components" feature, as we learned in an earlier lesson, allows you to create an entire class website with one click, including a complete, fully integrated presentation with pages and navigation. Of course, you still need to populate each page with blocks and fill the blocks with your instructional content.
The primary means of creating a new presentation is to click the "Add New Presentation" button, and that's the process we'll be describing.
After clicking that button, you'll have an empty presentation named "New Presentation." This is the equivalent of nothing more than an empty three-ring binder, so there's much work to be done.
The beginning point for that work is the Presentation Menu for that presentation. That's the page you're on after you create a new presentation. You can also reach it via the menu of all your presentations.
The Presentation Menu contains buttons allowing you to view your presentation (whether it's open or not), move directly to the previous presentation and/or next presentation (assuming you have more presentations on file), clone the presentation (important for backing up), and delete the presentation.
The Presentation Menu also provides several buttons for controlling configurations of the presentation as a whole. (Remember, each presentation comprises the presentation itself, individual pages, and separate blocks on each page, and all those levels have their own properties and configs.)
Header: This button allows you to create a default block to appear near the top of every page in this presentation (unless specifically turned off by any specific page(s)).
Footer: This button allows you to create a default block to appear near the bottom of every page in this presentation (unless specifically turned off by any specific page(s)).
The two main routines for dealing with presentation-level configurations are the "Configurations" button and the "Layout and Colors" button.
Configurations for the presentation
Whenever you create or clone a presentation, you should always go straight to the presentation-level configurations and adjust them to suit your needs. You can also return here at any time to change the configs.
Configurations include the following:
Make this presentation accessible: Select the checkbox to allow students and other visitors to view the presentation. Note that this is controlled at both the presentation level and page level. In order for any page to be available, it must be made accessible at BOTH those levels. This enables you to flip the entire presentation on or off with one checkbox (at the presentation level), or to turn on the presentation as a whole but activate or deactivate individual pages on a page-by-page basis.
Allow other instructors to freely clone this presentation: Select the checkbox if you want to allow colleagues to freely make a copy of your work.
Allow other instructors to use this presentation in their classes: Don't select this checkbox unless you understand the ramifications of sharing the same presentation among multiple instructors.
Enable controls for optional automated slideshow: Seldom necessary, but this is how you can turn your presentation pages into self-running slideshow.
Title: The presentation must have a title. Usually best to name the presentation based on the course, such as "English 100." Don't use the section number in the title! This title might or might not appear on individual presentation pages, depending on the configs you choose for each page.
Sub-Title: Optional sub-title for the presentation. This might or might not appear on individual presentation pages, depending on the configs you choose for each page.
Select a Main Nav Bar: If you have a presentation, you will almost certainly need a nav bar. You can use this config to place a nav bar on all the pages of the presentation, or you can do the same thing via the Nav Bar module.
Label for optional secondary nav bar: If you choose to use an optional, system-generated secondary nav bar on your presentation pages, this will be heading.
Password Zone: This config does NOTHING to any existing presentation page! It only specifies the zone to which new pages will assigned as they are created.
After editing your presentation-level configurations, click the "Confirm Editing Presentation Configurations" button at the top or bottom.
Layout and Colors
This page works very much like the same routines in the Section Homepage module and Schedule module.
You can specify the width of the page as either pixels or a percentage of the width of the browser window and you can optionally choose to center the page in the browser window.
You must choose one of the templates as the basis for the layout of your presentation.
For headings and body text on pages of this presentation you can leave the font face and size at default values or you can select your own choices.
You can choose from one of the standard color schemes designed by our student workers, or you can customize the page with your own background color or background image, spot color, heading color, text color, etc.
The choices you make for colors and layout will be used for all pages of this presentation, although you can override some of them on a page-by-page basis.
More options at the presentation level
As you create individual pages within a presentation, further options and buttons will appear on the Menu for that presentation.
A scrolling pick list will show all the pages on file for the presentation. You can select any page, then click the "View/Edit/Clone/Delete Page" button in order to get to that page to do whatever work you want.
Above the scrolling pick list of pages, depending on how many pages exist in this presentation, more buttons will appear.
Edit Accessibility: This routine allows you to quickly edit the accessibility -- is the page open or closed? -- config for all pages of the presentation.
Edit Page Sequence: This routine allows you to change the order in which pages appear within the presentation.
Move Pages: This routine allows you to select one or more pages from this presentation to be moved to another presentation.
Edit All Pages: This routine gives you the ability to edit in bulk some of the key page-level configs -- such as title, sub-title, passwording, etc -- for all the pages on file in this presentation.
Creating and Configuring a Page
A presentation is absolutely useless without at least one page, and usually a presentation for a class website will have at least a dozen pages, but that can vary widely depending on your needs.
To create a new page, click the "Add New Page" button on the Presentation Menu or the "Add Page" button on the menu for any existing presentation page.
The Page Menu contains buttons allowing you to view the page (whether it's open or not), return to the Presentation Menu, move directly to the previous page and/or next page (assuming you have more pages on file in this presentation), clone the page, move the page from this presentation to another presentation, and delete the page.
Configurations for the page
Whenever you create or clone a page, you should always go straight to the page-level configurations and adjust them to suit your needs. You can also return here at any time to change the configs.
Configurations include the following:
Make this page accessible: Select the checkbox to allow students and other visitors to view the page. Note that this is controlled at both the presentation level and page level. In order for any page to be available, it must be made accessible at BOTH those levels. This enables you to flip the entire presentation on or off with one checkbox (at the presentation level), or to turn on the presentation as a whole but activate or deactivate individual pages on a page-by-page basis.
Page sequence: You can edit the number to adjust the position of the block on the page. However, it's almost always easier to do this via the "Edit Page Sequence" button on the Presentation Menu for this presentation.
Title of page: You must enter a title for this page, but you can choose (with the checkbox immediately below) whether or not to display the title. The title should reflect the content of the page, such as Lesson 1 or Chapter 1 or Unit 1.
Sub-Title of page: Optionally, enter a sub-title to appear beneath the title of the page.
Next you'll see a series of checkboxes with labels. Each allows you to control configs for a property of the page.
Show main Navigation Bar (if any) atop this page: The primary nav bar for the presentation is selected via the configs for the presentation as a whole. For each page, you can choose whether or not to display that nav bar.
Show Presentation title (if any) atop this page: The title for the presentation is selected via the configs for the presentation as a whole. For each page, you can choose whether or not to display that title.
Show Presentation sub-title (if any) atop this page: The sub-title for the presentation is selected via the configs for the presentation as a whole. For each page, you can choose whether or not to display that sub-title.
Use default Presentation header (if any) for this page: The header block for the presentation is created via the configs for the presentation as a whole. For each page, you can choose whether or not to display the header block.
Use default Presentation footer (if any) for this page: The footer block for the presentation is created via the configs for the presentation as a whole. For each page, you can choose whether or not to display the footer block.
Place internal links to page blocks at top of this page: Selecting this checkbox (in conjunction with choices made for individual blocks) will enable "jump links" leading from the top of the page to specific blocks within the page.
Automatically include link to previous page (if any) of this Presentation: Select this checkbox if you want a "Previous Page" link. This is seldom necessary, because generally your secondary navigation takes care of it.
Automatically include link to next page (if any) of this Presentation: Select this checkbox if you want a "Next Page" link. This is seldom necessary, because generally your secondary navigation takes care of it.
Exclude this page from Prev, Next, secondary nav bar, etc: Sometimes you want a page excluded from the built-in navigation for the presentation. This checkbox will take care of that. Of course, you can always manually build a link to the page.
Place blog response form at bottom of page: This is the option to enable if you want to create an instructor's blog.
Enable invisible "Skip to content" link: This option can be used when necessary for accessibility compliance to ensure students with limited vision can readily navigate the page.
The options are then split into two columns and include the following headings, each with a series of radio buttons.
Select table for lefthand nav links: If you have more than one page in your presentation, you'll very likely need some kind of secondary navigation system to enable your students (and other visitors) to move from one page to the next. The usual solution is "automatic lefthand navigation," and that radio button is selected by default. However, you can completely disable lefthand nav, or you can choose to use a table you've created in the Table Maker module. In any case, the navigational links will appear in a vertical column on the left of the page.
Select option for secondary nav bar: By default this is disabled, but you can choose any of these other options:
- Secondary navigation with numbers, generated automatically
- Secondary navigation with page titles, generated automatically
- Use any nav bar (built with Nav Bar module) for secondary navigation
- Use any table (built with Table Maker module) for secondary navigation
This is almost never necessary if you're using lefthand nav.
Select a password zone to protect this page: If you've created one or more password zones (something we'll cover in the lesson on passwords and authentication), you can choose the zone with which you wish to protect this page. You can also use the Password module to assign pages to zones. Generally all pages in a presentation are protected by the same password zone, but that's not absolutely necessary.
Search configurations: You can adjust the search configs as desired, but the default values should be fine.
More options at the page level
As you create blocks within a page, further options and buttons will appear on the Menu for that page.
A scrolling pick list will show all the blocks on file for the page. You can select any block, then click the "View/Edit/Clone/Delete Block" button in order to get to that block to do whatever work you want.
Above the scrolling pick list of blocks, depending on how many blocks exist on this page, more buttons will appear.
Edit Block Sequence: This routine allows you to change the order in which blocks appear on the page.
Edit All Text: This routine gives you the ability to edit in bulk some of the key block-level text and configs -- such as spacing, myNotes, heading, etc -- for all the blocks on file for this page.
Delete Blocks: This routine allows you to easily delete multiple blocks from this page.
Creating and Configuring a Block
A page is absolutely useless without at least one block, and usually a page will contain a considerable number of blocks, but that can vary widely depending on your needs.
To create a new block, click the "Add New Block" button on the Page Menu or the "Add Block" button on the menu for any existing block.
The Block Menu contains buttons allowing you to view the page containing the block (whether the page is open or not), return to the Page Menu, move directly to the previous block and/or next block (assuming you have more blocks on file on this page), clone the block, move the block from this page to another page, and delete the block.
Beyond that, you control the block through three main buttons: Edit Text, Edit Image, and Edit Link.
For the most part, this is usually where the real meat of the block exists, which in turn means most of your presentation pages will generally hinge on how you use this routine.
A. To begin with, set the configs listed under "Basic Configurations."
Block sequence number: This allows you to adjust the position in which the block appears on the page. It's almost always easier to use the "Edit Block Sequence" option on the Page Menu for the page in which this block appears.
Spacing between previous block and this block: Five options are available. Assuming a block with "abc" followed by a block with "def," here are examples of how the page would look:
Links between top of page and this block: This has two parts.
- You can select the checkbox for "insert a 'back-to-top-of-page' link here" if you want the visitor to be able to jump from the block back to the top of the page.
- In conjunction with the "Place internal links to page blocks" option at the page level, you can select the checkbox for "Include a link from top of page" in order to create a "jump link" from the top of the page to the block.
myNotes: The myNotes feature allows students to create their own private online notes as they study your lessons. This option determines whether or not a myNotes link will be made available at the top of this block. Generally you only need one per page.
Block placement: This configuration provides five different options for the block, any of which can be used in any combination with the others.
- You can center the block on the page horizontally
- You indent the block from both margins (thus making the contents narrower)
- You can indent the block a specified number of spaces from the left margin
- You can place a box around the block
- You can place a color background behind the block
B. Next come configurations for the heading and sub-heading for the block.
Assign and display sequential auto-numbering: If you select this checkbox, the system will automatically prefix the heading (if any) with a number. This allows you to automatically number your (selected) headings sequentially from top to bottom.
Heading: This is the heading for the block. Optional.
Sub-heading: This is the sub-heading for the block. Optional.
C. Then we deal with properties of the text we'll be entering.
Bold, italic, underline: You can choose any combination of these text treatments with the corresponding checkboxes.
Font size: You can leave the text at the default size, or you can use the corresponding radio buttons to select a different size for the text. Note that this will override choices made in the "Layout and Colors" routine at the presentation level.
Font color: You can leave the text at the default color, or you can choose a different color. Note that this will override choices made in the "Layout and Colors" routine at the presentation level.
Pre-formatted text: By default, the HTML language ignores multiple spaces and deals with line endings in its own manner. You can override that default behavior and tell the HTML to leave your text exactly as you've entered it. Be careful! This can cause very odd behavior in page layouts.
Convert URLs: If you like, you can select this checkbox to tell the system that you want URLs converted to clickable links. Thus, entering something like "http://online.santarosa.edu" would turn that text into a link leading to that URL.
Lists: If you want your text to be treated as a bulleted list or outline format, select the corresponding radio button. Here's more information on this useful option.
D. Last, we enter the actual text for the block.
Finally, you can type in or paste in the text you want to appear in the block. In some blocks, you might want to have no text at all, but that's relatively unusual. In any event, whatever text you place in the block will obey all the treatments, options, and configs you've selected for that block.
This button leads to the familiar image-picking interface via which you can place any image into the block. You can also create the ALT tag for the image (for accessibility compliance purposes), choose exactly where to place the image within the block, and -- optionally -- make the image itself a clickable link.
This button leads to the familiar link-picking interface via which you can make a link to any component you've created in the CATE system, embed various widgets into the block, or make a link to anywhere on the Web. In addition, you can control the spacing between the text part of the block and the link part of the block.
As you can see, the flexibility of being able to create all kinds of sophisticated webpages from scratch means you need to learn a fair amount about how to build those pages. Plus, you'll need a modicum of artistic talent in order to make fancy designs actually look good while retaining legibility.
Therefore, we strongly encourage you to start with relatively simple pages. Don't attempt to win any Webby awards for stunning layout and design until you gradually work your way up from the basics.
Also, remember that many important "widgets" will be installed on presentation pages. For example, in order to utilize a Message List for your class, you'll need an input page and an archive page. Both of those are handled with presentation pages. Likewise, an In Box (to allow students to upload files, such as reports and term papers) is a widget on a presentation page, installed via the "Edit Links" option.
In any event, at this point it's worth repeating the cyclical procedure for creating a presentation:
- Create the presentation itself ("empty three-ring binder") and set its configurations
- Create a page and set its configurations
- Begin populating the page with blocks
- For each block, deal with heading, sub-heading, text, image, and/or link
- Repeat steps 2-4 for each page in the presentation
Study the Help module for this topic. Think of this as a chapter in your textbook.
How to...Activate a Page: http://online.santarosa.edu/catedocs/howto_activate_page.html
How to...Organize a Presentation Page: http://online.santarosa.edu/catedocs/howto_organize_pre.html
How to...Install a Nav Bar: http://online.santarosa.edu/catedocs/howto_install_nav.html
How to...Create Secondary Navigation: http://online.santarosa.edu/catedocs/howto_secondary.html
How to...Use Lefthand Navigation on a Presentation Page: http://online.santarosa.edu/catedocs/howto_leftnav.html
How to...Move a Presentation Page: http://online.santarosa.edu/catedocs/howto_move_page.html
How to...Create an In-Box: http://online.santarosa.edu/catedocs/howto_create_inbox.html
How to...Create a Gallery of Images: http://online.santarosa.edu/catedocs/howto_create_gallery.html
How to...Create a List of Links: http://online.santarosa.edu/catedocs/howto_create_listoflinks.html
How to...Embed any Webpage in a Presentation Page: http://online.santarosa.edu/catedocs/howto_embed_page.html
How to...Use HTML Tags in CATE Pages: http://online.santarosa.edu/catedocs/howto_htmltags.html
How to...Make HTML Lists: http://online.santarosa.edu/catedocs/howto_makelist.html
Most presentation pages are part of class websites and as such are usually password-protected, so you'll probably experience difficulty finding and visiting online lectures.
If there's a class you're interested in viewing, contact the instructor and ask for the guest username and password.
To see how all the components covered in these lessons fit together, please visit the sample class website.
Sample class website
After studying all the material for this lesson, take the self-assessment quiz.
CATE Online Training Quiz 07: Presentation pages
Demonstration (For face-to-face sessions)
We'll demonstrate how to go through the step-by-step process of building a presentation from beginning to end.
Lecture slides: http://online.santarosa.edu/presentation/?8927
|To help you better understand the material, to integrate the different modules, and to demonstrate how an entire class can be constructed from various components, in each lesson you'll be creating a portion of a class website, so at the end of the process you'll have a complete model of an entire class. |
To begin with, you should always use a practice course (such as CATE 101, ROCK 101, or BASE 101) for your exercises. After you've mastered the process and created material that's ready for your students, then you can convert your practice class into a real class that you're actually teaching and make it accessible.
Create a new presentation just for practice.
Set the basic configs of the presentation as a whole.
Create a page within the presentation and set its configs.
Populate the page with blocks.
Practice putting text, images, and links in blocks.
Experiment with moving blocks around and varying the spacing between blocks.
Test the techniques for embedding various kinds of widgets.
Try different layout templates and color schemes.
Lab (For face-to-face sessions)
We'll walk around the room and assist individually as you undertake the exercises for this material.
WWII 101 A plain-vanilla sample class website
Rock 101 A fancier sample class website
Please provide us with comments, corrections, and/or suggestion regarding this material. Be sure to identify the lesson and the material to which you're referring.
Thanks for taking the time to help us improve these online training materials.
CATE Online Training Feedback