L'atelier

  

Pour sortir un peu de la routine des pages classiques, j'ai confectionné un petit outil interactif qui vous permet de composer vous-même un design de fond de page à partir d'un modèle "template" de base. Pour le moment, un seul modèle de disponible, mais vous pourrez bientôt choisir parmi plusieurs autres formats. Mais plutôt que de grandes explications, je vous invite à suivre chaque étape du processus décrit ci-dessous; quand vous découvrirez le résultat, vous aurez tout compris :)

Mais surtout... patience ! Cette page contient de nombreuses images.

Le modèle actuel est représenté par ce schéma.

  • La section 1 représente le fonds d'écran proprement dit (balise <body background="image.jpg">)
  • La section 2 est constituée d'un tableau
  • La section 3 est constituée d'un autre tableau imbriqué à l'intérieur du tableau 2. C'est là que viendra s'insérer le contenu de votre page.

1

2

3

 

Étape 1 - Pour chacune des sections, choisir une image de fond parmi les échantillons proposés dans ce tableau (ici, les images sont miniaturisées; le rendu final tiendra compte de la taille réelle).

1
2
3
1
2
3
01CarH.jpg
1
2
3

01Dam.jpg
1
2
3

01Hexa.jpg
1
2
3
01LignD.jpg
1
2
3
01LignH.jpg
1
2
3

01LignV2.jpg
1
2
3

01LignV3.jpg
1
2
3

01Pois.jpg
1
2
3

01Uni1.jpg
1
2
3

01Uni2.jpg
1
2
3

01Uni3.jpg
1
2
3
02CarD.jpg></font></td>
          <td valign=
1
2
3
02CarH.jpg
1
2
3

02Dam.jpg
1
2
3

02Hexa.jpg
1
2
3
02LignD.jpg
1
2
3
02LignH.jpg
1
2
3

02LignV2.jpg
1
2
3

02LignV3.jpg
1
2
3

02Pois.jpg
1
2
3

02Uni1.jpg
1
2
3

02Uni2.jpg
1
2
3

02Uni3.jpg
1
2
3
03CarD.jpg></font></td>
          <td valign=
1
2
3
03CarH.jpg
1
2
3

03Dam.jpg
1
2
3

03Hexa.jpg
1
2
3
03LignD.jpg
1
2
3
03LignH.jpg
1
2
3

03LignV2.jpg
1
2
3

03LignV3.jpg
1
2
3

03Pois.jpg
1
2
3

03Uni1.jpg
1
2
3

03Uni2.jpg
1
2
3

03Uni3.jpg
1
2
3
04CarD.jpg></font></td>
          <td valign=
1
2
3
04CarH.jpg
1
2
3

04Dam.jpg
1
2
3

04Hexa.jpg
1
2
3
04LignD.jpg
1
2
3
04LignH.jpg
1
2
3

04LignV2.jpg
1
2
3

04LignV3.jpg
1
2
3

04Pois.jpg
1
2
3

04Uni1.jpg
1
2
3

04Uni2.jpg
1
2
3

04Uni3.jpg
1
2
3
05CarD.jpg></font></td>
          <td valign=
1
2
3
05CarH.jpg
1
2
3

05Dam.jpg
1
2
3

05Hexa.jpg
1
2
3
05LignD.jpg
1
2
3
05LignH.jpg
1
2
3

05LignV2.jpg
1
2
3

05LignV3.jpg
1
2
3

05Pois.jpg
1
2
3

05Uni1.jpg
1
2
3

05Uni2.jpg
1
2
3

05Uni3.jpg
1
2
3
06CarD.jpg></font></td>
          <td valign=
1
2
3
06CarH.jpg
1
2
3

06Dam.jpg
1
2
3

06Hexa.jpg
1
2
3
06LignD.jpg
1
2
3
06LignH.jpg
1
2
3

06LignV2.jpg
1
2
3

06LignV3.jpg
1
2
3

06Pois.jpg
1
2
3

06Uni1.jpg
1
2
3

06Uni2.jpg
1
2
3

06Uni3.jpg


Étape 2
- Choisir la couleur du texte, des liens et des liens visités. Si les couleurs du fond choisi pour le tableau 3 sont plutôt sombres, choisir une couleur claire, et vice-versa. Par défaut, le texte est noir.

Couleur
du texte
Couleur
des liens
Couleur
des liens visités
Couleur
des liens actifs

noir blanc gris rouge
rose vert vert foncé bleu
bleu foncé turquoise jaune jaune pâle
violet mauve marron orange

 

Étape 3 - Cliquer sur le bouton "Composer" pour générer la page ou sur "Recommencer" pour tout annuler et choisir d'autres paramètres. Si vous voulez modifier un paramètre lorsque vous êtes dans la page de résultat, cliquer sur le bouton de retour en arrière de votre navigateur, sélectionner le nouveau paramètre, puis cliquer de nouveau sur Composer.