Publish with a Skin


After completing this topic, you will be able to publish a Player using a skin.


Steps:

  1. In this activity you will publish using the custom skin.

     

    Note: There are two ways to access a custom skin for publishing.

     

    1) You can add the skin to the Skin list from the Player category in the Options dialog box. With this method, the custom skin is always available for selection from the Skin list in the Publishing Wizard.

     

    2) During publishing, you can browse to the skin and select it; however, a skin added to the Skin list during publishing only remains on the list when you publish to the same publishing location. Adding the skin from the Options dialog box makes it available on the Skin list from all publishing locations.

    Step 1

  2. Open the Options dialog box.

     

    Click the Tools menu.

    Step 2

  3. Click the Options command.

    Step 3

  4. Click the Player category.

    Step 4

  5. Browse for the skin.

     

    Click the Browse button.

    Step 5

  6. We have browsed to the System/Publishing/Styles/WSG folder for you.

    Step 6

  7. The WSG skin is already selected. Open the skin.

     

    Click the Open button.

    Step 7

  8. Now that the skin is added to the Skin list, it will be easy to select during publishing.

     

    The WSG skin is now set as the default. The default Skin in the Options dialog box is the default for all previews and Player publishing packages.

     

    Select a default skin if you want preview to use the skin.

     

    Set the default back to None if you do not want to use a default skin for all previews and Player publishing projects.

     

    Set the Skin default back to None.

    Step 8

  9. Change the default for the Skin option.

     

    Click the Skin list.

    Step 9

  10. Change the default Skin option to None.

     

    Click the None list item.

    Step 10

  11. Click the OK button.

    Step 11

  12. Publish the outline using the toolbar button.

     

    Click the Publish button.

    Step 12

  13. Publish to the default location.

     

    Click the Next > button.

    Step 13

  14. Publish the entire outline.

     

    Click the Publish entire outline option.

    Step 14

  15. Click the Next > button.

    Step 15

  16. You can use a skin to publish from any category. Select the WSG category so that the Player publishes with the customized logo.

     

    Click the Change button.

    Step 16

  17. Click the Category list.

    Step 17

  18. Click the WSG list item.

    Step 18

  19. Click the OK button.

    Step 19

  20. Click the Next > button.

    Step 20

  21. The Player and LMS option is already selected. The Skin option is set to None, which is the default set in the Options dialog box.

     

    Publish the content using the WSG skin.

     

    Click the Skin list.

    Step 21

  22. The WSG skin appears in the Skin list in the  Publishing Wizard because it was added to the Skin list in the Options dialog box.

     

    Note: If the skin was not on the list, you could browse for it.

     

    Click the WSG list item.

    Step 22

  23. Click the Publish button.

    Step 23

  24. After publishing the outline, click the play.exe link to open the local Player.

     

    Click the C:\Documents and Settings\Username\Documents\User Productivity Kit\Publishing Content\PlayerPackage\Play.exe link.

    Step 24

  25. Explore the changes in the Player.

     

    The Player opens with the table of contents expanded for three levels.

     

    The Work with Views section in the Editing Basics module is not expanded because the outline is set to expand to three levels and this section is the fourth level of the outline.

    Step 25

  26. Notice the color of the book icon for the Work with Views section.

    Step 26

  27. Collapse the Editing Basics module.

     

    Click the Editing Basics Collapse button.

    Step 27

  28. Closed parent documents use the customized closed module image from the skin.

     

    Notice that the border lines between and above the table of contents and concept panes are green rather than the default blue.

     

    Notice the custom Preferences button on the right side of the blue header divider bar.

    Step 28

  29. Select the Opening a Document topic.

     

    Click the Opening a Document tree item.

    Step 29

  30. Notice the color of the play mode buttons.

    Step 30

  31. Point to the Try It! button.

    Step 31

  32. Notice the different color set for mouse hovering.

    Step 32

  33. Launch Try It! mode for the Opening a Document topic.

     

    Click the Try It! button.

    Step 33

  34. Notice the color and font of the Try It! text in the bubble header. In addition, the text for the "Actions" link is now replaced with "Actions menu".

    Step 34

  35. Press SHIFT+F1 to display the frame ID.

     

    Press [Shift+F1].

    Step 35

  36. The Frame ID box appears in the upper left corner. The key combination set in the element controls the display of the Frame ID. An element setting of "ON" would have launched the topic with the Frame ID showing and no key to hide it.

    Step 36

  37. Press ENTER to advance through the frames and view the frame IDs.

    Press [Enter].

    Step 37

  38. Notice the Frame ID for the frame.

    Step 38

  39. Press Escape to end the Try It! playback.

     

    Press [Escape].

    Step 39

  40. Close the browser window.

     

    Click the Close button.

    Step 40

  41. Close the Publishing Complete dialog box.

     

    Click the Finish button.

    Step 41

After completing this topic, you are able to publish a Player using a skin.

Table of Contents  Start Topic