HELLO EVERYONE !!!... … and welcome to my wonderful class !...
Welcome to the… The Wonderful World of WebHelp
description
Transcript of Welcome to the… The Wonderful World of WebHelp
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