LP01 Learning Path Course Block

Include:

Definition

A block-level section hilighting courses in a learning path.

Usage

Only to be used on training-related pages for listing of courses.

Note: This component should be used with the a00v0x3 Learning path HTML page structure, since it requires its own stylesheet.

v0 Single-Item Block

Describes a single course within a larger grouping. Can also describe things like exams and prerequisites. The icons on the right describe course delivery types. From a strictly layout standpoint there can be zero or more delivery type icons. From an IA standpoint the rules may vary, for example an offered course should have at least one delivery type, whereas a prerequisite might not have a delivery type.

Optionally, a k02v2 Helper Pop Up, Above Placement can be used on item title link (not shown here).

Note: the tabs and grey background are only shown for context, they're not part of the component.

  • Role A
    Here is some sample text spanning two lines.
  • Role B
    Here is some more sample text.
  • Role C
    Sample text.
  • Role D
    Yet more sample text spanning two lines.

Copy the code below and paste into your text editor.

No Templates Reference this

v0 x1 Single-Item Block with a Connector Arrow

Used when item follows in a sequence.

  • Role A
    Here is some sample text spanning two lines.
  • Role B
    Here is some more sample text.
  • Role C
    Sample text.
  • Role D
    Yet more sample text spanning two lines.

Copy the code below and paste into your text editor.

No Templates Reference this

v0 x2 Single-Item Block Without Sequence ID

For showing an item not in context of a sequence.

  • Role A
    Here is some sample text spanning two lines.
  • Role B
    Here is some more sample text.
  • Role C
    Sample text.
  • Role D
    Yet more sample text spanning two lines.

Copy the code below and paste into your text editor.

No Templates Reference this

v1 Overall Course Wrapper Block

For wrapping a sequence of lp01v0 Single-Item Block and lp01v2 Course Package Container Block components.

Copy the code below and paste into your text editor.

No Templates Reference this

v2 Course Package Container Block

This component subgroups part of a course series into a package, and can itself be nested inside a lp01v1 Overall Course Wrapper Block component. It also contains a title, descriptive paragraph, package edition selector, and a details/promo section.

Contains a heading, descriptive text, course type tabs, and a details/promo div.

For each package edition tab linking to href="#foo" there needs to be a corresponding lp01v3 Package Edition Item Grouping with an id="foo". "foo" must be a unique id on the page.

The tab icons are controlled by the class:

  • class="lpwebbased"
  • class="lpclassroom"
  • class="lpcdrom"
  • class="lpvirtual"
  • class="lpgroup"
  • class="lplab"
  • class="lpblended"
  • Role A
    Here is some sample text spanning two lines.
  • Role B
    Here is some more sample text.
  • Role C
    Sample text.
  • Role D
    Yet more sample text spanning two lines.

Programming Package

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam semper. Proin mi lectus, aliquet sed, imperdiet nec, eleifend ac, massa. Pellentesque id sapien pharetra libero porta rutrum. Aenean nibh mi, cursus nec, scelerisque sed, scelerisque nec, diam. Proin suscipit tincidunt velit. Aliquam faucibus pede nec justo.


Copy the code below and paste into your text editor.

No Templates Reference this

v2 x1 Course Package Container Block Example

Connector arrow shown here. Also, no package edition selector.

  • Role A
    Here is some sample text spanning two lines.
  • Role B
    Here is some more sample text.
  • Role C
    Sample text.
  • Role D
    Yet more sample text spanning two lines.

COURSE

Course Title Here

classroom cd rom web based

COURSE

Course Title Here

on demand lab web based

Programming Package

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam semper. Proin mi lectus, aliquet sed, imperdiet nec, eleifend ac, massa. Pellentesque id sapien pharetra libero porta rutrum. Aenean nibh mi, cursus nec, scelerisque sed, scelerisque nec, diam. Proin suscipit tincidunt velit. Aliquam faucibus pede nec justo.


Copy the code below and paste into your text editor.

No Templates Reference this

v3 Package Edition Item Grouping

To be linked to using page anchors by package edition tabs within a lp01v2 Course Package Container Block.

Copy the code below and paste into your text editor.

No Templates Reference this

v4 Role Selector Tabs

To be used with a d07v9 Grey Tab Content Container w/ more padding. Text should not span more than two lines.

  • Role A
    Here is some sample text spanning two lines.
  • Role B
    Here is some more sample text.
  • Role C
    Sample text.
  • Role D
    Yet more sample text spanning two lines.

Copy the code below and paste into your text editor.

No Templates Reference this

v4 x1 X-Wide Role Selector Tabs

Allows more room for text, but fits fewer tabs.

  • Role A
    Here is some sample text spanning two lines.
  • Role B
    Here is some sample text spanning two lines.
  • Role C
    Here is some sample text spanning two lines.

Copy the code below and paste into your text editor.

No Templates Reference this

v5 Course Type Legend

To be used below a course sequence to help the user understand the iconography.

Delivery Type:

classroom Classroom web based Web-based cd rom CD-ROM virtual Live-Virtual group Group on demand lab On Demand Lab


Copy the code below and paste into your text editor.

No Templates Reference this

Contact About Sun News & Events Employment Site Map Privacy Terms of Use Trademarks Copyright 1994-2006 Sun Microsystems, Inc.