Formatic 2000 / Créer un document HTML avec WebExpert 2000

1	Ouvrir WebExpert 2000
	TOPO – Dès l’ouverture du logiciel, plusieurs fenêtres s’ouvrent simultanément. Lors d’un premier essai, pour simplifier l’utilisation du logiciel, nous allons en garder une seule ouverte : la feuille d’édition SansNom(1).html. Une méthode alternative est aussi fournie au cas où toute fenêtre serait absente. Tout au long de la création de votre page, vous pourrez recourir à une ressource d’aide. Voir le document servant d'exemple pour ce Guide pratique Sur le Bureau de votre ordinateur, double cliquer sur l'icône WebExpert 2000 Fermer la fenêtre L’astuce du jour Fermer la fenêtre Indicateur de code Agrandir la fenêtre SansNom(1),html ou Cliquer sur l’icône Nouveau Cliquer sur OK (l’icône Document HTML étant présélectionnée) Dans la Barre des menus, cliquer sur l'icône Aide (facultatif)
2	Compléter les balises de la tête du document
	TOPO – Un document HTML contient deux parties distinctes : la tête et le corps. Nous allons d’abord définir les balises de la tête du document. Seul le contenu de la balise TITLE sera visible lors de l’affichage du document sur la Toile. Le contenu des balises META sera utilisé par les outils de recherche pour indexer le document dans leur base de données respective. Même si l'éditeur WebExpert est francophone, les balises HTML (Hypertext Markup Language) sont toujours en anglais: HEAD (tête), TITLE (titre), META (ensemble), BODY (corps), etc. Sélectionner la Barre des outils spécialisés Cliquer sur l’icône Propriétés de la tête du document Dans le champ Titre, écrire un titre (ex.: Le Loup et l'Agneau) Dans le champ Description, écrire une phrase (ex.: Une fable de Jean de La Fontaine.) Dans le champ Mots clés, écrire des mots clés (ex.: fable La Fontaine loup agneau) Dans le champ Auteur, écrire vos prénom et nom Cliquer sur le bouton OK
3	Lancer le navigateur interne
	TOPO – Pour visualiser le résultat de la saisie des informations dans les balises de la tête du document, nous allons lancer le navigateur interne. Le lancement du navigateur externe est également possible, mais dans ce cas il faut préalablement l’avoir paramétré tout en étant branché à un fournisseur Internet. Pour visualiser au fur et à mesure les modifications apportées au document, au cours de sa création, il faut laisser ouverte la fenêtre du navigateur. Cliquer sur l’icône Lancer le navigateur interne Visualiser le résultat (dans la fenêtre du navigateur interne, en bas de l'écran) Remarquer que le contenu des champs de la tête du document ne s'affichent pas Fermer ou laisser ouverte la fenêtre du navigateur interne
4	Paramétrer le corps du document
	TOPO – Le corps du document contient tous les éléments (textes, images) qui seront visibles sur la Toile lors de l’affichage du document. Ici, nous allons saisir un texte en utilisant un nombre limité d’outils d’édition. Par la suite, tous les outils disponibles pourront servir à éditer le texte (comme dans un traitement de texte). Le résultat est affiché lors du lancement du navigateur (interne ou externe). Sélectionner la Barre des outils spécialisés Cliquer sur l’icône Corps du document Dans les options des couleurs, choisir une couleur pour l’Arrière-plan Dans les options des couleurs, choisir une couleur pour le Texte Cliquer sur le bouton OK Dans la fenêtre Confirmer, cliquer sur le bouton OK Vérifier le résultat dans la fenêtre du navigateur interne
5	Éditer le corps du document
	TOPO – Nous allons maintenant éditer le texte inséré à l'intérieur du corps du document, soit entre les balises BODY. Nous allons utiliser la balise BLOCKQUOTE (Bloc de citations) pour laisser une marge, et les balises P (Paragraphe) et BR (Nouvelle ligne) pour disposer le texte selon une présentation désirée. D'autres ressources disponibles (similaires à celles d'un traitement de texte) sont aussi disponibles: gras, italique, couleur, etc. Dans la fenêtre SansNom(1).html, insérer le curseur après la balise <BODY> Sélectionner la Barre des outils communs Cliquer sur l’icône Bloc de citations Entre les balises <BLOCKQUOTE> et </BLOCKQUOTE>, insérer le texte désiré (ex.: Le Loup et l'Agneau) Sélectionner le titre du texte inséré dans le corps du document Dans la Barre des outils communs, cliquer sur l’icône Gras Cliquer sur l’icône Style de titre Sélectionner Taille de police +2 À la fin de chaque paragraphe, insérer la balise <P> (icône Paragraphe) Pour un retour à la ligne, insérer une balise <BR> (icône Nouvelle ligne) Vérifier le résultat dans la fenêtre du navigateur interne
6	Sauvegarder le document
	TOPO – La sauvegarde du document s'effectue généralement sur le disque dur de son ordinateur personnel. En contexte scolaire, cette sauvegarde s'effectue plutôt sur une disquette personnelle. Il est toujours préférable de sauvegarder son document dès le début de la session de travail. Sélectionner l’icône Sauvegarder Dans le champ Regarder dans, choisir Disquette 3½ Dans le champ Nom de fichier, écrire index.html Cliquer sur le bouton Sauvegarder (Lors des prochaines utilisations de WebExpert 2000, sauvegarder les documents créés dès le début des sessions de travail) NOTICE – Le lien suivant pointe sur un répertoire de ressources proposant des sites sur l'édition en HTML et la conception de pages. La bibliographie présente des guides sur l'éditeur WebExpert 2000.

Conception de pages et HTML