Création de votre première page :
Nous allons maintenant créer notre première page de type Internet.
Une Règle: avant de vous lancer, vous devez bien définir sur papier ce que vous voulez faire et comment le présenter, c'est le plan de l'architecte. Ensuite et seulement là, vous vous lancer dans la composition des pages.
Notre premier site contiendra donc 3 pages dans le dossier "haute-marne",
- Une page d'accueil avec des liens vers les deux pages suivantes.
- Deux pages consacrées à la Haute-Marne, la première avec la situation géographique et la seconde avec des photos de paysages.
Le dossier "internet" restera réservé pour une page d'accueil qui peut présenter ultérieurement l'ensemble de vos sites, car il est rare qu'on se limite à un seul sujet. Pensez que vous ne serez pas seul à vous servir de votre micro et que vous-même, pouvez avoir plusieurs sujets à présenter. Ne bloquez pas dès le début les possibilités d'évolution.
Lancer Claris Home Page "Démarrer, Programme, Claris Home Page 2, Claris Home Page".
Ce logiciel contient des boutons ressemblant à ceux que vous connaissez déjà sur d'autres logiciels. Vous les découvrirez mieux dans le tableau suivant.
|
BOUTON |
DESCRIPTION |
|
1 |
Nouvelle page |
|
|
Ouvrir une page déjà créée |
|
|
Sauvegarder la page active |
|
|
Imprimer la page active |
|
|
Format "j'affiche comme je le verrai" |
|
|
Prévisualisation de la page (Claris simule un navigateur, mais lequel ?) |
|
|
Format HTML source |
|
|
Prévisualisation dans votre navigateur Internet |
|
|
Éditeur d'objet = au double clic sur un tableau, image etc. |
|
|
Éditeur de liens vers une page, une ancre, une photo, un site... |
|
|
Option de votre page, nom, fond, etc. |
|
|
Pour insérer une ancre dans un document (permet un renvoi précis dans une page par l'éditeur de liens, cf. aide) |
|
|
Lien vers un fichier |
|
|
Insertion d'une image |
|
|
Insertion d'un filet |
|
|
Insertion d'un tableau |
|
|
Paragraphe aligné à gauche |
|
|
§ au centre |
|
|
§ à droite |
|
|
Retrait d'une tabulation du paragraphe |
|
|
Suppression d'un retrait de paragraphe |
|
|
Diminution de la taille du texte sélectionné |
|
|
Augmentation de la taille du texte sélectionné |
|
|
Texte sélectionné en gras ou pas |
|
|
Texte sélectionné en italique ou non |
|
|
Texte sélectionné en mode machine à écrire ou non |
|
|
Couleur du texte sélectionné |
Prenons la page vierge déjà présente à l'accueil de Claris et écrivez le texte suivant ou sélectionnez-le. Puis faites "édition copier" ou Ctrl+C au clavier et dans Claris faites "Edition Coller" ou Ctrl+V au clavier.
Bonjour de la Haute-Marne
Ces quelques pages sont là pour vous présenter notre pays. Vous en saurez plus en suivant les liens suivants :
Situation géographique
Quelques photos et commentaires
Pour nous écrire
Passons à sa mise en forme avec Claris.
- Sélectionnez le titre "Bonj…. "et dans la petite fenêtre où il est écrit "normal", choisissez "titre 2" ceci permet de formater ce paragraphe, vous pouvez aussi choisir un autre "titre". Puis centrez ce paragraphe avec le bouton de centrage (18) situé à droite de la première barre de bouton dans l'ensemble de mise en position. Vous pouvez donner de la couleur au texte sélectionné en cliquant sur le bouton (H) de droite de la barre inférieure de bouton. Mettez le titre en rouge.
- Placez-vous devant la ligne "Ces quel…" et faites "Insertion, filet horizontal". Vous pouvez aussi utiliser le bouton (15). Un double clic sur le filet permet de modifier ses apparences, essayez.
- Sélectionnez les 3 dernières lignes et centrez-les à l'aide du bouton spécifique (18)
- Cliquez sur le bouton (11) appelé "option de document". Vous pouvez alors choisir différentes options telles que la couleur des liens avant, pendant et après visite, la couleur générale du texte, le décor d'arrière plan, etc. Nous allons placer notre texte sur un fond blanc pour cet essai, mais dans notre cas la phase suivante sera prioritaire.
Sur la ligne "image de fond" choisissez "définir" et dans dossier "c:\Mes Documents\internet\haute-marne\images", sélectionnez dans le dossier "image", le fichier "fond-cuir.gif" puis "ouvrir" et "OK".
Votre document a déjà fière allure.
Nous ferons les liens dans une prochaine étape, lorsque les deux pages suivantes auront été créées.
Passons à l'enregistrement de cette page. Pour cela, dans la barre des menus, faites, "Fichier, Enregistrer". Le logiciel demande un titre, c'est ce titre qui s'inscrira dans la partie supérieure de la fenêtre du navigateur et dans la ligne des favoris, alors choisissez bien. Nous prendrons "Bonjour de Haute-Marne" puis OK.
Ensuite choisissez le nom du fichier d'enregistrement. Comme c'est la page d'accueil, autrement dit, un menu, nous devons mettre "index". Ensuite sélectionnez le dossier "haute-marne" et non "image" et enfin appuyez sur "enregistrer".
Pourquoi "index" ? Parce que les serveurs ouvrent cette page si aucun nom de fichier n'est précisé dans votre adresse. (Claris ajoute autaumatiquement l'extension ".htm"). Exemple :
Chez Orange, à l'adresse "http://perso.orange.fr/toto/haute-marne/" votre navigateur Internet ouvrira le fichier index.htm situé dans le dossier haute-marne.Chez d'autres hébergeurs tel que Club-Internet, votre fichier "index" devra s'appeler "index.html", précisez alors l'extension ".html" au moment de l'enregistrement. Pour connaitre l'extension à installer, consultez les recommandations de votre hébergeur.
Passons au premier test de votre page.
Ouvrez l'Explorateur Windows, placez-vous dans le dossier "haute-marne" qui se trouve derrière "Mes Documents, internet" et là vous devez trouver votre fichier "index.htm". Faites un double clic dessus.
Votre Navigateur Internet doit s'ouvrir et afficher votre première page qui doit ressembler à ceci.
En attendant la prochaine présentation, essayez de découvrir Claris, les mises en forme de texte, les couleurs, les caractères gras, italiques, les polices et les tailles de police, les mises en retrait de paragraphes, etc…, améliorez sans cesse, pensez à vos lecteurs.
