• Gestion
• Paramètrage
• Style

Gestion

Pour insérer une note pressez Ctrl+N et entrez son contenu dans la liste des notes de bas de page qui vient de s'afficher.

Fig. 34 Insérer une note

Vous pouvez afficher/cacher cette liste en cochant/décochant la case Notes de l'onglet Rubriques section Affichage

Fig. 35 Afficher les notes

En cliquant sur une note vous pourrez la modifier ou la supprimer.

Fig. 36 Editer une note

Paramètrage

En allant sur l'onglet Projet puis dans Configurer vous allez pouvoir personnaliser vos notes.

Fig. 37 Configurer les notes du projet

Si vous donnez un titre il s'affichera juste au-dessus de la liste des notes en bas de page ,en renseignant les champs Avant et Après numérotation vous pouvez par exemple insérer le numéro des notes entre crochets.

Par défaut vos notes s'affichent après le contenu de la rubrique mais avant le bas de page, si vous souhaitez contrôler précisement cette position décochez la case Insérer en fin de rubrique... il vous faudra alors placer au bon endroit le composant notes.spr (onglet Insérer > Composants > Général )

L'onglet Numérotation vous permet d'utiliser des chiffres romains (I, II, III...), l'onglet Html fixe le nom de la zone qui englobe vos notes, par défaut NotesPage, indispensable pour styler celles-ci comme nous allons le voir.

Style

style des notes de ce site

Vous pouvez affiner votre affichage en créant d'autres règles, voici la structure générée pour vos notes.

Fig. 38 Code html des notes de bas de page

Pour styler les notes paires il vous faut définir une règle css .note-paire

Liens associés

Fig. 39 Gestion des liens associés

Cliquez sur le maillon pour ouvrir le gestionnaire des liens et ajoutez ou supprimez des rubriques

Fig. 40 Gestionnaire des rubriques associées

Le composant LinkedTopic vous permettra de les afficher dans votre rubrique sous la forme d'une liste de liens ou d'une liste déroulante (uniquement en html).

Pour l'insérez allez sur l'onglet Insérer - Lien puis choisissez le menu "Liens associés"

Fig. 41 Insertion du composant LinkedTopic

Mots clefs

Une autre manière de regrouper des rubriques est de leur associer un même mot-clef, cette technique vous permet d'avoir un contrôle plus fin.

Depuis le navigateur allez sur l'onglet Mots Clefs, entrez votre mot-clef, cliquez sur le bouton Ajouter puis sélectionnez les rubriques à associer.

Fig. 42 Ajouter un mot-clef à un groupe de rubrique

Pour l'affichage utilisez le composant FilterTopicList situé sur l'onglet Menu

Fig. 43 Insertion du composant FilterTopicList

Dans Filtre entrez key=votre_mot_clef, donnez un nom à votre groupe au travers de la propriété Name puis insérez le composant

Fig. 44 Propriétés du composant FilterTopicList

Index

L'index est produit à partir des mots clefs que vous avez assigné à vos rubriques.

Mots clefs de la rubrique

Index natif

Les formats hlp, htmlhelp (chm) disposent d'un moteur interne qui affichent ces mots clefs.

Index d'une aide Chm (HtmlHelp)

Lors d'une publication Chm vous pouvez décider de ne pas générer l'index natif, pour cela il vous faut aller sur l'onglet Publier puis dans Configurer et décocher Création de l'index dans l'onglet HtmlHelp.

Gestion de l'index natif en HtmlHelp

Index interne

Par index interne il faut comprendre un index défini au coeur d'une rubrique.

Index interne PDF

Par défaut les pdf générés par Help&Web dispose d'un index interactif placé avant vos propres rubriques.

Index pdf

Vous pouvez configurer cet index depuis l'onglet Publier|Configurer|Pdf|Table et Index

Configurer l'index pdf

Cet index est créé par un composant vous pouvez donc le modifier ou écrire le votre pour le personnaliser.

En laissant le champ Index vide vous le supprimez de votre pdf.

Index personnalisable

Le composant key-index génère un index basé sur vos mots clefs, vous pouvez le voir en action dans le manuel en ligne d'Help&Web.

Pour insérer ce composant allez sur l'onglet Insérer puis choisissez Index mots clefs dans la liste Lien |

Nuage de tags

Les mots clefs peuvent aussi être affichés sous la forme d'un nuage de tags, là encore pour en insérer un passez par l'onglet Insérer puis choisissez Nuage de tags dans la liste Lien |

Glossaire

Le glossaire est constitué avec les définitions de votre projet.

Fig. 48 Gestion des définitions

Lorsque dans une rubrique un terme défini est utilisé sa définition apparait automatiquement sous la forme d'info-bulle en HTML et HtmlHelp et de popup en HLP, en pdf un lien vers le glossaire est mis en place.

En pdf une page glossaire est automatiquement générée, vous pouvez la configurer voir la supprimer depuis l'onglet Publier|Configurer|Pdf|Table et Index

Le composant GlossaryTerme que vous trouverez sur la palette Général de l'onglet Insérer|Composant génère un glossaire sur le modèle de celui du manuel d'Help&Web.

Table native

Les systèmes d'aides hlp, htmlhelp (chm) et PDF disposent d'une table des matières qu'ils gèrent eux-même, celle-ci est générée à partir de l'arborescence de votre projet.

Arborescence du site

Table interne

Ce vocable désigne un sommaire directement intégré dans la rubrique.

Table des matières PDF

Par défaut les pdf générés par Help&Web dispose d'une table des matières interactive placée avant vos propres rubriques.

Sommaire PDF

Vous pouvez configurer ce sommaire depuis l'onglet Publier|Configurer|Pdf|Table et Index

Configurer le sommaire pdf

Ce sommaire est créé par un composant vous pouvez donc le modifier ou écrire le votre pour personnaliser votre table.

En laissant le champ Table des matières vide vous supprimez la rubrique Table des matières.

Table personnalisable

Le composant ListOfTopic génère une liste de liens basé sur l'arborescence de vos rubriques, vous le trouverez sur l'onglet Insérer|Composants|Menu.

Il permet de plus de filtrer les rubriques pour obtenir par exemple une table des matières totale, uniquement celle des chapitres, des sous-rubriques de la rubrique actuelle etc.

Paramètrage de ListOfTopic

Sur l'onglet Insérer la liste vous donne un accès direct à ces menus.

Les diverses tables des matières du modèle ClassicManuel que vous pouvez voir à l'oeuvre dans l'aide en ligne d'Help&Web sont construites par ce composant, l'avantage de ce modèle c'est que vous n'avez plus a vous en soucier car tout est automatique.

Table temporelle

Le composant Archives calcule une table des matières hiérarchisée en fonction de la date de création ou de modification de vos rubriques, c'est l'équivalent des archives d'un blog.

• 2008
  
  • Janvier
    • Historique
  • Mars
    • Mise en relation de rubriques
  • Avril
    • Notes de bas de page
• 2007
  
  • Janvier
    • Gérer l'impression des pages html
    • Fil d'ariane
  • Février
    • Glossaire et Index
    • Gestion des tables des matières
  • Avril
    • Accueil
• 2006
  
  • Mai
    • Création d'un blog
  • Septembre
    • Création d'un fil RSS
    • Aide multiformat
  • Octobre
    • Afficher un fil RSS
    • Formulaire de contact
    • Contact
• 2004
  
  • Janvier
    • Miniatures
    • Moteur de recherche
    • Création d'un site
    • Intégrer javascript
    • Effet d'ombrage
    • Créer un projet multilingue
    • Dictionnaire Alexandria
    • Sauvegarde des projets
• 2003
  
  • Novembre
    • Visite guidée
    • Composants
    • Licence
    • Intégrer un lecteur MP3
    • Traduire Help&Web
    • HTMLoverlay
    • Nuage de tags
    • Variables CSS
    • Tutoriaux

Vous le trouverez sur l'onglet Insérer|Composants|Menu ou sur Insérer|Lien |Calendrier Rubrique

Sommaire de la rubrique

Pour définir un sommaire propre à une rubrique comme ici utilisez le composant TocSignet

Vous le trouverez sur l'onglet Insérer|Composants|Menu ou sur Insérer|Lien |Sommaire Rubrique

Placez alors des titres dans votre rubrique, pour cela tapez votre texte, sélectionnez-le puis cliquez sur .

Si vous ne souhaitez pas qu'un titre soit repris dans le sommaire placez sa propriété Signet à false.

Feuille d'impression

Vous pouvez choisir le média d'affichage de votre feuille de style, nous allons donc en définir une pour l'impression.

Fig. 50 Définir une feuille d'impression

Positionnez-vous sur l'onglet Style, ajoutez une nouvelle feuille et affectez-lui le média print.

Cliquez sur pour éditer votre feuille.

Fig. 51 Cacher un élément

Pour ne pas qu'un élément s'affiche il vous suffit de positionner l'attribut display à none.

En règle générale seul le contenu principal est intéressant à imprimer donc on cache tout l'habillage que constitue l'en-tête, les colonnes annexes et le pied de page, c'est ce qui est mis en place ici comme dans les modèles livrés avec Help&Web.

Lien d'impression

Vous avez aussi à votre disposition le composant jsPrint qui vous permet de définir un lien pour lancer directement l'impression comme sur cette page.

Fig. 52 Insérer le composant jsPrint

Le lien n'existera que si javascript est activé et n'apparaitra pas à l'impression.

jsPrint possède deux propriétés

• idPrint div contenant le lien, par défaut impression
• Texte le lien pour imprimer, par défaut Imprimer

Exemple de fil

Tutoriaux > Notes de bas de page

Il affiche une arborescence sous forme horizontale et met en place les liens pour remonter aux niveaux précédents.

Composant générant un fil d'ariane

Principales propriétés d'HistoryLine

La page active est la rubrique où est affichée le fil d'ariane, cela correspond dans notre exemple à Fil d'ariane soit cette page.

Installation

1. Téléchargez php-rss.zip
2. Décompressez-le dans system.hew

• system.hew
  • php-rss
    • fil_le.rss_read.v21b.zip
    • php-show-rss.template.PHP
    • rss_read.inc.php
  • script
    • php-show-rss.spr
    • php-show-rss.bmp

Cliquez sur et référencez php-show-rss.spr sur l'onglet Php.

Utilisation

Déposez Php-Show-RSS à l'endroit où doit s'afficher votre liste extraite du fil RSS, vous disposez de cinq propriétés pour le paramètrer

Compilez et publiez sur internet

Technique

Ce composant ne fonctionne que lors d'une compilation html donc ni en htmlhelp(chm) ni en pdf ni en hlp...

Votre page n'est plus une page html classique mais un fichier PHP qui sera interprété sur le serveur avant d'être envoyé au navigateur.

Un système de cache est utilisé pour éviter d'avoir à télécharger le flux à chaque affichage, par défaut il est généré une fois par heure, utilisez delaiHeure pour modifier cela, le cache est enregistré dans le même répertoire que votre page et son nom est obtenu en utilisant un hachage MD5 sur le nom du flux.

Php-Show-RSS utilise la classe PHP Fil_le de Dominique WOJYLAC, vous trouverez des exemples d'utilisations de cette classe sur le site d'Alain Sichel

Pour envoyer les messages php-mail utilise une version adaptée du script php de Ian Gilfillan, pour que cela fonctionne votre hébergeur doit avoir activé la fonction mail.

Utilisation

Fig. 53 Propriétés Php-mail

Le composant RSS prend tout en charge.

Installation

• Téléchargez composant-rss.zip
• Décompressez-le dans system.hew/script

Utilisation

Fig. 54 Ne publier que les sous-rubriques de Tutoriaux

Fig. 55 Résumé de la rubrique

Choix du format

Fig. 56 Options Hlp

Fig. 57 Options Html

Fig. 58 Options Chm

Fig. 59 Options Texte-Rtf

Fig. 60 Options Pdf

Exclusion de rubriques

Fig. 61 Exclure la rubrique lors d'une compilation rtf et texte

Ajuster le contenu suivant le format

Fig. 62 Inclure si HtmlHelp

Feuilles de styles

Fig. 63 Inclusion css sous conditions

Aller plus loin

Fig. 64 Manuel en ligne - format html

Fig. 65 Aide en ligne - format Htmlhelp

Fig. 66 En-tête projet Aide Help&Web