Design

Le but de cet article n’est pas d’expliquer ce qu’est un bon design, je n’ai pas cette prétention, mais plutôt d’énumérer les éléments que l’on retrouve dans chaque site, pour être certain de ne rien oublier lors de sa conception.

Éléments « indispensables »

  • Menu
  • Fil d'Ariane (« vous êtes ici : »)
  • Titre de la page
  • Contenu
  • Dernière modification

Autres idées

  • Changement de langue
  • Email au webmaster
  • Moteur de recherche intégré à la page
  • Lien vers le plan du site
  • Lien vers une page de contact
  • Favoris sociaux
  • Impressum
  • Mention juridique
  • Protection des données

Préparation pour TemplaVoilà!

Pensez à demander au designer d’attribuer un ID à chaque élément devant être utilisé pour placer du contenu dynamique. Ça vous simplifiera le travail de mapping avec TemplaVoilà!

Exemple :

<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <!-- stripped -->
</head>
<body>
  <!-- header ... -->
 
  <div id="title">Lorem Ipsum</div>
  <div id="content">
    <p>Vivamus eget arcu. Praesent scelerisque diam vel sem.
        Integer rhoncus</p>
  </div>
 
  <!-- stripped -->
 
  Last modified: <span id="last_update">01.01.1970</span>
</body>
</html>
Flattr