Accueil du site > WEBMASTERING > CREER UN SITE WEB

Les règles de base à respecter Les règles de base à respecter


  • Le poids d’une page ne doit pas être trop important (de préférence < 100ko)
  • Les images ne doivent pas être trop lourdes (de préférence < 50ko)
  • Redimensionnez vos images à l’aide d’un logiciel comme Photoshop plutôt que de réduire leur taille dans le code HTML
  • Une mise en page claire et lisible
  • Utilisez les balises <h1> <h2> <h3> […] pour structurer les contenus de vos documents en fonction de leur importance (h1 pour le titre, h2 pour le chapeau, etc.)
  • Attention aux fautes d’orthographe et aux fautes de frappe
  • Les liens hypertextes permettent de naviguer de façon intuitive
  • Soulignez les liens hypertextes dans un texte
  • Appliquez un style « gras » sur du texte indique une mise en exergue plus forte
  • Préférez les arrière-plans répétables (via les styles CSS) plutôt qu’une grande image
  • Préférez les couleurs Web.  » Retrouvez toutes les couleurs du web à travers ces différentes palettes
  • Le nom de vos fichiers ne doit être trop long ni comporter d’espaces, d’accents et évitez tant que possible les majuscules
  • Si vous utilisez la technologie Flash dans vos pages, proposez une alternative en HTML
  • N’intégrez pas de fonds sonores dans vos pages dès leur chargement.

Quelques explications supplémentaires :

Des visuels trop lourds ou trop d’images
Evitez tant que possible d’alourdir vos pages HTML avec une multitude d’images. Vos documents seront plus légers et donc plus rapides à s’afficher (Sachez qu’en moyenne, un internaute quitte une page Web si son temps de chargement dépasse 8 secondes). L’optimisation de vos fichiers - notamment gif (animés), jpg, png – est une étape à ne surtout pas négliger.  » Consultez cette page pour optimiser vos fichiers

Les polices de caractères
Choisissez la police de caractère que vous voulez pour votre site mais sachez que si l’internaute ne possède pas cette police sur son ordinateur, les textes de votre document seront illisibles ou remplacés par une autre police dites « standard ». Pour éviter cela, utilisez l’une des polices suivantes :

  • Arial
  • Verdana
  • Times
  • Georgia
  • Helvetica
  • Courier

Les Frames (Cadres)
Evitez l’utilisation de cadres (cf rubrique html) dans vos pages car ils posent un certain nombre de problèmes :

  • L’impression d’une page est contraignante
  • La navigation peut être fastidieuse
  • L’ajout dans les favoris de l’URL de la page consultée est impossible
  • Vos pages seront moins bien référencées par les moteurs de recherche
  • Certains navigateurs ne les supportent pas

Les liens brisés
Un document HTML est composé de divers éléments dont les liens hypertextes qui permettent de naviguer de pages en pages. Veillez à mettre des liens dans vos pages afin que la navigation soit plus fluide pour l’utilisateur. Vérifiez toujours qu’il n’y a pas de liens dits "brisés" dans vos pages car il est assez désagréable de cliquer et d’obtenir une erreur 404.

Compatibilité entre les navigateurs
Essayez tant que possible de vérifier la compatibilité de vos pages HTML sur les différentes plateformes existantes. En effet, il existe des incohérences d’affichages par rapport à l’interprétation du code HTML et/ou des styles CSS entre les navigateurs (Internet Explorer, Firefox, Opera, Safari, Netscape). Qui plus est, ils ne fonctionnent pas de la même manière sur Windows, MacOs ou Linux. Vous aurez de bien belles surprises si vous ne faîtes pas attention lors de l’intégration de vos pages HTML !

Les Meta Tags et les titres de pages
N’oubliez pas d’insérer des descriptions, des mots-clés ainsi qu’un titre à votre page Web, votre référencement n’en sera que meilleur. Les balises « Meta » s’insèrent dans l’entête de votre document et se présentent de la façon suivante :


Ces informations permettent aux robots d’indexer votre page, de fournir un résumé du contenu de la page.

 » Générez vos Meta-tags en ligne

La navigation interne
Il est fondamentale de pouvoir naviguer facilement sur vos pages. La navigation doit être présentée clairement et surtout bien organisée. Voici quelques exemples de liens que l’on trouve sur les sites bien structurés et fonctionnels :

  • vers la page d’accueil
  • vers les rubriques ou articles
  • vers un espace de contact
  • vers un plan du site
  • vers une page de recherche

La taille de vos pages HTML
Etant donné que la résolution d’écran des internautes est généralement égale ou supérieure à 1024 x 768 (en 2008), vous pouvez concevoir des pages ayant une largeur inférieure ou égale à 1000 pixels. Concernant la hauteur, ne créez pas de pages à rallonges mais aucune norme n’est réellement définie en la matière.


Format PDF l l afficher une version imprimable de cet article Imprimer cet article

 

Tutoriaux

ADOBE DREAMWEAVER

ADOBE FLASH

ADOBE FIREWORKS

ADOBE PHOTOSHOP

ADOBE ILLUSTRATOR


Navigateurs

Mozilla Firefox

Opera

Microsoft Internet Explorer

Netscape Navigator

Safari


Logiciels FTP

Filezilla

FTP Expert

Fetch Softworks