book MANUEL D'UTILISATION D'AMAYA

Version: 2.0 - Mai 1999

Auteurs:

Luc Bonameau, Stéphane Bonhomme

Ce manuel a été réalisé pour l'utilisation d'Amaya sous Unix. Certaines fonctions présentées dans ce manuel peuvent être légèrement différentes dans la version Windows.

Les ressources suivantes (en anglais) complètent les informations présentes dans le Manuel d'utilisation.

[ FAQ | Pages de support en ligne ]

fleche SOMMAIRE

fleche QU'EST CE QU'AMAYA ?

point Éditeur de documents HTML

Amaya permet de créer de nouveaux documents HTML et d'éditer des documents existants. Les documents créés à l'aide d'Amaya sont destinés à être diffusés sur le World Wide Web et à être consultés par les navigateurs les plus courants.

Amaya intègre des fonctions de navigation et de publication sur un serveur Web. Grâce à ces fonctions, il n'est pas nécessaire de disposer d'un navigateur annexe pour visualiser les pages créées ni de posséder un logiciel dédié pour le transfert des documents créés.

Grâce à son interface WYSIWYG similaire à celle d'un traitement de texte, Amaya ne nécessite pas la connaissance du format HTML pour créer des pages. Cependant, pour exploiter au mieux les capacités de l'éditeur, il est souhaitable de connaître quelques bases.

point Qu'est ce que HTML ?

Les fichiers hypertexte disponibles sur le Web sont décrits à l'aide d'un langage appelé HTML ou "Hypertext Markup Language". Il ne s'agit pas d'un langage de programmation, mais d'un langage dit de description.

L'information contenue dans un fichier HTML est de nature textuelle. Ces fichiers sont donc lisibles par un humain (à la différence des fichiers produits par la plupart des traitements de texte). L'information contenue dans le document est de trois natures :

Les balises et les attributs permettent également de lier des objets (ou ressources) externes à la page proprement dite. C'est le cas par exemple des liens hypertextes, mais aussi des images en ligne.

Lors de la consultation d'un document avec un navigateur, les balises, leurs attributs sont interprétées par le navigateur, les ressources externes (images) sont chargées et une image du document formaté est construite pour être présentée à l'utilisateur.

Voici un exemple simple de fichier HTML : et le même document formaté par un navigateur : 
<html>
<head>
<title>Le lancer de rayons</title>
<meta name="GENERATOR" content="amaya V2.0">
</head>
<body>
<h2>Introduction au ray-tracing</h2>
<ul>
<li><a href="foncray.html">
Fonctionnement du ray-tracing</a>
<li><a href="accelere.html">
Comment acc&eacute;l&eacute;rer le traitement
</a>
</ul>
<p>
<a href="../index.html">
<img src="backpro.jpg" alt="ds" 
height="55" width="70">
Retour au sommaire du site
</a>
</p>
</body>
</html>
 ray tracing

Chaque balise d'un fichier html peut contenir d'autres balises ainsi que du texte, mais une fin de balise ne peut être présente que si toutes les balises contenues ont été fermées. Les balises forment ainsi une hiérarchie, ou structure que l'on peut visualiser dans Amaya :

structure

Vue structure d'un document HTML

La structure d'un document HTML n'est pas laissée à l'apréciation du concepteur du document. Anfin que les différents navigateurs puisent interpréter de manière (à peu près) similaire les balises, des règles dictent les possibilités d'occurence des balises dans un document, ces règles portent sur :

Amaya permet d'éditer de manière interactive un document HTML sans avoir à se soucier de ces règles de composition des documents : en effet, l'outil ne permet que de créer les balises permises aux emplacement adéquat, le cas échéant, Amaya recompose localement la structure du document pour respecter les règles.

point Fonctions principales d'Amaya

point Limites d'Amaya

Les fonctionalités primordiales d'Amaya concernent l'édition de documents, c'est pourquoi les fonctionalités de navigation sont limitées. En particulier, Amaya ne permet pas

fleche DEMARRER AVEC AMAYA

o Général

point Langue du dialogue

Lors de sa première utilisation, Amaya est configuré avec des dialogues en anglais. Il est possible de configurer l'éditeur pour utiliser le français comme langue de dialogue.

Pour mettre les dialogues en Français :

  1. Choisissez l'entrée Preference du menu Special et sélectionnez General Preferences.

    La boîte de dialogue General Preferences s'ouvre.

  2. Repérez le champ Dialogue language. Sa valeur par défaut est en_US (anglais américain)
  3. Sélectionnez fr (français).
  4. Validez en cliquant sur Appliquer puis Terminer.
  5. Redémarrez Amaya pour que les changements prennent effet.

point Mode navigation et mode édition

Amaya propose deux mode d'utilisation :

Le bouton switch vous permet de passer d'un mode à l'autre.

o Naviguer ( navig )

point Consulter une page

Amaya permet de consulter des pages HTML disponibles sur des serveurs distants, ces pages sont identifiées pas une adresse URL (Uniform Resource Locator), par exemple http://www.w3.org/Amaya/index.html. L'URL contient le protocole de communication utilisé pour acceder à une ressource (sur le web : http) le nom du serveur (www.w3.org) et la localisation de la ressource sur le serveur (/Amaya/index.html). Avec Amaya, il est possible d'acceder aux pages de deux façons :

Si l'URL saisie ou le lien est incorrect, le message suivant "ERREUR: L'URL recherchée n'est pas accessible. Le site ou le serveur distant pourrait être en panne ou n'existe pas.Essayer plus tard." est affiché dans la fenêtre du document.

Il est possible de configurer Amaya pour permettre le suive de liens hypertextes par un simple clic. Le comportement d'Amaya est alors similaire à celui des navigateurs les plus courants :

  1. Choisissez l'entrée Préférences du menu Spécial puis cliquez sur Générale.
  2. La boîte de dialogue Configuration générale s'ouvre.
  3. Utilisez le bouton Cliquez deux fois pour suivre un lien pour modifier le comportement du logiciel.

    Vous pouvez modifier le délai du double clic dans cette même boîte de dialogue. Entrez un nombre dans le champ Délai du double clic.

  4. Cliquez sur Appliquer puis Terminer pour revenir à la fenêtre de travail.

point Interrompre le transfert

Il est possible d'interrompre le transfert d'une page en cours de chargement en cliquant le bouton stop de la barre d'outils.

point Aller à la page précédente / suivante

Il est possible de retourner à la page précédemment consultée, ou de revenir aux pages plus récentes à la suite d'un retour à la page précedente en cliquant les boutons naviga ou avec les commandes Précédent / Suivant du menu Fichier.

o Éditer ( switch )

La fonction première d'Amaya est la création de documents HTML. Grâce à ses fonctions de navigation, Amaya permet également d'éditer des documents existants sur le web. Dans cette partie, nous montrerons également comment utiliser des modèles de page prédéfinis pour créer de nouveaux documents HTML.

point Créer un nouveau document

Avec Amaya il est possible de créer un document vierge ou d'utiliser un modèle prédéfini.

Créer un document vide

  1. Choisissez Nouveau dans le menu Fichier.
  2. Sélectionnez Nouveau document HTML dans le sous-menu déroulant.
  3. Utilisez la boîte de dialogue Nouveau document HTML pour spécifier l'adresse du nouveau document.

Créer un document à partir d'un modèle de page

  1. choisissez Nouveau dans le menu Fichier.
  2. Sélectionnez Modèle dans le sous-menu déroulant. Un formulaire semblable au suivant s'affiche :

    formulaire

    Ce formulaire permet de choisir un modèle de page parmi ceux disponibles sur le serveur de modèles (CV, Calendrier, page WEB personnelle dans l'exemple ci-dessus) et une feuille de style à appliquer au modèle.

    La figure suivante présente le même modèle présenté avec deux feuilles de style différentes:

    Feuille de style "Bleu" Feuille de style "Noir"
    style Schtroumpf modele dracula

  3. Sélectionnez un modèle (cochez un des radio box).
  4. Choisissez éventuellement une feuille de style.
  5. Entrez le nom ou l'URL du document que vous voulez créer à partir du modèle.
  6. Validez par OK.

Vous obtenez alors le modèle choisi avec feuille de style éventuellement sélectionnée (après authentification dans le cas de l'utilisation de la publication directe).

Pour enregistrer votre document, il suffira donc de cliquer sur save ou d'utiliser l'entrée Sauver du menu Fichier.

point Ouvrir un document

Les deux commandes suivantes permettent d'ouvrir un document :

Le document doit alors apparaître. Dans le cas contraire un message d'erreur s'affiche dans la partie inférieure de la fenêtre Amaya. Vérifiez la validité du chemin entré et l'existence du fichier à ouvrir.

Lorsqu'un lien contenu dans un document modifié est affiché, le document pointé par ce lien s'ouvre dans une nouvelle fenêtre, ceci pour ne pas perdre les modifications sur le document contenant le lien.

Utiliser le navigateur de fichiers

Le navigateur de fichiers se présente comme le montre l'image suivante :

Navigateur de fichiers

Remplissez le champ Filtrer. Ce champ permet d'obtenir une recherche plus pertinente en n'affichant que les fichiers dont les noms correspondent au filtre choisi. Pour mette à jour les résultats de la recherche, cliquez sur le bouton Filtrer.

Dans l'exemple ci-dessus, nous avons filtré les fichiers .*htm*.

Nous obtiendront donc dans le champ Fichiers (champ dans lequel les résultats de la recherche sont affichés) les fichiers d'extension .shtml, .htm ou .htmx. Le répertoire manuel dans lequel nous nous trouvons ne contient comme fichiers correspondant à la description que les fichiers New.html et manuel.html.

Le champ Répertoires documents permet de naviguer dans l'arborescence du disque local.

point Éditer un document

Une fois un document ouvert ou créé, vous pouvez saisir du texte, insérer une image ou un élément HTML à l'emplacement défini par le curseur d'insertion curseur.

Pour déplacer le curseur, utilisez les touches fléchées ou la souris.

Faîtes défiler le document en utilisant les barres de défilement en bas et à droite de la fenêtre ou en utilisant les touches Page Up et Page Down.

Le moyen le plus simple pour créer de nouveau éléments dans un document est de placer le curseur d'insertion à l'emplacement désiré et de choisir la commande correspondant à l'élément.

Consultez le chapitre sur les éléments HTML.

Parfois l'élément désiré ne peut être inséré exactement à la position désirée, à cause des contraintes imposées par HTML. Amaya essaie alors de créer l'élément à la position la plus proche possible du curseur d'insertion. Par exemple, si le curseur d'insertion est à la fin de la dernière ligne d'un paragraphe, lorsque vous cliquez sur le bouton H2 Amaya ne crée pas la nouvelle entête à cette position (qui serait invalide), mais après le paragraphe.

Pour changer le titre du document,

  1. Placez le curseur d'insertion dans le champ titre de la fenêtre principale.
  2. Tapez le titre du document
  3. Validez par une pression sur la touche Entrée

point Sauver un document HTML

Pour sauver un fichier, vous pouvez utiliser

Remarque : Dans le cas où une session a échoué avant que vous ayez pu sauver vos modification, Amaya sauvegarde les documents courants. Il vous sera proposé de les charger au prochain démarrage d'Amaya.

point Imprimer un document

Cliquez sur print ou sur l'entrée Imprimer du menu fichier.

Les paramètres d'impression peuvent être modifiés avec l'entrée Paramétrer et imprimer du menu Fichier. (Cf Paramètres d'impression)

Ces paramètres permettent d'imprimer la table des matières, la table des liens ou l'URL du document, de créer un fichier PostScript, de spécifier une alimentation manuelle.

o Sélectionner

La sélection définit la portée d'une commande d'édition.

Amaya représente le document en interne de façon structurée.

Le mode de sélection qu'elle propose est plus puissant que celui des éditeurs classiques.

Cette sélection peut se faire aussi bien sur du texte que sur des éléments HTML (tableaux, listes, images)

point Sélection de texte

La sélection courante apparaît par défaut en bleu foncé sur fond orange.

Différents moyens de sélectionner du texte sont disponibles.

point Sélection de structures

On entend par structure tout élément HTML autre que du texte simple.

Quelques structures : paragraphes, tableaux, listes ...

Lors de la sélection d'une structure, il faut toujours avoir sous les yeux la barre de sélection en bas à droite : barre

select select select
Sélection de l'image

(IMG \ P \ BODY \ HTML)

 Première pression sur Esc

Le paragraphe est sélectionné

(P \ BODY \ HTML )

 Deuxième pression sur Esc

Le corps tout entier de la page est

sélectionné ( BODY \ HTML)

fleche INSÉRER DES ÉLÉMENTS HTML

o Éléments HTML simples

point Les listes

La norme HTML propose 3 sortes de listes

Créer une liste

Transformer du texte en liste

Pour transformer du texte en liste

  1. Sélectionnez le texte
  2. Choisissez l'entrée Listes du menu Éléments. Chaque ligne du texte sélectionné deviendra un élément de la liste ainsi crée.

Transformer un tableau en liste

  1. Sélectionnez le tableau ( appuyez sur Esc jusqu'à ce que l'outil de sélection indique Table\...)
  2. Choisissez la commande Transformer du menu Edition. Choisissez l'entrée liste.

Exemple :

Tableau matériel Liste numérotée obtenue par transformation
Carte vidéo Cirrus Logic Diamond ATI
Souris Logitech Microsoft

Mouse Systems
CD ROM IDE 24x SCSI 32x
Disque dur IDE EIDE SCSI
  1. Carte video
    • Cirrus Logic
    • Diamond
    • ATI
  2. Souris
    • Logitech
    • Microsoft
    • Mouse Systems
  3. CD ROM
    • IDE 24x
    • SCSI 32x
  4. Disque dur
    • IDE
    • EIDE
    • SCSI

point Les traits horizontaux (HR)

Les traits horizontaux servent à délimiter visuellement les différentes parties d'un document HTML.

Pour insérer un trait horizontal, choisissez l'entrée Trait horizontal (HR) du menu Eléments.

point Les divisions (DIV)

Les divisions englobent une partie d'un document HTML pour la délimiter structurellement du reste du document..

Elles apparaissent dans la vue structure avec le marqueur DIV.

division

Elles servent à structurer les documents de manière plus nette.

Elles permettent en outre d'appliquer une même propriété (langue dans le cas d'un document multi-langues, police de caractères, couleur de fond...) à un ensemble d'éléments.

Pour insérer une division

point Les entêtes

Les entêtes servent à mettre du texte en relief.

Il existes plusieurs tailles d'entêtes (tailles de 1 à 6)

Pour insérer une entête, cliquez sur l'une des icônes h ou choisissez l'entrée Heading dans le menu Eléments.

o Les liens

Créer un lien interne

Pour créer un lien interne (un lien pointant sur un document local)

  1. Ouvrez le document cible (sautez cette étape s'il s'agit du même document)
  2. Sélectionnez tout d'abord la cible et choisissez l'entrée Créer cible du menu Liens.

    Pour rendre ce lien visible, cochez la case Montrer les cibles du menu Vues.

    Vous voyez apparaître le symbole cible à côté de la cible choisie. Ces symboles ne font pas partie du document. Leur rôle est de rendre visible les cibles.

  3. Choisissez l'élément source (à partir duquel vous accéderez à la cible).
  4. Sélectionnez-le et choisissez l'entrée Créer / changer lien du menu Liens. Le pointeur de la souris change d'apparence pour ressembler à une main directionelle.
  5. Cliquez sur la cible précédemment définie (symbole cible ). La source devient une ancre, par défaut de couleur bleue. Le lien est effectué.

Créer un lien vers une page Web

Pour créer un lien vers une page Web

  1. Choisissez l'élément source
  2. Cliquez sur l'entrée Créer / changer lien du menu Liens. Le pointeur de la souris change d'apparence pour ressembler à une main directionelle.
  3. Cliquez n'importe ou dans la page sauf sur une cible. Une boîte de dialogue vous propose alors d'entrer une URL cible.
  4. Entrez cette URL et validez. Une fois le lien créé, vérifiez sa validité en suivant le lien.

    Si le lien est incorrect, Amaya affichera un message d'erreur.

Modification d'un lien

Pour modifier un lien

  1. Sélectionner l'ancre du lien
  2. Choisissez l'entrée Créer / changer lien du menu Liens
  3. Procédez ensuite de la même façon que lors d'une création.

Vous pouvez aussi éditer l'attribut href soit dans la vue structure ou dans la vue liens.

Suppression d'un lien

  1. Sélectionnez l'ancre du lien (elle apparaît en bleu)
  2. choisissez l'entrée Détruire ancre du menu Liens

o Images et zones actives

Insérer une image

Pour insérer une image

  1. Placer le curseur au futur emplacement de l'image
  2. Choisissez l'icône image ou l'entrée Image (IMG) du menu Eléments. Une boîte de dialogue vous propose de choisir une image dans l'arborescence de votre disque.
  3. Sélectionner un format dans d'image dans le champ Filtre et validez en cliquant sur Filtrer.
  4. Remplissez le champ ALT (texte de remplacement). Ce champ est obligatoire. Il contient le texte de remplacement de l'image (le nom qui sera affiché dans la vue alternée (Cf Vues) ou occasionnellement dans la vue formattée ).
  5. Cliquez sur Confirmer

Image de fond

Pour insérer une image de fond

  1. Choisissez l'entrée Image de fond dans le menu Style.
  2. Procédez ensuite comme pour l'insertion d'une image. (étapes 3 et 4 de Insérer une image)
  3. Choisissez un mode de répétition. Ce mode permet de choisir la façon dont l'image (dont la taille est rarement celle de l'espace de la page ) va être répétée pour remplir la page.

Redimensionner une image

Pour redimensionner une image

  1. Sélectionnez l'image (l'image est sélectionnée lorsqu'elle est entourée de poignées en forme de petits carrés)
  2. Placez la souris sur la poignée du coin supérieur droit
  3. Déplacez la souris vers l'intérieur de l'image en maintenant la touche Ctrl et le bouton du milieu de la souris enfoncés.

Vous pouvez aussi éditer les attributs width et height (largeur et hauteur) d'une image dans la vue structure.

Exemple : IMG src=bonjour.gif alt=bonjour width=300 height=200

Créer une zone active

Une zone active (AERA) est une zone d'image associée à un lien.

Pour comprendre son utilité, imaginez que nous voulions pouvoir accéder à des guides touristique de chaque région.

Nous disposons de cette carte des régions de France.

ds

Il serait pratique de pouvoir cliquer sur la région concernée et d'avoir ainsi accès au document sue cette région..

Ceci est rendu possible par les zones actives.

Pour créer une zone active

  1. Rendez les zone actives visible en choisissant l'entrée Montrer les zones actives du menu Vue
  2. Sélectionner une image
  3. Choisissez Zone Active (AERA) du menu Eléments.
  4. Choisissez entre Cercle, polygone et rectangle
  5. Dessiner votre zone
  6. Rendez votre zone visible en choisissant l'entrée Montrer les zones actives du menu Vues.
  7. Remplissez l'attribut ALT (texte de remplacement). Le pointeur change d'aspect (main directionnelle).
  8. Choisissez une cible

Exemple :

Les zones actives sont entourées d'un trait bleu.

Dans cet exemple, lorsqu'un utilisateur clique sur la roue avant, un lien le conduit vers le site http://michelin.com

S'il clique sur le motard, il accède au site http://www.motobiker.com.

motobike

Voici comment les zones sont affichées dans la vue structure

AERA shape=circle coords=35,157,35 alt=roue avant href=http://www.michelin.com

AERA shape=poly coords=108,141,96,....,122 alt=motobiker href=http://www.motobiker.com
roue avant motobiker

Modifier la géométrie d'une zone active

  1. Assurez vous que les zones actives sont visibles (Montrer les zones actives du menu Vues)
  2. Sélectionnez la zone active à modifier. Les zones actives apparaissent avec des poignées (carrés noirs).
  3. Choisissez une des poignées de la zone active
  4. Appuyez sur la touche Ctrl et cliquez sur la poignée
  5. Déplacez la souris pour déplacer la poignée jusqu'à la position désirée
  6. Relâchez le bouton.

Vous pouvez aussi modifier les paramètres de l'attribut coord dans la vue structure.

Exemple : AERA shape=poly coords=108,141,96,....,122 alt=motobiker href=http://www.motobiker.com

Déplacer une zone active

Lorsqu'une zone active est définie, vous pouvez la déplacer

o Les tableaux

Créer un tableau vide

Pour créer un tableau,

  1. Cliquez sur l'icône tableau ou choisissez l'entrée Table dans le menu Eléments.
  2. Entrez les dimensions du tableau (nombre de colonnes, nombre de lignes)
  3. Entrez l'épaisseur du trait
  4. Validez avec le bouton Confirmer.



    Vous obtiendrez un tableau similaire à celui-ci :
  5. Insérez les éléments dans les cases.

    Les cases s'agrandiront automatiquement en fonction de l'encombrement des éléments insérés.

Créer un tableau à partir de texte

Sélectionnez le texte à insérer dans un tableau et appuyer sur le bouton tableau de la barre d'outils.

Redimensionner manuellement la largeur d'une case ou d'un tableau

Pour redimensionner manuellement une case

  1. Placez le curseur dans la case à redimensionner
  2. Maintenez la touche Ctrl enfoncée
  3. Déplacez la souris en maintenant le bouton du milieu de la souris appuyé
  4. Relâchez les boutons lorsque la dimension souhaitée est obtenue.

Vous pouvez également éditer l'attribut width du tableau dans la vue structure.

Exemple : <table border="1" width="58%">

Modifiez l'épaisseur du trait de tableau

  1. Sélectionnez le tableau ( utilisez la touche Esc jusqu'à obtenir /TABLE/BODY/HTML)
  2. Choisissez l'entrée Border dans le menu Attributs. Une boîte de dialogue vous demande l'épaisseur du trait du tableau.
  3. Entrez un nombre (entrez 0 si vous voulez que le tableau soit invisible)
  4. Validez en appuyant sur le bouton Appliquer puis Terminer.

Vous pouvez également éditer l'attribut border du tableau dans la vue structure.

Exemple : <table border="1" width="58%">

o Mathématiques

Amaya permet l'édition de formules mathématiques plus élégantes que celles que l'on peut faire avec les ressources de base à savoir les tirets et les slashs.

2 x + 3 y x 2 = 2

Sachez cependant que les formules éditées avec Amaya ne seront affichables que par ce logiciel.

Créer une formule

Pour créer une formule mathématique

  1. Cliquez sur l'icône math dans la barre d'icônes. Une nouvelle boîte d'outils s'ouvre dans une nouvelle fenêtre. Placez la où vous voulez dans votre espace de travail, elle restera affichée tant que vous la fermerez pas.
  2. Placez votre curseur à l'endroit adéquat dans le document
  3. Choisissez un icône parmi les 14 proposés dans la barre d'outils Maths. Une trame de votre formule apparaît en gris sur la feuille de travail.
  4. Complétez cette trame.

Vous pouvez aussi utiliser l'entrée Math du menu Eléments puis choisir parmi les modèles mathématiques proposés.

Utiliser l'alphabet grec

Pour insérer des lettres appartenant à l'alphabet grec,

  1. Cliquez sur l'icône grec de la barre d'outils Maths. La boîte d'outil Alphabet Grec s'affiche. Comme son nom ne l'indique pas, elle contient aussi tous les outils mathématiques pour créer des conditions, des appartenances ...
  2. Placez le curseur au point d'insertion
  3. Choisissez une lettre grecque ou un symbole mathématique.

Pour fermer la barre d'outil, cliquez sur le bouton Annuler de cette barre.

fleche MODIFIER DES ÉLÉMENTS HTML

point Éditer les attributs d'un élément

Amaya offre deux moyens d'éditer les attributs:

Éditer les attributs avec le menu Attributs

Le menu Attribut liste tous les attributs qui peuvent être associés à l'élément sélectionné.

Pour éditer un attribut

  1. Sélectionnez l'élément approprié. Vous devez sélectionner entièrement l'élément, pas seulement un caractère de cet élément (utilisez la touche Esc)
  2. Choisissez l'attribut à éditer dans le menu Attributs. Amaya agit alors en fonction de cet attribut.

Éditer les attributs avec la vue Structure

Tous les attributs sont affichés dans la vue Structure. Les attributs dont la valeur peut être choisie sans contraintes sont affichées en noir et vous pouvez éditer leur valeur comme toute autre chaîne de caractères. Lorsque la valeur de l'attribut est affichée en bleu, vous ne pouvez pas la changer autrement qu'avec le menu Attributs.

point Changer le type d'un élément

Pour changer le type d'un élément existant, sélectionnez-le et choisissez le nouveau type dans le menu Eléments.

Vous pouvez ainsi par exemple changer un paragraphe en une liste ou en une entête.

Des transformations plus complexes sont possibles (voir Changer la structure d'un document HTML)

fleche CHANGER LA STRUCTURE D'UN ÉLÉMENT HTML

De simples transformations de structure peuvent être faites avec le menu Eléments (voir ci-dessus)

Des transformations plus complexes peuvent être obtenues par d'autres moyens.

La commande Transformer

La commande Transformer du menu Edition réalise des transformations de structure complexes.

Cette commande ouvre un menu qui liste toutes les transformations applicables à la sélection courante.

Il est par exemple possible de transformer une liste en tableau.

Insérer une division

Il est possible de grouper un ensemble de paragraphes, d'entêtes, de listes, de tables,... dans une division.

  1. Sélectionnez l'ensemble des éléments
  2. Choisissez l'entrée DIV du menu Eléments

Les touches Retour arrière et Effacer

Des éléments successifs peuvent être unis, même s'ils ne sont pas au même niveau dans la structure du document.

L'union peut être réalisée à l'aide des touches Retour arrière et Effacer. Lorsque le point d'insertion est à la fin d'un élément, utilisez la touche Effacer, lorsqu'il est au début, utilisez la touche Retour arrière. Dans les deux cas, ces touches n'effacent aucun caractère, mais rassemblent les éléments qui sont séparés par un marqueur de structure.

Lorsque le point d'intersection est à l'intérieur d'un élément, ces deux touches effacent le caractère précédent et suivant, comme d'habitude.

fleche CHANGER LA PRÉSENTATION D'UN DOCUMENT HTML

point Numéroter les sections d'un document

Les sections entêtes (éléments H n ) peuvent être automatiquement numérotées selon la structure du document.

La commande Numéroter les sections du menu Spécial est un booléen qui permet d'activer ou de désactiver cette fonction.

Lorsqu'elle est activée, cette fonction attribue à toutes les entêtes un numéro. Ce numéro est calculé en fonction du type de l'entête ( H n ) et de sa position dans la structure du document.

Ces numéros sont affichés en bleu devant les entêtes et ne peuvent être édités directement.

Ils seront automatiquement mis à jour lors de la création, la modification ou la suppression d'une entête.

Ces numéros apparaissent aussi dans la vue Table des matières.

Lors de l'impression du document, les numéros de sections n'apparaîtront que si la fonction est activée.

point Changer les attributs style d'un élément

Appliquer et mettre à jour des attributs style

Chacune des quatre entrées du menu Style appelle un boîte de dialogue permettant d'associer un attribut style aux éléments sélectionnés.

Dans les boîtes de dialogue ouvertes par ces commandes, le bouton Défaut permet de supprimer l'information de style correspondant.

point Utiliser les feuilles de style

Qu'est ce qu'une feuille de style ?

Les feuilles de style donnent la possibilité de contrôler la présentation d'un document HTML sans toucher à sa structure de base.

Elles permettent par exemple de définir la couleur, la fonte des entêtes, des tableaux ou de tout autre élément HTML. Par la suite, vous pourrez retrouver ce style lorsque vous créez un nouveau tableau ou une nouvelle entête.

Il existe principalement deux façons d'introduire des feuilles de style dans une page HTML :

ambiance.css

Créer, mettre à jour des classes

Lorsqu'un attribut de style a été associé à un élément (Cf Changer les attributs style d'un élément), vous pouvez utiliser cet élément comme modèle pour créer ou modifier une classe.

Pour créer ou mettre à jour une classe, .

  1. Sélectionnez l'élément (utilisez la touche Esc). Vous ne devez sélectionner qu'un élément et cet élément doit avoir un attribut style.
  2. Choisissez la fonction Créer une règle du menu Style.

    Une boîte de dialogue s'ouvre et affiche une liste de sélecteurs CSS.

    Cette liste contient les classes définies pour le document courant (.par_rouge, .H2_vert)

    Elle n'affiche pas les types d'éléments auxquels des styles sont associés (.TABLE, .H2). Ils sont en revanche visibles dans la structure du document.

  3. Choisissez un sélecteur dans cette liste pour le modifier ou entrez un nouveau nom de sélecteur ou de style.

    Cliquez sur le bouton Confirmer.

    Le style de l'élément sélectionné est alors associé au sélecteur choisi et l'attribut style est enlevé du cet élément.

    Son contenu est déplacé sur l'élément style, dans l'entête (HEAD) du document. Tous les éléments qui correspondent au sélecteur sont affichés avec le nouveau style.

Utiliser des classes

Lorsque vous avez de nouvelles classes avec la commande Créer une règle, vous pouvez associer ces classes aux éléments du document.

Pour associer une classe à un élément,

  1. Sélectionnez un élément
  2. Choisissez la fonction Appliquer une classe du menu Style.

    Une boîte de dialogue affiche les classes existantes.

  3. Choisissez une de ces classes et cliquez sur Confirmer.

    L'élément sélectionné est alors affiché avec le style associé à la classe choisie.

Vous pouvez aussi associer une classe avec un élément en utilisant l'entrée class du menu Attribut.

Utiliser des feuilles de styles externes

L'entrée Feuilles de style du menu Style permet d'accéder à un ensemble de commandes.

Ces commandes permettent de manipuler les feuilles de style externes.

Ajouter une feuille de style

Cette commande ajoute un lien vers une feuille de style externe dans le document courant.

Elle aura pour effet de rajouter une ligne <LINK> dans l'entête de ce document HTML.

Lorsque cette commande est activée, le pointeur se change en main directionnelle (symbole des liens).

Si le feuille de style désirée est déja ouverte dans une fenêtre Amaya, il suffit de cliquer dans cette fenêtre pour créer ce lien.

Sinon, l'utilisateur doit cliquer sur le document. Cette action ouvrira une boîte de dialogue permettant d'entrer l'URL de cette feuille de style.

Ouvrir une feuille de style

Cette commande ouvre une nouvelle fenêtre dont le contenu sera la feuille de style externe.

Elle ouvre la boîte de dialogue CSS qui propose de choisir une feuille de style parmi les feuilles qui ont été précédemment ajoutées.

Sélectionnez une feuille de style dans la liste affichée et cliquez sur Confirmer.

Activer /Désactiver une feuille de style

Ces commandes permettent d'activer ou d'enlever les effets d'une des feuilles de styles externes au le document sourant.. Elle n'affecte pas le lien entre le document courant et cette feuille de style.

Retirer une feuille de de style

Cette commande permet de retirer une feuille de style du document courant. Elle agit comme la commande Désactiver mais elle retire en plus le lien entre le document et la feuille de style externe.

fleche UTILISER LES OUTILS D'ÉDITION D'AMAYA

Utiliser le vérificateur d'orthographe

Amaya dispose d'un vérificateur d'orthographe multi-langues.

Un même document peut être écrit en plusieurs langues et interprété comme tel par Amaya grâce à l'attribut lang.

Cet attribut peur être associé à tout élément du document, même à un simple mot.

Amaya permet en outre d'enrichir le dictionnaire en permettant à l'utilisateur d'y ajouter des mots.

Associer une langue à un élément

Pour associer une langue à un élément,

  1. Sélectionnez l'élément
  2. Choisissez l'attribut lang du menu Attributs. La boîte de dialogue Langue apparaît.

    La langue courante est indiquée dans le champ Langue héritée.

  3. Sélectionnez une langue parmi les 14 proposées.
  4. Cliquez sur le bouton Appliquer puis sur le bouton Terminer.

Vérifier l'orthographe du document

Après avoir appliqué une ou des langues aux éléments du document

  1. Choisissez la commande Vérifier orthographe du menu Eléments.

    La boîte de dialogue suivante s'affiche

    spell check

    Cette boîte de dialogue vous permet de modifier les paramètres de vérification et d'interagir avec le correcteur.

  2. Modifiez si besoin le nombre de propositions. Il s'agit du nombre maximum de proposition que le correcteur proposera pour corriger la faute détectée. Ce nombre ne peut être supérieur à 10
  3. Modifiez si besoin le champ Ignorer les mots. Les différents boutons qu'il propose permettent d'ignorer certains mots : par exemple les mots contenant des chiffres ou des caractères spéciaux.
  4. Le sous-menu Où corriger permet de spécifier la partie du document sur laquelle la vérification va s'effectuer. Par défaut, la vérification se fera après la sélection.
  5. Cliquez sur le bouton Suivant pour commencer la recherche de fautes d'orthographe.

    Si votre document ne contient aucune faute, le message Pas trouvé est affiché dans le coin inférieur gauche de la boîte de dialogue.

    L'exemple ci-dessous illustre le cas où une faute d'orthographe a été trouvée.

    exemple de correction La langue dans laquelle est effectuée la correction est affichée en haut à gauche (French)

    Si ce langage ne correspond pas au mot affiché dans la zone Corriger, changez l'attribut lang de ce mot (ou du document). Voir Associer une langue à un élément.

    Le mot erroné (supérier dans l'exemple) apparaît dans la zone Corriger. Sous ce mot sont affichées les propositions pour le corriger (supérieur, stupéfier, expédier)

  6. Pour corriger la faute, vous avez à votre disposition les boutons Suivant, Suivant (+ dic), Remplacer et Remplacer (+ dic)

    Les boutons suivis de (+ dic) accomplissent les même tâches. Cependant elle ajoutent le mot "erroné" dans le dictionnaire de l'utilisateur.

  7. Continuez cette vérification jusqu'a ce que le message Pas Trouvé apparaisse, signifiant ainsi que toutes les fautes ont été signalées.
  8. Cliquez sur le bouton Terminer pour fermer la boîte de dialogue Corriger.

Utiliser les commandes Couper / Copier / Coller

Les commandes Couper / Copier / Coller sont disponibles dans le menu Edition.

Ces commandes sont utilisées dans de nombreux logiciels.

Nous en rappelons ici le fonctionnement.

Attention : Il est impossible de réaliser le copier/coller si les fenêtres de travail ne sont pas issues de la même application Amaya.

Chercher et remplacer du texte

Rechercher du texte

La recherche d'un mot ou d'un texte est une fonction très utilisée en édition. Elle permet de chercher un mot ou un ensemble de mots adjacents.

Pour rechercher du texte

  1. Choisissez l'entrée Rechercher du menu Edition.
  2. Indiquez la partie du document dans laquelle sera effectuée la recherche dans la partie Où rechercher de la boîte de dialogue Recherche.

  3. Entrez le texte recherché dans Texte à rechercher.
  4. Appuyez sur le bouton Confirmer. Le texte recherché, s'il est présent dans le document est affiché en surbrillance comme dans l'exemple ci-dessous.

    Dans le cas contraire, le message Pas trouvé s'affiche.

    Exemple de recherche

  5. Cliquez sur le bouton Sauter pour poursuivre la recherche au reste du document ou cliquez sur Terminer pour finir la recherche.

Remplacer du texte

Procédez de la même manière que pour une recherche et entrez simplement le texte de remplacement dans le champ Texte de remplacement.

Choisissez ensuite un mode de remplacement :

Créer un livre

Il est souvent utile de rassembler une collection de documents HTML en un seule document.

Imaginez par exemple une documentation technique en ligne dont la première page est la table des matière.

Chaque rubrique de la table des matière pointe sur un chapitre. Cette organisation est très utile pour la consultation avec un navigateur. En revanche, il faudra imprimer tous les documents un par un pour imprimer la collection.

Pour créer un livre à partir de tous ces documents

  1. Ouvrez la page qui contient les liens vers les pages à rassembler
  2. Lorsque cette page est affichée, ouvrez la vue Liens. Choisissez Montrer les liens du menu Vues.

  3. Sélectionnez un lien dont le document cible doit être inséré dans le livre. Ce lien peut pointer indifféremment sur document externe ou sur une partie d'un document externe. Il suffit pour cela d'insérer une division sur cette partie et de la lier.

    Pour la sélection, il suffit de cliquer sur l'attribut href.

  4. Choisissez l'attribut rel du menu Attributs. Entrez chapter dans la boîte de dialogue qui s'affiche.
  5. Répétez l'opération pour les autres liens.
  6. Revenez dans la vue formattée et choisissez la commande Faire un livre dans le menu Spécial. Le livre est créé. Tous les chapitres importés sont séparés par des divisions (DIV).

fleche LES VUES

Vous pouvez ouvrir et fermer une vue à n'importe quel moment.

Les vues sont synchrones c'est à dire qu'une modification ou une sélection sur l'une est immédiatement reportée sur l'autre

Ouvrir / Fermer une vue

Pour ouvrir une vue, choisissez la commande Montrer de la vue correspondante dans le menu Vues .

Cette commande peut aussi être utilisée pour rappeler une fenêtre qui était en arrière plan.

Pour fermer la vue, utilisez la commande Fermer la vue du menu Fichier de cette vue.

Utiliser les vues

Amaya offre plusieurs vues simultanée d'un document.

Il est donc possible de travailler sur un document en ayant à sa disposition plusieurs fenêtres représentant des vues différentes du document.

Les vues disponibles sont:

point vert la vue formattée

Cette vue est la vue par défaut lorsque vous éditez un document. C'est la vue que vous avez l'habitude de voir lorsque vous éditez un document avec la plupart des outils d'édition HTML.

Contrairement aux autres vues, elle affiche les éléments graphiques tels que les images ou les listes.

point vert la vue structure

Cette vue monte la structure actuelle du document. Chaque élément est représenté par son marqueur HTML, suivi de ses attributs sur la même ligne.

Les éléments qu'il contient sont en dessous contre une ligne verticale bleue qui montre l'étendue de l'élément

Les parties affichées en noir peuvent être directement éditées.

Vue structure

point vert la vue alternée

Cette vue n'affiche que du texte plein.

Elle permet d'avoir un aperçu de la façon dont un navigateur texte plein affiche la page.

Vue alternee

point vert la vue liens

Cette vue montre toutes les ancres du document, ainsi que les URL sur lesquelles elles pointent.

Vue liens

point vert la vue table des matières

Cette vue affiche la table des matières du document.

Comme la fonction Numéroter les sections, cette vue se base sur les entêtes H n du document .

Vue table des matieres

Copyright  ©  1997 W3C (MIT, INRIA, Keio ), All Rights Reserved. W3C liability, trademark, document use and software licensing rules apply. Your interactions with this site are in accordance with our public and Member privacy statements.