Documentation |   
Comment créer et modifier des documents HTML
Arachnophilia est © Copyright 2015, P. Lutus.

Arachnophilia est CareWare

Introduction | Créer une page Web | Les détails

Introduction
La première et la plus importante chose à savoir sur l’Arachnophilia est que il peut être modifié en fonction de vos besoins. Les menus et les barres d'outils d'Arachnophilia sont presque tous créés à partir de macros — des macros que vous pouvez modifier, des modifications dont Arachnophilia se souvient.

Ce choix de conception résulte de l'utilité générale d'une architecture macro, et plus important encore, du fait qu'il n'est tout simplement pas possible d'inclure suffisamment de balises et de fonctionnalités câblées pour satisfaire même une petite minorité de développeurs Web sérieux. L'architecture des macros prend en charge l'enregistrement et le chargement d'ensembles spécifiques de macros, de sorte que les ensembles de macros prenant en charge des types de travail spécifiques peuvent être chargés, ou ils peuvent tous résider dans le fichier de macros par défaut et être activés et désactivés d'une simple pression sur une touche.

Mais c'est en réalité une digression : pour en savoir plus sur le système de macros, lisez L'architecture des macros d'Arachnophilia. Pour l'instant, nous pouvons commencer à apprendre à manipuler les nombreuses fonctionnalités d'édition de balises HTML d'Arachnophilia.

Créer une page Web
Choisir Fichier... Nouveau... Fichier HTML. Tapez un titre. Vous verrez alors, plus ou moins, ceci :


  1 <!doctype html public "-//w3c//dtd html 3.2//fr">
  2 
  3 
  4 
  5 <html>
  6  <head>
  7  <title>
  8  Ma page !
  9  </title>

 11  <meta name="FORMATTER" content="Arachnophilia 5.0">
 12  </head>
 13 
 14  <body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
 15 
 16  |
 17 
 18  </body>
 19 </html>
 20 

Notez en particulier le curseur d'édition (" | "). Une grande partie du comportement d'Arachnophilia vis-à-vis des balises HTML tourne autour du curseur, de la sélection de texte, etc.

L'activité de balise la plus élémentaire consiste à sélectionner un bloc de texte et à lui appliquer une balise. Comme ceci — Tapez une phrase :


  1 <!doctype html public "-//w3c//dtd html 3.2//fr">
  2 
  3 
  4 
  5 <html>
  6  <head>
  7  <title>
  8  Ma page !
  9  </title>
 10  <meta name="GÉNÉRATEUR" content="Arachnophilia 5.0">
 11  <meta name="FORMATTER" content="Arachnophilia 5.0">
 12  </head>
 13 
 14  <body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
 15 
 16  Une phrase.|
 17 
 18  </body>
 19 </html>
 20 

Maintenant, faites glisser la souris sur la phrase, pour que cela ressemble à ceci :

  1 <!doctype html public "-//w3c//dtd html 3.2//fr">
  2 
  3 
  4 
  5 <html>
  6  <head>
  7  <title>
  8  Ma page !
  9  </title>
 10  <meta name="GÉNÉRATEUR" content="Arachnophilia 5.0">
 11  <<meta name="FORMATTER" content="Arachnophilia 5.0">
 12  </head>
 13 
 14  <body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
 15 
 16  Une phrase.|
 17 
 18  </body>
 19 </html>
 20 

C'est ce qu'on appelle la « sélection de texte ». Appuyez maintenant sur le bouton de la barre d'outils marqué comme ceci : . Vous verrez :


  1 <!doctype html public "-//w3c//dtd html 3.2//fr">
  2 
  3 
  4 
  5 <html>
  6  <head>
  7  <title>
  8  Ma page !
  9  </title>
 10  <meta name="GÉNÉRATEUR" content="Arachnophilia 5.0">
 11  <meta name="FORMATTER" content="Arachnophilia 5.0">
 12  </head>
 13 
 14  <body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
 15 
 16  Une phrase.|
 17 
 18  </body>
 19 </html>
 20 

Le texte sélectionné apparaîtra maintenant dans caractères gras lorsqu'ils sont visualisés dans un navigateur.

Les détails
Rappelez-vous cette série d'actions — c'est ainsi que les balises sont appliquées aux blocs de texte dans Arachnophilia :

  1. Sélectionnez le texte souhaité.
  2. Activez la macro souhaitée (au moyen d'un bouton de la barre d'outils, d'un élément de menu ou d'une frappe sur une touche).
Important: Si vous n'aimez pas le déroulement de l'action, il suffit de annulez-le:
  • Appuyez sur ce bouton de la barre d'outils :
  • Ou appuyez sur Ctrl-Z
Voyons maintenant comment fonctionnent ces macros d'édition. Vous souhaitez vous familiariser avec la création et l'édition de macros Arachnophilia le plus tôt possible, il n'est donc pas trop tôt pour aborder ce sujet.

Pointez le curseur de la souris sur le bouton de la barre d'outils marqué , cliquez avec le bouton droit de la souris et choisissez "Modifier". The macro editing window will appear (with a file tab of its own, so you can switch back to your document at any time). Le contenu de la macro "Bold" est très simplement le suivant :

|
C'est la manière simple dont les macros d'Arachnophilia enferment un bloc de texte avec des balises. N'oubliez pas cette utilisation du symbole de la barre verticale : c'est la clé pour écrire des macros simples et efficaces.

Il existe un grand nombre de ces macros de balises HTML dans la section des macros « Barres d'outils de balises HTML » (sur le panneau de gauche de l'écran principal d'Arachnophilia). Pour faire apparaître une ou plusieurs de ces barres d'outils, il suffit de cliquer dessus avec la souris, puis d'appuyer sur "x" du clavier ou d'utiliser le menu contextuel du clic droit. Lors du développement de pages Web, vous pouvez utiliser cette méthode pour choisir les barres d'outils à afficher pendant que vous travaillez.

Et – le plus important – si vous ne voyez pas une balise dont vous avez besoin, ajoutez-le simplement. Pointez la souris sur un dossier de barre d'outils approprié, appuyez sur le bouton droit de la souris et choisissez "Nouveau". Tapez la balise dont vous avez besoin, donnez-lui un nom mémorable et cliquez sur « Accepter ».

 

Documentation |