Depuis cet onglet vous accédez aux éléments que vous pouvez déposer dans vos rubriques.

Lien

Le bouton vous permet de définir très simplement différents menus

Ceux-ci sont basés sur des composants et disposent donc de propriétés qui vous permettrons de les adapter à vos besoins.

Fig. 92 Sommaire de la rubrique basé sur ses signets

permet la création de bouton rectangulaire de ce style Feuille de styles CSS

Fig. 93 Paramètrer un bouton

RollOver vous facilite la création de boutons animés changeant au survol de la souris.

Fig. 94 Assistant RollOver

Il vous faut nommer votre bouton, un nom unique au projet, indiquer les images représentant les états de votre bouton (repos - survolé - cliqué), renseigner le champ lien (vers une rubrique ou une url internet) et éventuellement le texte affiché dans l'info-bulle.

Le composant XPButton est basé sur cet objet, le script dessinant l'image en fonction de vos paramètres

En cliquant sur Avancée vous pouvez affiner encore les contrôles sur votre bouton, c'est surtout valable pour le format HLP .

Fig. 95 Rollover avancée

vous permet de créer des liens vers l'accueil, la rubrique précédente, la rubrique suivante, la rubrique ou le chapitre parent, les liens sont relatifs s'adaptent donc si vous déplacer la rubrique dans l'arborescence.

Image

vous permet d'insérer une image
insére une vidéo avi, ne fonctionne pas en pdf

Fig. 96 Insérer une video avi

une animation flash, ne fonctionne pas en pdf

Fig. 97 Insérer une animation flash

Création d'une animation d'images, ne fonctionne pas en pdf

Cet expert va réaliser une planche composée de miniatures 134x124 des images indiquées et va créer des rubriques liées où seront affichées les images en taille réelle.

Fig. 98 Expert planche de vignettes

Fig. 99 Une vignette

Vous pouvez créer individuellement de telle vignette en cliquant sur depuis le dialogue d'insertion d'image.

Vous pouvez aussi utiliser à la place les composants ThumbnailImage et Thumbnails un tutorial explique la marche à suivre.

Contenu

Permet de copier le contenu d'un autre projet

Référencer le contenu d'un autre, les modifications sur l'original seront reportés

Référencer du contenu partagé

Référencer le contenu d'un fichier texte

Fig. 100 Référence sur un fichier texte

Les fichiers textes, HTML et php seront incorporés en l'état, les fichiers sources C, Pascal et java verront automatiquement leur syntaxe enrichie à l'aide des styles css KEYWORD, COMMENT, STRING et NUMBER que vous pourrez redéfinir.

Vous pouvez aussi afficher du source php pour cela vous devez lui donner comme extension '.color.php', si vous référencez un '.php' lors de la compilation html celui-ci sera automatiquement incorporé avec un '' voir le tutorial pour produire des fichiers php

8
Insérer une note de bas de page, raccourci clavier CTRL+N

Donnée

Base vous donne accès au gestionnaire de base de donnée
dbTable gère l'affichage des données extraites d'une base
Gère la création d'un tableau
Gère la création de liste
Insère un champ calculé, raccourci clavier CTRL+H

Formatage

Division vous permet de définir un bloc, c'est l'équivalent de la balise DIV en html.

Fig. 101 Définition d'un bloc

Il est délimité par les balises DIV(...)...DIV(END), pour que le texte et le objets y soient incrustés vous devez les placer entre ces 2 marques.

Pour définir son apparence vous lui assignez un style css, les propriétés de fonte, couleurs (Color, Background-Color), image en fond (Background-image), largeur (Width) et hauteur (Height) sont disponibles pour les modes Hlp, Html, HtmlHelp et Pdf

Les propriétés Top, Left sont disponibles en Pdf si vous basculez Position sur absolute.

Limitations HLP
  • Incompatible avec les fonds d'écrans
  • Impossible de placer un tableau dans une division
  • les dimensions ne s'adaptent pas au texte

Insertion de code html

Fig. 102 Insertion de code html

Si vous voulez définir une zone qui respectera le formatage de votre texte, espace, retour à la ligne etc utilisez la balise PRE, idéal pour présenter un code source, par défaut les navigateurs utilisent une police à espacement fixe mais vous pourrez utiliser les styles css pour redéfinir son affichage

<div id="footer">
  <div id="inner-footer">
    © Escot-Sep Christophe

Lorsque vous définissez une zone contenant du code HTML les balises et vont la borner, le contenu sera considéré comme contenant du xhtml, donc les < > ne seront pas transformés et les retours à la ligne ne seront pas pris en compte, vous devrez utiliser la balise <br /> prévue pour.

Le code Help&Web sera correctement traduit, vous pourrez donc mixer les deux syntaxes.

Plus simplement lorsque vous tapez < dans l'éditeur de contenu, une liste s'affiche avec l'ensemble des balises html, en en validant une la section est automatiquement marquée comme étant du code html.

Fig. 103 Suggestion des balises html

Lorsque vous cliquez sur un élément html un éditeur des propriétés de la balise s'affiche et vous permet par exemple de lui attribuer une classe CSS .

Fig. 104 Editer un tag Html

Le code HTML ne sera fonctionnel QUE dans les publications CHM et HTML dans les autres formats il sera affiché telquel.

6

Vous pouvez aussi placer votre code html dans un fichier et l'inclure sous forme de référence , veillez bien alors à ne pas incorporer des en-tetes <html>, <head> ou <body>

Insére du code html dans la zone non affichée (head body load)

Ce dialogue vous permet d'accéder aux zones privées des pages html générées par help&web, vous pouvez placer de telles marques n'importe où dans la rubriques et même les dupliquer (ex avoir plusieur ajout pour head si vous avez besoin d'incorporer du javascrip)

Fig. 105 Tag html zone head, body, onload

Saut de page pdf

Insère la marque PDF(break) pour forcer le passage en début de page suivante lors d'une compilation pdf

Activer le saut de page automatique en pdf

C'est le mode par défaut, lorsque le contenu déborde de la page on passe à la suivante

Désactive le saut de page automatique en pdf

Permet de forcer le contenu à s'afficher sur la page actuelle.

Ces trois commandes sont ignorées dans tous les autres formats que le pdf

9

Insérer une boîte expansible

Exemple de boîte expansible

Vous entrez le libellé du lien dans le champ Texte, vous pouvez spécifier son apparence en lui assignant des styles css pour les partie interne et externe.

Vous avez le choix de rentre visible ou non par défaut le contenu et d'afficher ou non les symboles + ou - en fonction de l'état ouvert ou fermé.

Fig. 106 Définition d'une boîte expansible

Composants

Les composants ou scripts de rubriques servent à créer dynamiquement du code Help&Web, celui que vous voyez en mode source, tout code utilisable dans une rubrique peut-être employé dans un script.

Ils sont interprétés lors de l'aperçu et à la compilation, vous pouvez leur passer des paramètres, vous avez alors à votre disposition des sortes de librairies de codes réutilisables à volontées.

Mais ce qui fait leur puissance c'est que vous avez accès au coeur de votre projet, vous pouvez savoir sur quelle rubrique s'exécute le script, obtenir les rubriques parentes, enfants, les mots clefs, créer des bitmaps à la volée.

gestion de la palette des composants

Créer un nouveau composant

Créer un gabarit

Sommaire