250 likes | 354 Views
Welcome to the… The Wonderful World of WebHelp. RoboHelp-Israel Group Presentations Page Subject: WebHelp Date: June 30, 2004 Presented by: Paula R. Stern. WebHelp…. HTML-help…with a twist?. What is WebHelp?. Browser-based Truly web-based Non-compressed Non-compiled
E N D
Welcome to the… The Wonderful World of WebHelp RoboHelp-Israel Group Presentations Page Subject: WebHelp Date: June 30, 2004 Presented by: Paula R. Stern
WebHelp… HTML-help…with a twist?
What is WebHelp? • Browser-based • Truly web-based • Non-compressed • Non-compiled • Individual HTML files for each topic
Why WebHelp? • Cross-Browser • Internet Explorer, Netscape, Mozilla, YouNameIt • Web-based • Internet/Real-time • Customizable • Logo, look and feel – the skin…. • Colors, fonts, sizes, tabs, buttons, bullets
WebHelp Structure Looking Under the Hood
HTML Files • Your topics; one HTML file for each • Typically: header name.htm (Logging_in.htm)
Graphics files • One for each file
Contents/Index/Others • HHC • HHK • “Structure Files”
HHC - Contents • RoboHelp Import from Word • RoboHelp AutoCreate TOC • Click and create manually • Edit in NotePad * RHG: Building a Meaningful…TOC
HHK – Index File • RoboHelp Smart Wizard • RoboHelp Add Keyword • Edit within the Index • Edit with NotePad * RHG: Indexing Your Help File
What Can you Customize? • Toolbar • Navigation Pane • Table of Contents • Topic Area • About Link • About Box
Customizing the Toolbar • What you can change: • Contents • Index • Search • Glossary • Websearch • Background of toolbar • Font of Toolbar text
Navigation Pane • Background Color of Toolbar • Background Color behind TOC/Index/Find • Font • Display Options (which tabs, default display, Search, etc.)
Table of Contents • Books • Pages • Font • Spacing • Functionality • With Link • One Click/Two
Topic Area • Background Color • Header • Footer
About Link • Right corner icon • Default: Powered by RoboHelp • Link to Company logo
Replacing only the Image • Open Skin Gallery • Right-click>Edit • Image: browse and replace • Can add company info, URL, etc.
Result • What you wanted? • WebHelp? • www.ehelp.com? • Powered by WebHelp? • Generated by RoboHelp X5?
Changing the Whole Box • Replace with single graphic • Or…replace elements Edit whskin_banner.htm
Changing the Size of the Box • Using Windows Explorer, locate the whtbar.js file. • Open in NotePad. • Locate “ fucntion showBanner()” • Modify the function values for width, height, and position.