Création de pages web avec Netscape Composer

 

Dans cette section :

Création d'une page

Sélection du mode d'édition correct

Enregistrement et navigation dans la nouvelle page

 

Création d'une page

Netscape Composer est un éditeur HTML (HyperText Markup Language) permettant de créer et de modifier des pages web. Éditeur WYSIWYG (What You See Is What You Get), Composer permet de voir exactement la façon dont la page sera affichée à mesure de sa création. Il n'est pas nécessaire de connaître le langage HTML, dans la mesure où la plupart des fonctions HTML sont disponibles sous la forme de commandes des barres d'outils et des menus.

Pour créer une page web, procédez comme suit. Une fois que vous avez entamé une page, vous pouvez ajouter et modifier du texte tout comme dans un traitement de texte.

Pour créer une page :

Pour modifier une page que vous consultez dans Navigator :

Pour démarrer à partir d'un fichier HTML stocké sur le lecteur local :

  1. Ouvrez le menu Tâches et sélectionnez Composer.
  2. Ouvrez le menu Fichier et choisissez Ouvrir un fichier.
  3. Localisez le fichier à utiliser sur le disque dur.
  4. Cliquez sur Ouvrir pour afficher le fichier spécifié dans une fenêtre Composer.

Pour modifier une page web :

  1. Ouvrez le menu Fichier et sélectionnez Ouvrir une adresse Web.
  2. Dans la boîte de dialogue Ouvrir une adresse Web, entrez l'URL de la page (par exemple, www.netscape.com), puis sélectionnez Nouvelle fenêtre Composer dans le menu contextuel.
  3. Cliquez sur Ouvrir pour afficher la page dans une fenêtre Composer. Remarque : N'oubliez pas que cette page ne pourra être enregistrée que sur votre disque dur.

Astuce : Dans la fenêtre Composer, vous pouvez ouvrir rapidement les derniers fichiers sur lesquels vous avez travaillé en ouvrant le menu Fichier, puis en sélectionnant Pages récentes, et en choisissant le fichier désiré dans la liste.

Retour au début de la section ]

 

Sélection du mode d'édition correct

Composer permet d'alterner rapidement entre quatre modes d'édition ou vues. Chaque mode d'édition permet de continuer à travailler sur la page, en affichant différents niveaux d'étiquettes HTML (et d'icônes d'étiquettes).

Avant de sélectionner un mode d'édition :

La barre d'outils de modification comprend quatre onglets :

Remarque : Les fonctions JavaScript, les cadres et les fichiers gif animés ne sont activés dans aucun des modes d'édition.

Retour au début de la section ]

 

Enregistrement et navigation dans la nouvelle page

Pour enregistrer une nouvelle page sous la forme d'un fichier HTML sur le lecteur local :

Astuce : Choisissez Revenir à la version enregistrée dans le menu Fichier pour récupérer la dernière version enregistrée du document sur lequel vous travaillez. N'oubliez pas que les modifications en cours seront perdues.

Pour afficher la page dans une fenêtre Navigator (navigateur) afin de tester les liens :

Retour au début de la section ]

 


Formatage de votre page web

 

Dans cette section :

Formatage de paragraphes, en-têtes et listes

Modification de la couleur, du style et de la police du texte

Recherche de texte dans la page

Insertion de lignes horizontales

Insertion de caractères spéciaux

Insertion d'éléments et d'attributs HTML

Vérification orthographique

 

Formatage de paragraphes, en-têtes et listes

Pour appliquer un format à un paragraphe :

  1. Placez le pointeur où vous souhaitez que le format commence et cliquez ou sélectionnez les paragraphes à formater.
  2. Ouvrez le menu Format et sélectionnez En-tête.
  3. Sélectionnez l'un des formats suivants :

Pour appliquer un format d'en-tête :

  1. Placez le pointeur là où vous souhaitez que le format commence et cliquez ou sélectionnez le texte à formater.
  2. Ouvrez le menu Format et sélectionnez En-tête.
  3. Sélectionnez le niveau d'en-tête désiré, de 1 à 6 (du plus grand au plus petit). Par exemple, sélectionnez "En-tête 1" pour l'en-tête principal, "En-tête 2" pour l'en-tête suivant, etc.

Pour appliquer un format de liste :

  1. Sélectionnez le texte à formater.
  2. Ouvrez le menu Format et choisissez Liste.
  3. Choisissez le style de liste :

Astuce : Vous pouvez appliquer rapidement un style de liste au texte en le sélectionnant et en cliquant sur les boutons Liste numérotée et Liste à puces de la barre d'outils.

Pour modifier le style des puces ou numéros :

  1. Cliquez pour placer le pointeur dans le texte de l'élément de liste à modifier. Pour modifier l'ensemble de la liste, sélectionnez-la.
  2. Ouvrez le menu Format et choisissez Propriétés de la liste.
  3. Choisissez un style de puce ou de numéro dans le menu contextuel. Pour les listes numérotées, spécifiez également un numéro de début. Pour les listes à puces, vous pouvez modifier le style de puce.

Pour aligner un paragraphe ou un texte dans la page, par exemple, le centrer ou l'aligner à gauche ou à droite :

  1. Placez le pointeur dans le paragraphe ou la ligne de texte à aligner.
  2. Ouvrez le menu Format et choisissez Aligner, puis une option d'alignement. Vous pouvez également sélectionner l'option d'alignement dans la barre d'outils de formatage.

Retour au début de la section ]

 

Modification de la couleur, du style et de la police du texte

Pour modifier le style, la couleur ou la police du texte sélectionné :

  1. Sélectionnez le texte à formater.
  2. Ouvrez le menu Format et choisissez l'une des options suivantes :

Vous pouvez également modifier la couleur d'arrière-plan de la page ou utiliser une image comme fond de page. Voir Définition des couleur et du fond de la page.

Astuce : Pour supprimer rapidement tous les formats du texte sélectionné, ouvrez le menu Format et choisissez Supprimer tous les styles.

Retour au début de la section ]

 

Recherche de texte dans la page

Pour rechercher du texte dans la page en cours :

  1. Ouvrez le menu Edition et choisissez Rechercher.
  2. Dans la boîte de dialogue Rechercher sur la page, entrez le texte à rechercher. Pour limiter la rechercher, sélectionnez une ou plusieurs des options suivantes :
  3. Cliquez sur Rechercher pour commencer. Lorsque Composer trouve la première occurrence du texte, sélectionnez Poursuivre la recherche dans le menu Edition pour rechercher l'occurrence suivante.

Retour au début de la section ]

 

Insertion de lignes horizontales

Pour ajouter une ligne horizontale (également appelée règle) à votre page :

  1. Placez le pointeur à l'endroit où insérer la ligne.
  2. Cliquez sur le bouton Ligne horizontale de la barre d'outils ou ouvrez le menu Insérer et choisissez Ligne horizontale.

Définition des propriétés de la ligne horizontale

Vous pouvez personnaliser la hauteur, la longueur, la largeur, l'alignement et l'ombre de la ligne.

  1. Double-cliquez sur la ligne pour la sélectionner.
  2. Ouvrez le menu Format et sélectionnez Propriétés de la ligne horizontale.
  3. Modifiez ces propriétés :
  4. Cliquez sur Enregistrer les paramètres pour les utiliser comme paramètres par défaut pour toutes les lignes horizontales.

 

Insertion de caractères spéciaux

Pour insérer des caractères tels que des symboles ou des caractères accentués :

  1. Placez le pointeur à l'endroit où insérer le caractère spécial.
  2. Ouvrez le menu Insérer et choisissez Caractères et symboles.
  3. Choisissez une catégorie de caractères.
  4. Si vous choisissez Majuscules accentuées ou Minuscules accentuées, ouvrez le menu contextuel Lettre et sélectionnez la lettre à accentuer. Remarque : toutes les lettres n'ont pas de forme accentuée.
  5. Dans le menu contextuel Caractères, choisissez le caractère à insérer.
  6. Cliquez sur Insérer, puis fermez.

Retour au début de la section ]

 

Insertion d'éléments et d'attributs HTML

Si vous êtes familiarisé avec le code source HTML, vous pouvez insérer d'autres étiquettes, attributs de style et codes JavaScript dans votre page. Pour travailler avec du code HTML, utilisez l'une des deux méthodes suivantes :

Utilisation de l'Editeur de propriétés avancées

Pour ajouter des attributs et des événements JavaScript à des objets tels que des tableaux, images et lignes horizontales, utilisez l'Editeur des propriétés avancées :

  1. Sélectionnez l'objet à modifier et ouvrez sa boîte de dialogue Propriétés. Par exemple, pour modifier une ligne horizontale, double-cliquez dessus pour la sélectionner, puis ouvrez le menu Format et choisissez Propriétés de la ligne horizontale.
  2. Dans la boîte de dialogue Propriétés, cliquez sur Edition avancée. La boîte de dialogue Editeur de propriétés avancées comprend trois onglets, affichant chacun les propriétés de l'objet sélectionné :
  3. Pour modifier une propriété ou un attribut de la liste, cliquez sur son nom et entrez une autre valeur dans le champ correspondant.
  4. Pour ajouter une propriété, entrez son nom, la valeur correspondante et cliquez sur Ajouter.
  5. Cliquez sur OK pour confirmer les modifications, puis de nouveau sur OK pour quitter la boîte de dialogue Propriétés.

Composer place automatiquement les crochets de début et de fin < et > autour du code HTML et des guillemets autour du texte d'attribut.

Attention : Composer ne valide pas les attributs introduits. Vérifiez que vous comprenez bien les règles avant d'ajouter, de supprimer ou de modifier des valeurs.

Retour au début de la section ]

 

Vérification orthographique

Pour vérifier l'orthographe de la page :

  1. Placez le pointeur dans la page.
  2. Cliquez sur le bouton Orthographe de la barre d'outils ou choisissez Orthographe dans le menu Edition.
  3. Utilisez la boîte de dialogue Orthographe pour corriger les fautes et modifier ou ajouter des entrées au dictionnaire. Cliquez sur Fermer une fois que vous avez terminé.

Retour au début de la section ]

 


Ajout de tableaux à votre page web

 

Dans cette section :

Insertion d'un tableau

Modification des propriétés d'un tableau

Ajout et suppression de lignes, colonnes et cellules

Déplacement dans un tableau

Déplacement, copie et suppression de tableaux

 

Insertion d'un tableau

Les tableaux sont utiles pour organiser du texte, des images et des données en les présentant dans des lignes et colonnes formatées. Pour insérer un tableau :

  1. Placez le pointeur à l'endroit où insérer le tableau.
  2. Cliquez sur le bouton Tableau de la barre d'outils ou sélectionnez Tableau dans le menu Insérer. La boîte de dialogue Propriétés du tableau s'affiche et permet de spécifier les propriétés du tableau (par exemple, hauteur, largeur et couleur d'arrière-plan).
  3. Entrez le nombre de lignes et de colonnes désiré.
  4. Entrez la valeur de la hauteur et de la largeur (en pixels).
  5. Entrez la valeur d'épaisseur de la bordure (zéro pour ne pas avoir de bordure). Remarque : Composer utilise une ligne rouge discontinue pour représenter les tableaux sans bordure ; cette ligne disparaît lors de l'affichage d'un aperçu de la page ou de sa visualisation dans un navigateur.
  6. Pour appliquer d'autres attributs de tableau ou codes JavaScript, cliquez sur Edition avancée pour afficher l'Editeur de propriétés avancées.
  7. Cliquez sur OK pour confirmer les paramètres et afficher le nouveau tableau.

Pour modifier et ajouter des propriétés au nouveau tableau, cliquez dans ce dernier, puis choisissez Propriétés du tableau dans le menu Format (ou cliquez sur le bouton Tableau de la barre d'outils).

Retour au début de la section ]

 

Modification des propriétés d'un tableau

Vous pouvez modifier l'ensemble des propriétés d'un tableau, ainsi que de ses différentes lignes, colonnes ou cellules.

Pour afficher, modifier ou ajouter des propriétés à un tableau (par exemple, légende, couleur d'arrière-plan et espacement) :

  1. Sélectionnez le tableau ou cliquez dedans.
  2. Cliquez sur le bouton Tableau de la barre d'outils ou sélectionnez Propriétés du tableau dans le menu Tableau. La boîte de dialogue Propriétés du tableau s'affiche avec deux onglets : Tableau et Cellules.
  3. Cliquez sur l'onglet Tableau pour modifier les propriétés :
  4. Remarque : Pour appliquer d'autres attributs ou événements JavaScript, cliquez sur Edition avancée pour afficher l'Editeur de propriétés avancées.
  5. Cliquez sur Appliquer pour prévisualiser les modifications sans fermer la boîte de dialogue ou sur OK pour les confirmer.

Pour afficher, modifier ou ajouter des propriétés pour une ou plusieurs cellules :

  1. Sélectionnez la ligne, la colonne ou la cellule, puis ouvrez le menu Tableau et sélectionnez Propriétés du tableau.
  2. Cliquez sur l'onglet Cellules pour modifier les propriétés suivantes : Remarque : Pour appliquer d'autres attributs ou événements JavaScript, cliquez sur Edition avancée pour afficher l'Editeur de propriétés avancées.
  3. Cliquez sur Appliquer pour prévisualiser les modifications sans fermer la boîte de dialogue ou sur OK pour les confirmer.

Retour au début de la section ]

 

Ajout et suppression de lignes, colonnes et cellules

Composer permet d'ajouter ou de supprimer rapidement une ou plusieurs cellules du tableau. En outre, vous pouvez définir des options permettant de conserver la structure rectangulaire originale ou la présentation du tableau pendant la modification.

Pour ajouter une cellule ou un groupe de cellules (lignes et colonnes) au tableau :

  1. Cliquez dans le tableau à l'endroit où insérer la ou les cellules.
  2. Ouvrez le menu Tableau, puis choisissez Insérer.
  3. Sélectionnez l'un des groupes de cellules. Vous pouvez également insérer un nouveau tableau dans une cellule.

Pour supprimer une cellule ou un groupe de cellules :

  1. Cliquez sur une ligne, une colonne ou une cellule.
  2. Ouvrez le menu Tableau et choisissez Supprimer.
  3. Cliquez sur l'événement à supprimer.

Pour fusionner une cellule avec celle située à sa droite :

Pour scinder une cellule fusionnée :

Correction de la présentation du tableau

Généralement, lorsque vous supprimez une ou plusieurs cellules, Composer en supprime également la bordure. Cela peut entraîner la formation d'espaces dans le tableau ou des contours irréguliers en raison d'un nombre irrégulier de cellules. Vous pouvez souhaiter supprimer une ou plusieurs cellules tout en conservant la structure rectangulaire originale ou la présentation du tableau.

Composer permet de définir une préférence pour la conservation de la structure du tableau en ajoutant des cellules à la fin d'une ligne, au besoin :

Retour au début de la section ]

 

Déplacement dans un tableau

Procédez comme suit pour sélectionner rapidement un tableau, une cellule ou un groupe de cellules :

Retour au début de la section ]

 

Déplacement, copie et suppression de tableaux

Retour au début de la section ]

 


Ajout d'images à votre page web

 

Dans cette section :

Insertion d'une image dans la page

Modification des propriétés d'image

Création de points cliquables

 

Insertion d'une image dans la page

Vous pouvez insérer des images GIF et JPEG dans la page web. Vous pouvez également les utiliser pour créer des liens.

  1. Placez le pointeur à l'endroit où insérer l'image.
  2. Cliquez sur le bouton Image de la barre d'outils ou ouvrez le menu Insérer et choisissez Image.
  3. Spécifiez le nom de fichier et l'emplacement de l'image et, au besoin, modifiez les paramètres dans la boîte de dialogue Propriétés de l'image.