Trucs et astuces

Auto Complete

C'est, en traduisant mot à mot, le complément automatique. En fait, il utilise le texte que vous venez de taper pour le remplacer par un autre que vous avez préalablement configuré ("Préférences", onglet "Auto Complete", "USER"). Exemples (si je tape… => il me le transforme en...) :

• "NC " => Nouvelle-Calédonie
• "oe " => œ

TopStyle

Vous avez installé TopStyle 2.5 (ou TopStyle 3, la version Lite 3 y est incorporée bien que ce ne soit pas indiqué sur leur site)
http://www.bradsoft.com/topstyle/index.asp
et vous n'arrivez pas à l'intégrer à HTLM-Kit ? C'est parce que HK recherche dans la base de registre la valeur "topstyle.exe" alors que le logiciel s'y est enregistré sous "topstyletoto.exe". Donc voici comment résoudre ce problème :

1) Vous connaissez la base de registre de Windows et vous n'hésitez pas à vous y "balader" :

1. Ouvrez la branche
   HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\App Paths\
2. Exportez la clé "topstyletoto.exe" là où vous voulez et sous le nom que vous voulez
3. Ouvrez avec le bloc-notes le fichier ainsi créé
4. Remplacez dedans
   [HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\App Paths\TSLitetoto.exe]
   par
   [HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\App Paths\TSLite.exe]
5. Sauvegardez, refermez le bloc-notes et fusionnez le fichier (vous pouvez vérifier dans REGEDIT si ça a bien marché, mais je ne vois pas pourquoi cela ne marcherait pas)

2) Vous ne connaissez pas la base de registre de Windows (ou pour rien au monde vous ne voulez y toucher) :

1. Il vous faut trouver l'adresse où vous avez installé TopStyle (sinon, je ne peux rien pour vous), elle doit être de la forme
   C:\Program File\TopStyleN\
2. Envoyez-moi un mail contenant cette adresse et votre OS (Windows NT, Windows98...) et en retour, je vous ferai passer un fichier qui contiendra la modification automatique de votre base de registre, il suffira d'y cliquer dessus.

Une fois fait :

• Ouvrez HTML-Kit, allez dans l'onglet plugin "Style" => les boutons associés à TopStyle doivent être maintenant actifs...
• Ouvrez un fichier HTML possédant un <LINK rel="stylesheet" href="___.css" type="text/css"> (le choix de cette balise est un exemple, vous pouvez utiliser un attribut "style" ou la balise <style> elle-même... il vous faudra vous familiariser avec cette intégration de TopStyle et ces énormes possibilités), placez le curseur sur "___.css" (___ ne correspond à rien bien entendu, il faut le remplacer par votre propre nom de fichier CSS !), puis cliquez sur cet icone
• C'est bien pratique, non ?

Gecko mode

Vous venez de découvrir dans cette version 292 de HK qu'il est possible de voir ses pages en "Gecko mode", c'est à dire comme Mozilla, Netscape et autres navigateurs développés à partir de la base Gecko. Mais impossible à faire marcher !

À partir des versions 1.5 de Mozilla, c'est simple car il suffit d'installer l'ActiveX Control pour Mozilla que vous trouverez ici

Pour Mozilla 1.4 et Netscape 7.1, allez voir cette page : http://pascal.chevrel.free.fr/faqmoz.html#G10

Mais si vous n'avez d'installer que Mozilla 1.0 ou + (jusqu'à 1.4), il vous faut faire ce qui suit (ou installez une version plus récente) :

• Trouvez le répertoire où se trouve Mozilla et notez cette adresse,
• Ouvrez une fenêtre MS-DOS et allez dans ce répertoire,
• Tapez regsvr32 /c /s mozctl.dll
• Puis regsvr32 /c /s mozctlx.dll

Les HELPS en local

WDG : Web Design Group

Je ne sais pas si c'est l'aide la plus "rigoureuse", mais c'est la plus zolie ;-)
Prenez les fichiers "wdg.zip" (qui contient "wdg.hkh") "wdgcss.zip" et "wdghtml40.zip" à cette adresse.

• Installer "wdg.hkh" (ce n'est même pas la peine de le dézipper) : "Outils" => "Installer" => "Installer interpréteur d'aide"... et vous allez chercher "wdg.zip" là où vous l'avez posé.
• Créez un répertoire WDG dans C:\Program Files\Chami\HTML-KIT\Help\ (vous pouvez parfaitement avoir mis HTML-Kit ailleurs, moi il est dans D:\Chami\HTML-KIT), puis dans ce dossier créez un répertoire CSS et un autre HTML40,
• Décompressez "wdgcss.zip" dans CSS et "wdghtml40.zip" dans HTML40
• Avec HTML-Kit, en sélectionnant comme type de fichier "All files", ouvrez le fichier C:\Program Files\Chami\HTML-Kit\Help\Keywords\wdg.hkh
• et changez la ligne suivante ItemPrefix=C:\Program Files\Chami\HTML-Kit\Help\WDG\ (ne pas oublier le \ à la fin !)... j'en ai profité pour changer aussi cette ligne : ItemTitle=Référence WDG

W3C : World Wide Web Consortium

• Déplacer les 2 dossiers "REC-quelquechose" de C:\Program Files\Chami\HTML-Kit Help Files\W3C là où vous voulez (je les ai mis dans D:\Chami\HTML-KIT\Help\W3C\)
• Avec HTML-Kit, en sélectionnant comme type de fichier "All files", ouvrez le fichier C:\Program Files\Chami\HTML-Kit\Help\Keywords\w3c_offline.hkh
• et changez la ligne suivante ItemPrefix=C:\Program Files\Chami\HTML-Kit\Help\W3C\ (ne pas oublier le \ à la fin !)... j'en ai profité pour changer aussi cette ligne : ItemTitle=Référence W3C

Microsoft

• Installer "htmlref.hkh" : "Outils" => "Installer" => "Installer interpréteur d'aide"... et vous allez chercher "htmlref.hkh" là où vous l'avez posé.
• Installer "htmlref.chm" : "Outils" => "Installer" => "Installer aide"... et vous allez chercher "htmlref.chm" là où vous l'avez posé.
• Avec HTML-Kit, en sélectionnant comme type de fichier "All files", ouvrez le fichier C:\Program Files\Chami\HTML-Kit\Help\Keywords\htmlref.hkh
• et changez la ligne suivante (oui, c'est seulement pour faire bô) Title=Référence Microsoft

Copier/coller en "preview mode"

Vous venez de suivre un lien... et vous souhaiteriez récupérer l'adresse pour l'insérer dans une de vos pages... vous la sélectez... vous faites un "Ctrl+C"... puis le "Ctrl+V" habituel au bon endroit... RIEN !?! Au lieu de faire "Ctrl+C", faites un clic du droit sur l'adresse, puis "copier"... et elle sera disponible pour le coller.

Validateur CSS W3C offline

Comme je préfère que mon code soit lisible - et mes pages belles - sur le maximum de navigateurs plutôt que absolument valide (attribut "summary" dans <TABLE> notamment), je ne cherche jamais à obtenir le label W3C ! Mais je l'utilise pour voir/corriger des erreurs. Si vous voulez vraiment pouvoir le faire hors connexion, je vous renvoie à la page de Chami : http://www.chamisplace.com/dl/htmlkit/hkw3cssv.html

Les classeurs (desktop)

Ô combien pratiques, ils permettent d'ouvrir d'un seul coup tous les documents qu'ils mentionnent, par exemple le fichier des CSS, celui des JS et les 3 ou 4 pages HTML déjà produites. Vraiment un plus ! Le problème, c'est qu'il arrive que lorsqu'on veut les ouvrir... rien ne s'ouvre ! Très frustrant lorsqu'on a pris la (bonne) habitude de les utiliser ! Je crois avoir trouvé le bug, c'est un problème d'accent ! Si cela vous arrive, il suffit d'ouvrir le fichier lui-même, il est dans :
"?\Chami\HTML-Kit\Data\Defaults\" c'est le nom du classeur suivi de l'extension *.hdf
et de remplacer la voyelle accentuée présente dans la date.
 
Exemple pour moi :

• <desktop version="1.0" updatedon="20-déc.-2002"> ne marche pas
• <desktop version="1.0" updatedon="20-dec.-2002"> OK

Orthographe

Ne rêvez pas ! La correction orthographique proposée sur les ordinateurs, quelque soit le logiciel et la plate-forme, est vraiment "minimaliste" ! Vous devez user de vos neurones si vous souhaitez que vos pages soient... allez, j'ose... "françaisement correctes" ! Allez voir cette page pour plus de détails...

Sous HTML-Kit, la correction orthographique par défaut (F7) ne se fait qu'en anglais. Voici quelques moyens de vous en sortir quand même...

1) Correction directe dans le code (correcteur de Word)

L'option est cachée dans le menu "Outils". Pour en disposer, le mieux est d'ajouter à la barre d'outils le bouton correspondant : clic du droit sur un bouton de cette barre => "Customize..". => onglet "Commands" => catégorie "Tools" => recherchez "Orthographe avec Word" et draguez-le dans la barre d'outils.

Pour l'utiliser, sélectionnez le texte à vérifier et cliquez sur ce bouton... il faut être en édition code dans HTML-Kit et non en visualisation !

Vous pouvez "apprendre" au correcteur à ignorer les balises html, il suffit de les rentrer une à une dans le fichier PERSO.DIC (faites une recherche pour le trouver).
</P>
<p>
<div>
</div>
mais le mieux est de ne prendre que du texte entre les balises.

2) Correction de la page entière

En utilisant Writer de OpenOffice.org

Commencez par ajouter Writer dans la liste des navigateurs connus de HTLM-Kit :
"Édition" => "Préférences" => onglet "Programs" => clic dans    Edit Browser List    =>      ADD...   => allez chercher Writer en cliquant dans l'icone de "dossier ouvert" à droite du champ Program Path => mettez "Writer" dans le champ "Name:" => cliquez dans la flèche à droite du champ "Parameters" et choisissez "{{FILE}}" => OK ...

Pour le lancer ?
"Affichage" => "Ouvrir" => "Writer"... En passant, notez l'accélérateur clavier associé, "Alt+1" si c'est le premier navigateur (vous pouvez changer l'ordre des navigateurs dans les préférences).

Vous pouvez aussi faire un bouton :
Un clic du droit dans la barre "menu" ou la barre "outil" => "Customize..." = > une boite de dialogue s'ouvre, n'y touchez pas => "Affichage" => "Ouvrir" => draguez "Writer" à l'endroit où vous voulez => votre bouton est créé. Donc, trois possibilité de le lancer :

• "Alt+1" (ou "Alt+n")
• "Affichage" => "Ouvrir" => "Writer"
• Faire un bouton

Une fois lancé, le correcteur de Writer n'est actif que si le fichier est verrouillé (il l'est par défaut). Chaque fois que vous voulez apportez une correction à votre texte dans HTML-Kit, cliquez sur le bouton "Édition de fichier" pour le libérer... et inversement. Surtout ne pas enregistrer votre page sous Writer, son code est une horrreur, pire que celui de Word !

En utilisant Word

Faites la même chose que pour Writer, mais Word, même en mode lecture seule, va verrouiller le fichier ! Je vous propose ma méthode de "contournement", un peu tordue, vous en prenez exemple si vous voulez... mais faute de mieux...

1. Mettez "online" votre page via un ftp (oui oui, je sais, elle est pleine de fautes d'orthographe),
2. Ouvrez-la dans Word (c'est parfois long, il charge la page via Internet),
3. Ouvrez la page locale dans HTML-Kit,
4. Faites une faute dans Word pour qu'il surligne toutes les autres,
5. Apportez les modifications proposées dans HTML-Kit.

En procédant ainsi, vous vous évitez de vous arracher les cheveux si Word sauvegarde votre fichier à sa sauce sur une erreur (tout le monde en fait) ! Beurgkkk ! Second bonus, vous pouvez sauvegarder régulièrement les modifications faites dans HTML-Kit puisque Word n'a pas verrouillé la page.

Trois remarques

1. Il arrive souvent que l'on veuille vérifier ses pages lors d'une consultation via son navigateur... voici comment lancer le correcteur : il vous faut rajouter un bouton pointant vers Writer ou Word dans votre navigateur, avec comme paramètre l'adresse de la page. Si vous utilisez Firefox (mon navigateur préféré), il vous faut le plugin "External Applications Button"... puis dans "Propriétés..." du bouton, sélectionnez % addressbar%. Si vous utilisez Maxthon, même chose mais en passant par les "Outils externes".
2. Je vous recommande de partager votre bureau en deux, entre Writer (ou Word) et HTML-Kit ("Mosaïque verticale" ou "Mosaïque horizontale" via un clic droit dans la barre des tâches de Windows).
3. Si vous utilisez Word97 et que l'ouverture de la page se fait en mode "édition du code" et non "visualisation html", c'est que l'outil de création de pages Web pour Word n'est pas - ou est mal - installé. Pour savoir s'il est installé, insérer le CD de Office97, cliquez sur "Word", "Ajouter/Supprimer", "Convertisseurs et filtres", "Modifier une option", "Convertisseurs de texte", "Modifier une option"... allez tout en bas... il faut que "Convertisseur HTML" soit coché. Si ce n'est pas le cas, faites-le et lancez l'installation. S'il est coché, c'est qu'il est mal installé ; vous n'arriverez pas à le désinstaller, mais vous pouvez le détruire, il est ici :
   C:\Program Files\Fichiers communs\Microsoft Shared\TEXTCONV\HTML32.CNV et HTML32.QFE
   Mais vous pouvez surtout récupérer la mise à jour à cette adresse :
   http://www.microsoft.com/downloads/details.aspx?FamilyID=bcd87655-7513-4330-b234-49b89706078d&displaylang=fr

3) Modifier F7

Après tout, pourquoi ne pas associer le correcteur de Word à la touche de fonction F7 ? En plus, c'est très simple :
"Outils" => "Personnaliser" => "Personnaliser raccourcis clavier" => "ADD" => clic dans "Press a key" et cliquez sur F7 pour sélecter cette touche de fonction => en face, cochez "Menu command" et choisissez "MToolsMSWordSpelling" => cliquez sur   <<ADD  en bas => puis sur "OK"... et écrasez l'ancienne affectation.
(j'ai essayé avec Writer, mais il ne prend pas le texte sélecté, ça ne marche pas)

4) Utiliser Aspell

Je vous en parle car, si vous n'avez pas Word de Microsoft, tout ce que je viens de dire ne vous concerne pas ! Vous devez alors vous rabattre vers d'autres programmes de correction orthographique (voir la page citée plus haut)... ou installer Aspell car Chami, le papa de HTML-Kit, s'y est penché dessus... mais ce correcteur ne travaille que sur la page de code, c'est moins pratique que Word... sans parler des difficultés que j'ai eu pour arriver à le faire fonctionner !

1. Commencez par charger et installer Aspell en version win32 : http://aspell.net/win32/
2. Puis le plugin hkAspell (Cliquez sur hkASpell dans la phrase Download the hkASpell plugin and install the *.zip file using the "Tools Install | Plugin" main menu option in HTML-Kit. To preserve the directory structure, the *.zip file itself must be installed without unzipping)
3. Configurez les variables d'environnements dont Aspell a besoin :
   Sous XP : clic du droit dans "Poste de travail" => "Propriétés" => onglet "Avancé" => cliquez sur    Variables d'environnement    (en bas) => dans la partie "Variables utilisateur pour...", cliquez sur    Nouveau   ...

   Nom	Valeur
   ASPELL_CONF	prefix    C:/Program Files/Aspell
   lang	fr_FR

   
   Sous Win9x : mettez ces 2 lignes dans le fichier Autoexec.bat

   set    ASPELL_CONF=prefix    C:/Program Files/Aspell

   set    lang=fr_FR

   
   Bien entendu, la valeur de ASPELL_CONF doit être adaptée à votre configuration, mais ne mettez pas de "
4. Redémarrez
5. Dans HTML-kit, cliquez sur l'icone dans la section "Tools" des plugins, Aspell corrigera toute la page mot après mot.

Diviser une image en zones cliquables

On appelle cela des "map". Il existe un excellent logiciel qui va vous faire ça avec une telle facilité que l'on se demande pourquoi il n'est pas plus connu !?! En plus, il est gratuit (il suffit de s'enregistrer) ! Il s'agit de Map Expert Pro :
http://www.codexpert.com/codex.htm#mapexpert

Utile...

Voici un petit truc utile (pour ceux qui utilisent encore IE), il consiste à rajouter une entrée dans le menu contextuel des pages WEB permettant de les éditer avec HTML-Kit (pour un usage local surtout, mais rien ne vous empêche de le faire sur des pages en pleine consultation).

1. Créez cette entrée dans la BdR ou charger ce petit *.reg qui le fera pour vous après l'avoir décompressé : HK_clicdroit.zip) :
   [HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\MenuExt\&Editer avec HTML.Kit]
   @="C:\\WINDOWS\\WEB\\HTML-Kit.htm"
   "contexts"=hex:01

 

2. Créez un fichier "HTML-Kit.htm" dans "C:\Windows\Web" contenant ce JS :
   • <HTML>
   • <SCRIPT LANGUAGE="JavaScript">
   • var f = external.menuArguments.location.href.replace("file:///","");
   • while (f.indexOf("%20") > 0) f = f.replace("%20"," ");
   • f = '"'+f+'"';
   • var w = new ActiveXObject("WScript.Shell");
   • w.run (" ?:/Chami/HTML-Kit/Bin/HTMLKit.exe "+f);
   • </SCRIPT>
   • </HTML>

Bon usage

Présentation de HTML-Kit

Préférences dans HTML-Kit

Personnalisation de HTML-Kit : fenêtres, menus, plugins, raccourcis claviers et sauvegarde

Les éléments des menus de HTML-Kit

Écriture de plugins pour HTML-Kit (HKPGen et autres) (je n'ai pas commencé la rédaction)