The ScreenSteps Online Knowledge Base Everything you need to know about ScreenSteps
Blue mango logo white 250
  • Table of Contents
  • Contact Us
ScreenSteps Documentation » ScreenSteps: Tips & Tricks » Adding ScreenSteps HTML Output to a RapidWeaver Page

Topics

  • Annotations 2
    • Create a Highlight Effect
    • How Can I Start A Sequence Annotation On a Number Other Than 1?
  • Clipboard Recorder 2
    • Adding Images from OmniGraffle
    • Importing Images From Quicktime or WMV Files
  • Embedding Video 4
    • Embedding Video From Screencast.com
    • Embedding Video From YouTube
    • Embedding Video into MindTouch
    • Embedding QuickTime Movies
  • Miscellaneous 2
    • Displaying Code Snippets In A Step
    • Creating Tutorials of ScreenSteps
  • Integration 1
    • Adding ScreenSteps HTML Output to a RapidWeaver Page

Quicklinks

  • Downloads
  • View forums
  • Submit a help request
  • Contact us
  • Retrieve a lost license key

Last Updated

Nov 17, 2010

Download Manual PDF

Other Resources

  • ScreenSteps Desktop & Workgroup

  • ScreenSteps 2.9
  • ScreenSteps Workgroup
  • Customizing HTML Templates
  • ScreenSteps: Tips & Tricks
  • Creating Word Templates
  • Publishing to Blogs & Wikis
  • ScreenSteps Live

  • ScreenSteps Live
  • Setting up a New Admin, Editor or Author on ScreenSteps Live
  • ScreenSteps Live Support Client
  • Integrating ScreenSteps Live With Other Services
  • Collaborating on ScreenSteps Live
  • ScreenSteps Live Remote Authentication
  • ScreenSteps Live API
  • API Examples
  • Implementation Guides

  • Creating a Software Manual With ScreenSteps
  • Creating a ScreenSteps Live Support Site
  • Zendesk and ScreenSteps Live
  • Help Scout and ScreenSteps Live
  • FAQs

  • FAQs

Comments

2 comments for this lesson

  • Prev: Creating Tutorials of ScreenSteps

Adding ScreenSteps HTML Output to a RapidWeaver Page

This lesson will show you how to add HTML output from ScreenSteps to a RapidWeaver page.

Export Lesson To HTML

Media_1290019762413

Begin by exporting your ScreenSteps lesson to HTML. In this example I exported using the default Black BG template.

Open HTML Output In Safari

Media_1245681633428

Once you have exported the lesson to HTML, open the resulting HTML file in Safari.

Select All

Media_1245681639492

Select all of the web page contents by selecting Edit > Select.

Copy

Media_1245681644076

Now copy the selection to the clipboard by selecting Edit > Copy.

Create New Page in RapidWeaver

Media_1245681655622

Now switch to RapidWeaver and create a new page using the Add button.

Create Style Text Page

Media_1245681661149

Select the Styled Text (1) page and click Choose (2).

Paste

Media_1245681669184

Once the page has been created you can paste the clipboard contents in by selecting Edit > Paste.

The Result

Media_1245681693020

Your ScreenSteps lesson will be pasted in the RapidWeaver page.

Click Preview

Media_1245682145583

Click the Preview button to see what the lesson will look like within your site.

  • Prev: Creating Tutorials of ScreenSteps

Comments (2)

Scott Skibell Friday Jun 26 at 10:25 AM

Make sure you use Safari. It doesn't work with Firefox.

In Firefox, only the text gets pasted into RW. With Safari, the images come across just fine.

Great tip for those of use who use both applications.

Matthew Fleischman PhD Thursday Oct 22 at 11:52 AM

We have worked out a better way to put a manual into a website built with RapidWeaver that preserves all of the links within the Table of Contents.

1. From ScreenSteps (SS), export your manual to HTML.
2. Open that file, (yourmanualname.html), with TextWrangler (or any other text editor)
3. Select all and copy. You can close TextWrangler.
4. Open RapidWeaver (RW) and create an HTML page. Do not place the Manual page under any other page. Paste the HTML you copied via TextWrangler into that page.
5. With RW opened to your new page, go to Page Inspector. Give the Page Title whatever name you choose. Next, name the Folder “manual”. Finally, enter the Filename. It must be same as the SS filename, e.g. "yourmanualname.html". Note that Filenames are case sensitive. The ultimate URL should be www.yourdomain.com/manual/"yourmanualname.html"
5. Save and publish RW to your website.
6. On your computer, find the folder "Lessons" created by SS and upload it to the folder titled “manual” on your website via FTP.
7. Confirm your URL path = yourdomain.com/manual/yourmanualname.html.
Clicking on a link on the manual page should give you a URL that looks like this= yourdomain.com/manual/lessons/How_To_Use_This_Manual.html

If you want to see how this works you can go to our website, http://www.neurotherapyresults.com/manual/Results.html

Add your comment

E-Mail me when someone replies to this comment
Blue Mango Learning Systems © 2012