Welcome to the… Welcome to the… The Wonderful World of WebHelpThe Wonderful World of WebHelp

RoboHelp-Israel GroupRoboHelp-Israel Group

Presentations PagePresentations Page

Subject: WebHelpSubject: WebHelp

Date: June 30, 2004Date: June 30, 2004

Presented by: Paula R. SternPresented by: Paula R. Stern

WebHelp…WebHelp…

HTML-help…with a twist?HTML-help…with a twist?

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

What is WebHelp?What is WebHelp?

• Browser-basedBrowser-based• Truly web-basedTruly web-based• Non-compressedNon-compressed• Non-compiledNon-compiled• Individual HTML Individual HTML

files for each topicfiles for each topic

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

Why WebHelp?Why WebHelp?

• Cross-BrowserCross-Browser– Internet Explorer, Netscape, Mozilla, YouNameItInternet Explorer, Netscape, Mozilla, YouNameIt

• Web-based Web-based – Internet/Real-timeInternet/Real-time

• Customizable Customizable – Logo, look and feel – the skin….Logo, look and feel – the skin….– Colors, fonts, sizes, tabs, buttons, bulletsColors, fonts, sizes, tabs, buttons, bullets

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

WebHelp StructureWebHelp Structure

Looking Looking Under the Under the HoodHood

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

HTML FilesHTML Files

• Your topics; one HTML file for eachYour topics; one HTML file for each• Typically: header name.htmTypically: header name.htm (Logging_in.htm)(Logging_in.htm)

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

Graphics filesGraphics files

• One for each fileOne for each file

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

Contents/Index/OthersContents/Index/Others

• HHCHHC• HHKHHK• ““Structure Files”Structure Files”

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

HHC - ContentsHHC - Contents

• RoboHelp Import from Word RoboHelp Import from Word • RoboHelp AutoCreate TOC RoboHelp AutoCreate TOC • Click and create manuallyClick and create manually• Edit in NotePadEdit in NotePad

* * RHG: Building a Meaningful…TOCRHG: Building a Meaningful…TOC

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

Inside the HHC FileInside the HHC File

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

HHK – Index FileHHK – Index File

• RoboHelp Smart WizardRoboHelp Smart Wizard• RoboHelp Add KeywordRoboHelp Add Keyword• Edit within the IndexEdit within the Index• Edit with NotePadEdit with NotePad

* RHG: Indexing Your Help File* RHG: Indexing Your Help File

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

Inside the HHC FileInside the HHC File

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

Structure FilesStructure Files

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

What Can you Customize?What Can you Customize?

• ToolbarToolbar• Navigation PaneNavigation Pane• Table of ContentsTable of Contents• Topic AreaTopic Area• About LinkAbout Link• About BoxAbout Box

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

Customizing the ToolbarCustomizing the Toolbar

What you can change:What you can change: ContentsContents IndexIndex SearchSearch GlossaryGlossary WebsearchWebsearch Background of toolbarBackground of toolbar Font of Toolbar textFont of Toolbar text

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

Navigation PaneNavigation Pane

• Background Color of Background Color of ToolbarToolbar

• Background Color behind Background Color behind TOC/Index/FindTOC/Index/Find

• FontFont• Display Options (which Display Options (which

tabs, default display, tabs, default display, Search, etc.)Search, etc.)

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

Table of ContentsTable of Contents

• BooksBooks• PagesPages• FontFont• SpacingSpacing• FunctionalityFunctionality

– With LinkWith Link– One Click/TwoOne Click/Two

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

Topic AreaTopic Area

• Background ColorBackground Color• HeaderHeader• FooterFooter

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

About LinkAbout Link

• Right corner iconRight corner icon• Default: Powered by RoboHelpDefault: Powered by RoboHelp• Link to Company logoLink to Company logo

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

Replacing only the ImageReplacing only the Image

• Open Skin Gallery Open Skin Gallery – Right-click>Edit Right-click>Edit

• Image: browse Image: browse and replaceand replace

• Can add company Can add company info, URL, etc.info, URL, etc.

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

Result Result

• What you wanted?What you wanted?– WebHelp?WebHelp?– www.ehelp.com?www.ehelp.com?– Powered by Powered by

WebHelp?WebHelp?– Generated by Generated by

RoboHelp X5?RoboHelp X5?

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

Changing the Whole BoxChanging the Whole Box

• Replace with single graphicReplace with single graphic• Or…replace elementsOr…replace elements

Edit whskin_banner.htmEdit whskin_banner.htm

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

Changing the Size of the BoxChanging the Size of the Box

• Using Windows Explorer, locate the Using Windows Explorer, locate the whtbar.js file.whtbar.js file.

• Open in NotePad.Open in NotePad.• Locate “ fucntion showBanner()”Locate “ fucntion showBanner()”• Modify the function values for width, Modify the function values for width,

height, and position. height, and position.

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

Function showBanner ()Function showBanner ()

2004 Paula R. Stern/WritePoint Ltd. All rights reserved.

Thank YouThank You