<![CDATA[Les tutoriels d'Help&Web]]> http://www.helpandweb.com/ fr 2010-09-08T06:12:02+02:00 daily 1 2010-09-08T06:12:02+02:00 <![CDATA[Aides multiples avec un seul projet]]> http://www.helpandweb.com/aides_multiples_avec_un_seul_projet.htm 2010-09-08T06:12:02+02:00 fr L'objectif est de générer à partir du même projet une Aide A et une Aide B qui bien qu'ayant des parties communes sont néanmoins différentes.

Ce tutorial utilise les profils qui ne sont disponibles que pour les versions enregistrées

Marquages des rubriques spécifiques à A et à B

Pour pouvoir différencier les rubriques qui ne seront que dans l'aide A et celles qui ne seront que dans l'aide B nous allons leur attribuer un objet de type AIDE_A=true et AIDE_B=true

Allez sur l'onglet Rubriques et cliquez sur Rubriques

Fig. 42 Modifications des propriétés des rubriques

Cochez toutes les rubriques qui ne seront QUE dans l'aide A puis allez sur l'onglet Objets associés

Fig. 43 Sélection des rubriques de l'aide A

Ajoutez un objet AIDE_A et donnez lui comme valeur true

Fig. 44 Ajout objet AIDE_A

Validez en cliquant sur le bouton Modifier les propriétés et refaites les mêmes étapes pour les rubriques de l'aide B en leur assignant un objet AIDE_B


Vous pouvez attribuer un objet à la seule rubrique en cours d'édition en passant par l'onglet Rubriques puis en cliquant sur Objets

À ce stade nous avons 3 types de rubriques, celles qui ne sont que pour l'aide A, celles qui ne sont que pour l'aide B et les autres qui sont communes à A et B.

Filtrage des rubriques

Nous allons maintenant définir les filtres AIDE_A et AIDE_B pour pouvoir exclure des rubriques en fonction de l'aide à publier.

Cliquez sur Filtre puis sur Ajouter

Fig. 45 Création d'un filtre de rubriques

Nommez votre filtre AIDE_A, nous voulons ici exclure les rubriques spécifiques à l'aide B donc les rubriques qui ont un objet AIDE_B=true

Dans la section objet nous rajoutons alors la condition AIDE_B<>true

Fig. 46 Définition du filtre AIDE_A

Sauvez et validez par OK, refaites la même chose pour un filtre AIDE_B avec un objet AIDE_A<>true

Définition de portions de rubriques pour A et d'autres pour B

À l'intérieur d'une même rubrique vous pouvez avoir besoin de différencier des sections en fonction de A et de B, pour cela vous avez à votre disposition les directives conditionnelles

Sélectionnez le passage qui ne sera disponible que dans l'aide A puis allez sur l'onglet Insérer et cliquez sur le bouton #IF dans la section Formatage

Fig. 47 Définir une section conditionnelle

Nous allons utiliser comme condition PROFIL=AIDE_A nous verrons plus loin comment définir et utiliser les profils.

Fig. 48 Utilisation d'un profil comme condition

En plus de pouvoir différencier les rubriques de l'aide A de celles de l'aide B, nous savons maintenant comment définir des sections de rubriques en fonction de l'aide à publier.

Feuilles de styles spécifiques à A et à B

Nous allons voir comment redéfinir nos styles CSS en fonction de l'aide à publier.

Allez sur l'onglet Style et rajouter une feuille CSS style_A

Fig. 49 Feuille de style pour l'aide A

Définissez comme condition d'inclusion PROFIL=AIDE_A

Fig. 50 Inclure des styles en fonction du profil

Faites de même pour une feuille style_B et PROFIL=AIDE_B

Au lieu de définir des feuilles A et B nous pourrions aussi définir un Thème A et un Thème B

Nous sommes maintenant en mesure de redéfinir nos styles suivant l'aide publiée.

Création des profils

Depuis l'onglet Publier cliquez sur le bouton Gérer profils puis ajoutez un profil aide_a , cliquez sur Paramètrer les formats de publication , sélectionnez le filtre AIDE_A , Enregistrez et validez votre profil

Faites de même pour un profil aide_b en sélectionnant le filtre AIDE_B

Fig. 51 Définition du profil aide_a

Publication des aides A et B

Pour publier l'aide A, allez sur l'onglet Publier, sélectionnez le profil aide_a et choisissez votre format

Fig. 52 Choix du profil de publication

Les aides se retrouvent dans un sous-répertoire au nom du profil employé, pour y accéder cliquez sur le bouton Répertoire.

Fig. 53 Ouvrir le répertoire de l'aide générée

]]> <![CDATA[Intégration Jquery]]> http://www.helpandweb.com/integration_jquery.htm 2010-08-10T07:20:53+02:00 fr Help&Web est livré avec JQuery, une bibliothèque pour simplifier l'utilisation de javascript.

Composants JQuery livrés avec Help&Web

Vous les trouverez sur l'onglet JQuery des composants.

Fig. 54 Divers composants JQuery

Il y a TipTip, que vous pouvez voir en action en survolant les liens, jBreadCrumb et jFlickrFeed


    Installation d'un plugin

    Chaque plugin doit être placé dans un répertoire à son nom dans le répertoire SYSTEM.HEW\JQuery

    Fig. 55 Répertoire JQuery

    SYSTEM.HEW est dans le répertoire d'installation d'Help&Web sous XP et dans \Users\[votre_compte]\AppData\Roaming\HelpAndWeb sous Vista/Seven (tapez %appdata% dans l'explorateur de fichiers pour un accès direct)

    JQuery est lui directement dans le répertoire JQuery sous le nom de fichier JQuery.js , il s'agit de la dernière version à la date de mise à jour d'Help&Web

    Le répertoire d'un plugin doit contenir les fichiers js nécessaires, les éventuelles images et les fichiers .css, attention vous aurez peut-être à modifier les fichiers css pour que les images soient indiquées directement sans aucun sous-répertoire.

    Intégration d'un plugin

    Pour utiliser le plugin nous allons créer un composant, onglet Insérer > Composant

    Fig. 56 Création d'un composant

    Pour connecter notre plugin il faut appeler la commande JQuery avec comme paramètre le nom du répertoire où est placé le plugin, exemple jquery('tiptip')

    Fig. 57 Intégration du plugin TipTip

    Ensuite pour déclencher l'effet du plugin au chargement de votre rubrique il faut appeler jsAddOnLoad avec le code js adéquat, ici $(":not(a[rel])").tipTip(); indique que tiptip sera actif pour tous les liens ne comportant pas d'attribut rel

    Lors de la publication en HTML, chaque plugin jquery va être fusionné avec jquery lui-même et placé dans hw-jquery.js

    Il ne vous reste plus qu'a enregistrer votre composant .spr dans le répertoire SYSTEM.HEW/script lui adjoindre une image bmp de 20x20 pixels et à le référencer dans Help&Web depuis l'onglet Insérer > Gestion

    ]]>         <![CDATA[Intégration CSS et HTML]]> http://www.helpandweb.com/integration_css_et_html.htm 2009-02-12T07:31:01+02:00 fr

    Nous allons voir comment intégrer dans Help&Web des bouts de code CSS et HTML, et surtout pouvoir les réutiliser simplement dans divers projets.

    Pour notre exemple nous allons utiliser l'excellent tutorial de Veerle Pieters qui va nous apprendre à styler efficacement un fil d'ariane.

    Intégrer du code CSS

    Help&Web dispose d'un éditeur de styles CSS incluant une bibliothèque où vous allez pouvoir stocker tous vos morceaux de codes réutilisables, pour y accéder allez sur l'onglet Style et éditer votre feuille de style.

    Fig. 58 Ouverture de l'éditeur CSS

    Depuis l'éditeur cliquez sur le bouton Bibliothèque pour accéder à vos portions de codes favoris, n'hésitez pas à consulter l'aide pour cela pressez F1 sous Help&Web ou consultez le manuel en ligne.

    Bibliothèque CSS
    Bibliothèque CSS

    Pour intégrer le code css de Veerle Pieters :

    Cliquez sur Ajouter CSS, choisissez la section où sera référencé le code, au besoin créez-en une nouvelle, exemple Liens

    Nommez votre nouvel élément, exemple Fil d'ariane.

    Insérez le code css suivant dans la zone CSS

    ul, li {
    list-style-type:none;
    padding:0;
    margin:0;
    }
    #crumbs {
    border:1px solid #dedede;
    height:2.3em;
    }
    #crumbs li {
    float:left;
    line-height:2.3em;
    padding-left:.75em;
    color:#777;
    }
    #crumbs li a {
    display:block;
    padding:0 15px 0 0;
    background:url(crumbs.gif) no-repeat right center;
    }
    #crumbs li a:link, #crumbs li a:visited {
    text-decoration:none;
    color:#777;
    }
    #crumbs li a:hover, #crumbs li a:focus {
    color:#dd2c0d;
    }

    Dans la partie Exemple HTML recopiez ce code

    <ul id="crumbs">
    <li><a href="http://www.helpandweb.com/#">Home</a></li>
    <li><a href="http://www.helpandweb.com/#">Main section</a></li>
    <li><a href="http://www.helpandweb.com/#">Sub section</a></li>
    <li><a href="http://www.helpandweb.com/#">Sub sub section</a></li>
    <li>The page you are on right now</li>
    </ul>

    Comme copyright insérez

    <a href="http://veerle.duoh.com/blog/comments/simple_scalable_css_based_breadcrumbs/">Veerle Pieters</a>

    Faites un clic droit sur cette image et enregistrez-la sur votre disque dur, ensuite cliquez sur Parcourir... pour l'ajouter dans la zone Images

    Vous pouvez maintenant cliquer sur Ajouter à la bibliothèque pour enregistrer votre bout de code réutilisable.

    A l'avenir pour pouvoir le réutiliser dans une de vos feuilles CSS il vous suffira de le sélectionner dans la bibliothèque et de cliquer sur Importer dans la feuille de styles.

    Intégrer du code HTML

    Sous Help&Web il vous suffit simplement d'entrer votre code HTML, de le sélectionner et d'utiliser l'outil situé sur l'onglet Insérer section Formatage

    Fig. 59 Insérer un bloc de code HTML

    Pour en revenir au fil d'ariane de Veerle nous remarquons que le code est celui d'une liste non ordonnée, au lieu d'avoir à entrer manuellement cette liste nous allons utiliser les capacités d'Help&Web pour qu'il nous la construise automatiquement au travers d'un composant que nous nommerons HistoryList

    Composant HistoryList

    Ci-dessous le résultat de l'utilisation du composant

    Nous avons à notre disposition 3 paramètres pour contrôler ce composant.

    id est l'identifiant qui a été utilisé dans la feuille CSS, ici crumbs (notez que l'on ne le préfixe pas avec # contrairement à la feuille de style)

    ShowActive permet ou non d'afficher le titre de la rubrique où l'on se trouve, ici Intégration CSS et HTML

    ShowIndex force la page d'index du projet à être affichée en tête, cela est utile comme ici où Accueil et Tutoriaux sont au même niveau dans l'arborescence des rubriques.

    Fig. 60 Paramètrage du composant HistoryList

    Installation (inutile pour les versions supérieure à 7.3)

    1. Téléchargez historylist.zip
    2. Recopiez le contenu du zip dans system.hew\script
    3. Allez sur l'onglet Insérer puis cliquez sur Gestion pour référencer HistoryList dans la palette des composants.

    Sous Vista et Windows 7 le répertoire system.hew est situé dans C:\Users\[votre_compte]\AppData\Roaming\HelpAndWeb

    Pour y accéder pressez les touches WINDOWS+R entrez %APPDATA% puis OK

    ]]>         <![CDATA[Créer un fichier d'aide CHM]]> http://www.helpandweb.com/creer_un_fichier_d_aide_chm.htm 2008-08-08T05:20:17+02:00 fr

    Les fichiers CHM ou HtmlHelp sont des fichiers d'aides Windows XP et Vista, ils remplacent l'ancien format HLP qui n'est plus officiellement supporté.

    Ils sont construits à partir de fichiers HTML comme un site web, et utilisent des fichiers CSS pour déclarer les styles, vous pouvez aussi employer des fichiers javascript et Flash.

    Prérequis

    Help&Web se charge de générer les fichiers HTML et les autres fichiers associés mais pour la création finale de l'aide CHM vous avez besoin d'installer le compilateur gratuit de Microsoft.

    Si besoin, téléchargez et exécutez htmlhelp.exe, il va installer les fichiers nécessaires pour compiler des aides htmlhelp.

    Depuis Help&Web allez dans le menu Projet|Compilation et renseignez le champ compilateur (hhw.exe) en référençant le fichier hhw.exe qui se trouve dans le répertoire créé par htmlhelp.exe, par défaut C:\Program Files\HTML Help Workshop\hhw.exe

    Décochez la case "Ouvrir le Html Help WorkShop" pour qu'Help&Web commande automatiquement le compilateur, dans le cas contraire celui-ci se lancera et vous permettra d'effectuer des réglages spécifiques avant de réaliser la compilation finale.

    Fig. 61 Configurer les compilateurs d'aides

    Styles

    Les fichiers CSS permettent de définir les styles employés dans votre aide, pour gérer vos feuilles de styles allez sur l'onglet Style d'Help&Web, lisez le chapitre qui leurs est consacré dans le manuel d'Help&Web.

    Javascript

    Vous pouvez utiliser dans votre aide des scripts javascript, Help&Web le fait par exemple lorsque vous installez le moteur de recherche, consultez le tutorial javascript pour avoir toutes les informations nécessaires.

    Flash

    Les aides CHM supportent aussi les animations Flash, Help&Web met à votre disposition le composant Flash pour vous en faciliter leur insertion, vous le trouverez dans l'onglet Insérer section Composant > Flash

    Fig. 62 Insertion d'une animation Flash

    Directive conditionnelle

    Help&Web vous permet d'incorporer des rubriques, ou des portions de rubriques, en fonction de diverses conditions et notamment du format de publication, dans le cas des aides CHM la condition est _HTMLHELP_ , ces aides étants basées sur le format html la condition _HTML_ est aussi valable.

    Lisez le manuel au chapitre des directives conditionnelles pour apprendre à vous en servir.

    Publication

    Pour générer votre aide CHM depuis Help&Web il vous suffit de vous rendre sur l'onglet Publier et cliquer sur le bouton CHM dans la section Format, les fichiers nécessaires seront alors créés par Help&Web puis assemblés avec le compilateur Html Help WorkShop.

    Distribution

    Vous n'avez qu'un seul fichier à distribuer, le fichier .chm au nom de votre projet, vous le trouverez dans le répertoire HTMLHELP de votre projet, il contient l'ensemble des fichiers et des images y compris les éventuels javascript et flash.

    ]]>         <![CDATA[Notes de bas de page]]> http://www.helpandweb.com/notes_de_bas_de_page.htm 2008-04-08T10:37:46+02:00 fr

    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. 63 Insérer une note

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

    Fig. 64 Afficher les notes

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

    Fig. 65 Editer une note

    Paramètrage

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

    Fig. 66 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

    Nous avons vu que par défaut vos notes sont placées dans un conteneur ayant comme identifiant NotesPage ce qui permet de définir une règle css #NotesPage pour les styler.

    style des notes de ce site

    #NotesPage {font-size:0.8em; padding:10px; background-color:#f4f4f4; color:#202020; border-top-width:2px; border-right-width:0; border-bottom-width:0; border-left-width:0; border-color:#808080; border-style:solid}

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

    Fig. 67 Code html des notes de bas de page

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

    Si cette structure ne vous convient pas vous devez définir votre propre composant pour générer vos notes, servez-vous de notes.spr comme modèle.

    ]]>         <![CDATA[Mise en relation de rubriques]]> http://www.helpandweb.com/mise_en_relation_de_rubriques.htm 2008-03-15T08:46:30+02:00 fr Inévitablement dans votre documentation plusieurs rubriques vont être en relation et vous devrez afficher ces groupes sous la forme d'une liste de liens.

    Liens associés

    Help&Web permet d'associer des rubriques entre elles, depuis l'arborescence de vos rubriques à gauche de la rubrique sélectionnée, un petit maillon s'affiche.

    Fig. 68 Gestion des liens associés

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

    Fig. 69 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. 70 Insertion du composant LinkedTopic

    Lorsque vous créez un lien vers une rubrique, elle est ajoutée aux liens connexes


    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. 71 Ajouter un mot-clef à un groupe de rubrique

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

    Fig. 72 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. 73 Propriétés du composant FilterTopicList

    ]]>         <![CDATA[Créer des liens]]> http://www.helpandweb.com/creer_des_liens.htm 2007-06-22T08:00:15+02:00 fr En multipliant les liens vers une information vous lui donnez plus de visibilité, Help&Web dispose d'outils qui vont vous y aider.

    Sommaire


    Lien sur du texte

    Lien vers une zone précise

    Lien vers un autre projet

    Lien internet

    Lien sur une image

    Habillage des liens



    tous sur les liens, les composants qui permettent d'en créer ]]>         <![CDATA[Glossaire et Index]]> http://www.helpandweb.com/glossaire_et_index.htm 2007-02-11T18:27:04+02:00 fr En plus de tables des matières une bonne documentation ce doit d'avoir un glossaire et un index, là encore Help&Web vous offre des facilités.

    Sommaire

    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
    Index pdf

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

    Configurer l'index pdf
    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 |

    blog champ calculé Composant Css définition Dictionnaire Entreprise Html-Layout Image Javascript Miniature mot clef MP3 multiformat Multilingue nuage Ombre Partage Recherche RSS Sauvegarde script traduction tutorial Variable

    Glossaire

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

    Fig. 77 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.

    ]]>         <![CDATA[Gestion des tables des matières]]> http://www.helpandweb.com/gestion_des_tables_des_matieres.htm 2007-02-04T07:11:50+02:00 fr Dans toute documentation la table des matières est l'entrée principale et même sur un site web classique son équivalent, le plan du site, se doit d'être présent dès lors que celui-ci dépasse un certain nombre de pages.

    Sommaire

    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
    Arborescence du site

    Vous pouvez exclure tel ou telle rubrique en fonction du format de sortie


    Lors d'une publication au format RTF, vous pourrez générer sous Word la table des matières en allant dans le menu Insertion|Référence|Table et Index

    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
    Sommaire PDF

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

    Configurer le sommaire pdf
    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.

    ListOfTopic génère en html une liste non ordonnée (ul) que vous pouvez styler à votre guise


    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.


    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.

    En laissant un ou plusieurs espaces en début d'un titre vous instaurez une indentation.









    ]]>         <![CDATA[Gérer l'impression des pages html]]> http://www.helpandweb.com/gerer_l_impression_des_pages_html.htm 2007-01-30T08:39:16+02:00 fr Le format html utilise des feuilles de styles css pour contrôler l'affichage, nous allons voir comment obtenir une impression optimale de votre documentation.

    Cela est aussi valable pour les aides chm (htmlhelp) qui utilisent le format html


    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. 79 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. 80 Cacher un élément

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

    Vous n'êtes pas limité à chacher les éléments vous pouvez aussi choisir de modifier leur apparence lors de l'impression.


    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. 81 Insérer le composant jsPrint

    Ce composant met en pratique le tutorial "Comment bien coder en Javascript" de Romain Berton.

    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

    Pour que le texte reprenne le titre de votre page utilisez le champ calculé [ #12]

    ]]>