Un site web élémentaire avec KompoZer

Tuto site web élémentaire avec KompoZer, tutoriel & guide de travaux pratiques en pdf.

Les liens internes du menu

Lien vers la page d’accueil

En cliquant sur chacun des intitulés des rubriques, nous allons pouvoir naviguer vers chacune des pages du site web: page d’accueil, loisirs préférés, chanteur favori et portrait chinois. Nous traiterons les deux autres rubriques ultérieurement.
• Sélectionne le mot « Accueil » du menu.
• Choisis une des trois méthodes suivantes: 1. Dans le menu Insertion, choisis la commande Lien… ou
• frappe le raccourci Ctrl+L ou
• Clique droit sur la sélection et choisis la commande Créer un lien dans le menu contextuel Une nouvelle boîte de dialogue nous invite à indiquer le lien prévu lorsque le visiteur cliquera sur le mot Accueil.
• Dans la boîte de dialogue des propriétés du lien, clique sur le bouton .
• Recherche le fichier index.html qui est la page d’accueil.
• Clique sur le bouton OK lorsque le fichier a été trouvé. Dites, vous êtes sûr de votre coup? Parce que mon voisin n’a pas exactement ça sur son écran. A la place de index.html, il y a une notation des plus bizarres. Regardez, je vous en fait une copie…
Le lien tel qu’il est indiqué dans l’illustration ci-contre est une URL ABSOLUE. Cela signifie que l’on indique l’entièreté du chemin pour arriver au fichier, depuis la racine du disque où se trouve ce fichier. Sinon, on peut aussi indiquer une URL RELATIVE. On n’indique alors que le chemin depuis la page actuelle. Il faut alors préciser que l’URL est relative. Ce qui tendrait à prouver que votre voisin n’a pas bien suivi les consignes. On obtiendra ce type de résultat lorsque la page actuelle n’est pas enregistrée. Il vaut toujours mieux enregistrer d’abord la page actuelle avant d’établir des liens depuis cette page.

Lien vers les autres pages

Les liens vers les autres pages du site web se définissent de la même façon:
• Sélectionner le texte sur lequel se fait le lien.
• Appeler la boîte de dialogue « Propriétés du lien ».
• Pointer vers la page liée.
• Pour chacune des pages (chanteur.html, loisirs.html et chinois.html), établis les liens sur le menu du site web. • Enregistre la page. Bah, ça ne marche même pas votre truc. Je passe la souris sur les liens, je clique, il ne se passe rien ! Heureusement qu’il ne se passe rien. Si les liens fonctionnaient dans KompoZer, il deviendrait très difficile d’y apporter des modifications. Un petit clic sur un mot pour corriger l’orthographe, et hop… on serait emporté au loin.
• Dans la barre d’outils, clique sur le bouton Navigateur de la barre d’outils. La page d’accueil s’ouvre dans le navigateur.
• Clique sur n’importe lequel des liens de la page d’accueil. Dans le navigateur, les liens doivent fonctionner. Ils ne mènent toutefois qu’à une page blanche. Ce qui est normal, puisque nous n ‘avons encore rien écrit dans ces pages.