Édition des pages

Ce complément en ligne aborde les règles générales à respecter lors de la création des pages :

Utiliser du texte brut

Lors de la création d'une page Web, si on désire utiliser du texte provenant d’un traitement de texte (format DOC) ou d’une autre  page Web (HTML), il est préférable d’épurer le texte original des codes de mise en forme originale. Ceci permet  un affichage adéquat et contrôlé lors de la consultation de la page Web dans un navigateur.

Convertir en texte brut

1. Ouvrir le fichier original avec le traitement de texte d'origine (Microsoft Word, Open Office, etc.)
2. Sélectionner et copier le texte
3. Ouvrir l'éditeur html Nvu
4. Choisir Nouveau fichier
5. Coller sans mise en forme en passant par menu Edition > Coller sans mise en forme (figure 1)

Figure 1 : Coller du texte épuré

Notez que tous les éditeurs de page HTML  comprennent une fonction de ce type "coller comme texte"   afin d'éliminer les codes de mise en forme d'origine.

6) C'est un bon réflexe une fois le texte collé dans l'éditeur HTML de procéder à la sélection de de la police de caractère ( voir figure 2) 

Figure 2: Choisir la police de caractère

Il est préférable  de choisir une police de caractère "universelle" tel que Verdana , Arial ou Helvética car elles sont disponible pour tous les environnements de consultation (MAC, Windows, Linux). En plus, ces polices  sont d'une lecture plus facile pour les personnes ayant des problèmes à déchiffrer des textes.

Porter attention au nom attribué aux nouveaux fichiers

Il est important de respecter les quelques règles suivantes en nommant le titre de page et le nom du fichier , lors de l'enregistrement d'une nouvelle page Web afin de s'assurer:  

• que les pages Web s'affichent une fois transférés chez l'hébergeur du site (nom du fichier) 
• que la gestion des pages par le navigateur soit facilité (titre de page)

Enregistrement d'une nouvelle page Web

1 ) Titre de la page

Le titre de la page doit permettre d’identifier spécifiquement la page Web et son site d'origine tel qu'llustré dans l'exemple de la figure 1 (La page d'accueil du site Mes recettes préférées ).  Notez que les espaces blancs, les caractères accentuées et les majuscules SONT ACCEPTÉES  pour les titre de la page.

Figure 3: Exemple d’un titre de page adéquat

Cette information est utilisé par les navigateurs pour l'affichage du menu du bouton précédent/suivant et pour la création de favoris ( ou marques-pages pour la page Web  (figure 4) et par les moteurs de recherche (Ils placent en tête de résultat les sites dont les mots-clés recherchés sur retrouvent dans un titre de page. 

Figure 4 : page consultée dans un navigateur avec menu précédent-suivant

2) Nom du fichier html

Suite à la saisie du titre de page, la fenêtre d'enregistrement du fichier HTML s'affiche  (figure 5) en suggérant le titre de la page comme nom de fichier (exemple « Accueil – Mes recettes préférées ») . Il est important de modifier ce nom de fichier proposé  par l'éditeur NVU car il ne répond pas aux règles pour les noms des fichiers HTML.

Les nom des fichiers HTML ne doivent pas contenir :

• d'espaces blancs
• de caractères en majuscules
• de caractères accentués

Dans le cas contraire , une fois votre site déposée sur l'hébergeur Web, les liens entre les pages pourraient être non fonctionnels lors de la consultation de votre site avec certaines versions de navigateurs.

Figure 5: Exemple d'un nom de fichier adéquat

Cette même règle s'applique également aux noms 

• des dossiers créés 
• des fichiers graphiques (format GIF et  JPG ) à inclure dans vos pages Web c'est-à-dire les images, logos et photos s'affichant dans les pages Web. 
• des documents de consultation (format DOC ou PDF) téléchargeables par lien à partir de votre page Web

Lors de la création d'une nouvelle page Web, effectuer un premier enregistrement  le plus tôt possible afin de vous assurer d'associer une image ou effectuer un lien vers une autre page de votre site dans une page déjà enregistré sur votre poste de travail (étape 1 et 2). Dans le cas contraire, le lien ne fonctionnera pas ou l'image ne s'affichera pas une fois la page transférée sur votre hébergeur Web.