guide textpad d'iza

Accueil > Iza > html > Guide TextPad
Ou page précédente

Chapitre premier

Introduction

Ceci ne remplacera pas l'hexaustivité d'un manuel de l'usager ou des rubriques d'aide fournies avec l'application mais pourra, je l'espère, servir de point de départ pour un utilisateur débutant. Car vous le constaterez, le site Web de TextPad est en trois version anglais, japonais et polonais; mais pas en français.

TextPad, vous le verrez, est à la fois un éditeur de texte et un environnement de programmation. Il peut vérifier pour vous la syntaxe du code que vous tapez. Vous pouvez aussi y ajouter vos compilateur, le compilateur Java par exemple, et exécuter une compilation à partir du menu Outils. TextPad affiche aussi les fichiers binaire en codes hexadécimal, ce que ne font pas tous les éditeurs de texte.

Mais pour le cas qui nous occupe, TextPad peut être pour vous un outil de développement pour vos pages Web, vos feuilles de style, et vos script. Vous pourrez créer vos propres librairies de clip, y insérer vos modèles de pages, les JavaScripts que vous utilisez le plus souvent (comme un lien vers la page précédente) et tout les petits bouts de code que vous placez souvent dans vos pages et que vous ne voulez plus taper à chaque fois.

Si vous connaissez le langage html ou que vous êtes en train de l'apprendre, cette rubrique est peut-être pour vous... Alors, si vous n'avez pas encore téléchargé votre version d'essai de TextPad, je vous l'invite à le faire en vous rendant sur le site de TextPad.com.

|   Haut de la page   |   Sommaire   |

---

Le menu Fichier

Le menu Fichier offre les options standards de la plupart des applications. Vous aurez reconnu l'utilité des options Nouveau, Ouvrir, Fermer, Enregistrer et Enregistrer sous. Je vais m'attarder un peu plus, avec vous, sur les autre options afin d'en faire d'abord une brève description et ensuite nous examinerons les particularités de la boîte de dialogue Ouvrir.

Présentation des options du menu Fichier

Fermer tout
Ferme tout les documents ouverts. Pour chaques fichiers n'ayant pas encore été enregistré, une boîte de message s'ouvrira vous invitant à enregistrer le fichier.

Enregistrer tout
Permet d'enregistrer tous les documents qui ont été modifiés.

Rétablir
Permet de retourner à la dernière version du fichier c'est à dire tel qu'il était à l'ouverture. Une boîte de message vous demandera de confirmer l'opération puisque toutes les modifications apportées au fichier seront perdues.

Environnement
Vous pourrez reprendre une sessions de travail avec les fichiers en cours d'utilisation. Nous en reparlerons un peu plus loin.

Gestion
Ouvre une boîte de dialogue offrant les principales fonctions d'un gestionnaire de fichier telles que copier, déplacer, renommer, etc.

Envoyer
Permet d'envoyer le document actif par couriel. Vous devez cependant être branché à un réseau et avoir installé un logiciel de messagerie.

Vous connaissez surement déja les commandes imprimer, Aperçu avant l'impression et Modifier la mise en page, aussi je me contenterai dementinner ceci : La commande Modifier la mise en page ouvre la boîte de dialogue Configuration de page pour la classe de document [classe], où [casse] est la classe du document actif. Par exemple, si le document actif est une page html, vous modifierez la mise en page pour l'impression de tous les documents html. Pour utiliser le plein potentiel des En-têtes et Pieds de pages, reportez vous à l'aide de TextPad. Vous y trouverez la liste complète des Macros d'en-tête et de pied de page. Par exemple, si vous ajoutez &p à la case pied de page vous obtiendrez ainsi la numérotation des pages de votre docuement imprimé.

Pour modifier la mise en page du document actif seulement, vous devez afficher la boîte de dialogue Propriétés du document (Affichage/Propriété du document ou alt+ENTRÉ) et cliquer sur l'onglet impression et ensuite modifier la mise en page.

La boîte de dialogue Ouvrir

La boîte de dialogue Ouvrir ressemble à n'importe quelle autre boîte de dialogue Ouvrir et vous seriez sans doute tentés de vous demander pourquoi en parler ici. Je tiens juste à attirer votre attention sur trois éléments qui y sont présents. Les listes Fichier format et Code, et la case à cocher Lecture seule. Ce sont là des options très utiles aux programmeurs. La liste Fichier format permet de forcer l'ouverture d'un fichier en binaire ou en texte. Pour notre utilisation laissez l'option Auto active. Cependant si vous forcez l'ouverture d'un fichier texte en binaire, par exemple, il est recommandé de cocher l'option Lecture seule afin d'en préserver l'intégrité.

La liste Code vous permettra d'afficher les caractères DOS plutôt que les caractères ANSI. Très pratique pour les fichiers binaires : celà permet de voir quel caractère est placé à telle position et d'en déterminer la valeur. Par exemple les caractères ayant les valeurs 0 à 32 ne sont pas affichés distinctement par le code ANSI, il est donc difficile d'en reconnaître la valeur à l'aide d'une table ASCII. Là aussi, pour notre utilisation, laissez l'option Défaut activée.

Toutes les fois où vous voudrez consulter un fichier sans risque d'y apporter des modifications, cochez la case Lecture seule. Ainsi si vous devez modifier et enregistrer le fichier vous devrez le faire par le biais de la boîte de dialogue Enregistrer Sous.

|   Haut de la page   |   Sommaire   |

---

Document html

Un peu moins de théorie et amusons nous un peu. Je vous invite à suivre les explications, pas à pas, pour vous familiariser avec la création d'un document html avec TextPad. Vous pouvez, si vous le préférez, juste lire les rubriques qui suivent, mais vous ne vous amuserez pas autant.

Pour créer un document en html :

• Créez d'abord un nouveau document par l'option de menu Fichier > Nouveau ou en cliquant sur le bouton Nouveau document (une info-bulle vous indiquera le nom des boutons).
• Si la fenêtre Librairie de clip n'est pas affichée, cliquez sur Affichage puis sur Librairie de clip ou tapez le racourci CTRL + F3
• Dans la liste des clips, choisissez html Tags.
• Double-cliquez sur l'item Blank Page dans le haut de la liste. Le code html d'une page vide apparaît.
• Enregistrez le fichier au format html dans un répertoire de votre choix en prenant soin de choisir, dans Type, le format de fichier html.

Le curseur, si vous ne l'avez pas déplacé, se trouve en ce moment entre la balise ouvrante <title> et la balise fermante </title>.

• Tapez y le titre que vous voulez voir apparaître dans le navigateur.
• Placez ensuite le curseur dans la ligne blanche sous la balise ouvrante
  <body [ATTRIBUTS="valeurs"]> et tapez une ligne de texte.
• Enregistrez de nouveau (Fichier > Enregistrer ou CTRL + S) et visualisez dans le navigateur (Affichage > Dans le navigateur ou F10 ou cliquez sur le bouton Visualiser dans le Navigateur Internet de la barre d'outils standard).

Si vous n'êtes pas famillier avec le code html et que vous vous êtes tout de même rendu jusqu'ici, et bien, bravo! Vous venez tout juste de créer une page html (à tout le moins le début) rienque avec du code!

Si vous voulez en savoir plus sur le langage HTML avant de continuer la lecture de ce guide, je vous invite à visiter un des sites suivants:

• En français
• Le site du zéro
• Comment ça marche
• En anglais
• w3Schools
• HTML Goodies

|   Haut de la page   |   Sommaire   |

---

Du code coloré

Vous avez remarqué qu'en enregistrant le fichier, le code html s'affiche en différentes couleurs. Si c'est votre première approche d'un environnement de programmation, vous serez ravi d'apprendre que toutes ces jolies couleurs sont en fait de l'aide à la programmation. En effet, chaque fois que vous tapez le nom d'une balise(entre les crochets) ou d'un attribut, vous saurez, si ce que vous venez de taper ne prend pas la bonne coloration, que vous aurez fait une erreur de syntaxe.

Il est possible de personnaliser ces couleurs mais nous y reviendrons plus tard

|   Haut de la page   |   Sommaire   |

---

Ajouter du code

Avec les librairies de clip, il est très facile d'ajouter votre code HTML. Sélectionnez le clip « html Tags » dans la liste des librairies de clips. Dans la liste de clips, repérez la balise que vous voulez utiliser puis double-cliquez dessus. Le code s'ajoute automatiquement au point d'insertion. Cetrains clips pourront se placer automatiquement autour d'une sélection.

Exercice : Mettre en forme du texte déjà saisi
Sélectonnez quelques mots dans le texte que vous avez déjà écrit. Repérez une balise de mise en forme de votre choix (bold ou italic, par exemble) et double-cliquez dessus.

Note :
Il est important de bien placer votre curseur au bon endroit, i.e. à l'endroit où vous voulez ajouter du code, sinon vous verriez vite votre page html s'emmêler inextricablement.

|   Haut de la page   |   Sommaire   |

---

Les caractères spéciaux

Vous pouvez taper du texte coomme vous le feriez dans n'importe quel éditeur de texte. Cependant, si vous lisez ces lignes, il se peut que vous soyez francophone, donc que vous utilisiez les caractères accentués. Lorsque vous utilisez de tels caractères dans vos pages html, votre navigateur les affichera sans doute correctement mais il en sera autrement pour les autres internautes de la planette. Vos visiteurs ayant configuré leur machine pour une autre langue n'obtiendront peut-être pas (certainement, en fait) le même résultat. Et ce, pour toutes sortes de raisons (principalement le jeu de caractéres utilisé). Par un anglophone lisant courremment le français et dont les paramètres régionaux de son ordinateur serait ajustés sur Anglais Britanique, verrait vos caractères accentués systématiquement remplacés par ceci : .

TextPad met à votre disposition une librairie de clips appelée « Html Characters » qui vous permettra d'un simple double-clic, d'ajouter les codes de ces caractères sans avoir à les apprendre par coeur, ce qui viendra par contre assez vite si vous avez à écrire plusieurs pages html.

C'est ainsi que vous verrez fort probablement ceci :

   <h3>Isabelle Côté</h3>

s'afficher comme ceci :

   Isabelle Ct

Alors que ceci :

   <h3>Isabelle C&ocirc;t&eacute;</h3>

s'affichera comme celà :

   Isabelle Côté

|   Haut de la page   |   Sommaire   |

---

Enregistrement du fichier

Pour enregistrer votre fichier au format Html,

• Choisissez la commande Fichier > Enregistrer sous (ou Fichier > Enregistrer) ou le raccourci F12, ou encore le bouton Enregistrer de la barre d'outils.
• Dans la boîte de dialogue Enregistrer sous, sélectionnez le dossier où vous voulez placer le fichier,
• tapez le nom du fichier dans la zone Nom,
• sélectionnez le format html dans la liste Format,
• cliquez sur le bouton Enregistrer.

La première fois que vous cliquez sur le bouton Enregistrer dans un nouveau document (Fichier > Enregistrer ou CTRL + S), la boîte de dialogue Enregistrer sous s'ouvre. Par la suite, Si vous voulez enregistrer le document sous un autre nom, vous devez passer par l'option de menu Enregistrer sous (F 12).

|   Haut de la page   |   Sommaire   |

---

Environnement de travail

Une des fonctionnalités que j'aime de TextPad, c'est la possibilité de reprendre votre session de travail là où vous l'aviez laissée en ouvrant en une seule opération tous les documents qui étaient alors ouverts.

Voici comment procéder :

• Alors que tous les documents sur lesquels vous travaillez sont ouverts, sélectionnez les options de menu Fichier > Environnement > Enregistrer sous.
• Dans la boîte de dialogue Enreregistrer sous, sélectionnez un dossier et donnez un nom à votre fichier d'environnement.
  N'essayez pas de changez pas le format du fichier. Normalement il devrait être sur TWS (TextPad Work Space). Et de toutes façons, il n'y a que celui-ci de disponible.
• Cliquez sur le bouton Enregistrer.

Note :
Remarquez que la boîte de dialogue Fichier > Enregistrer sous n'offre pas le format de fichier TWS. De la même manière, la Boîte de dialogue Fichier > Environnement > Enregistrer sous n'offre pas d'autres choix que le format TWS.

Lors de votre prochaine session de travail, pour ouvrir tous vos fichiers d'un seul coup, cliquez sur Fichier > Environnement > Ouvrir... Dans la boîte de dialogue Ouvrir le fichier, sélectionnez votre fichier TWS et cliquez sur le bouton Ouvrir.

---

|   Haut de la page   |   Sommaire   |