Si vous visitez les liens internes proposés, merci de cliquer sur "Précédent" dans votre Navigateur afin de revenir à ces pages-ci. Les liens externes, eux, ouvrent une autre fenêtre qu'il vous suffira de fermer. Enfin, il est possible que nous options, parfois, pour des liens à copier/coller.

Pour se lancer ? On a fait quoi jusqu'à présent ?

Jusqu'à présent, tout au long de ces quatre premières pages, nous avons étudié le b a ba. Une partie, du-moins... Disons que nous avons engrangé des bases indispensables ; méconnaître la saisie, puis la mise en forme et la mise en page n'aurait pas été la meilleure solution. De quoi vous plaigniez-vous ? Nous avons acquis ces bases dans une orientation cent pour cent Web !

A présents, nous pouvons commencer, tenter de construire notre première Page. Ainsi que spécifié en fin de page précédente, nous allons signaler aux Navigateurs que notre document a été réalisé pour l'Internet.

Nous signalons bien le début et la fin de page html, le début et la fin de sa "tête" comprenant le nom de l'auteur ainsi que l'indication de début et fin de titre ; le titre qui apparaîtra dans la Barre idoine du Navigateur. Pourquoi le "Meta" et le "Title" sont-ils décalés ? Une habitude de programmeur ; habitude que semble suivre la plupart des éditeurs wysiwyg. Nous indiquons ensuite où commence et se termine le "corps" de notre Page dans lequel nous centrons un titre avant que de commencer une phrase d'introduction (?!...). Une mise en page, mais pas de styles, tailles, couleurs des caractères.

Décorons un peu : couleurs de fond de page.

A ce lien, vous trouverez la manière de coder le fond couleur de votre page ; j'ai mis la même couleur que cette page-ci. Lorsque je dis : "ci-dessus" ; c'est évidement du Source de l'exemple fond couleur que je parle !...

Contrairement à l'exemple de la Page précédente (4), ici, nous utilisons bien les attributs de couleur hexadécimaux dont je parlais. Maintenant que vous connaissez la balise idoine, voici les attributs hexadécimaux de quelques couleurs.

Vous construisez donc votre page dans le Bloc-notes, sur un écran (une feuille) blanc. Dans PageMill, je travaille sur un fond gris clair. Peu importe. Si vous ne choisissez pas une couleur de fond pour votre page ; celle-ci sera, par défaut, forcément blanche.

Ci-dessous, dans des tableaux de couleurs, je vous indique l'attribut hexadécimal des couleurs respectives. Comme son nom le laisse entendre, cet attribut compte 6 caractères (6 bytes).

Avec une palette de 21 couleurs, vous avez amplement de quoi débuter. C'est plus que les 16 couleurs de P_Logo et moins que les 256 couleurs du Logo de Jean-François Lucas... Page Mill vous offrirait une palette de 48 couleurs que vous pouvez modifier. Paint propose une base de 28 couleurs et la palette commune à bien des outils de 48 couleurs modifiables.

L'ordre des couleurs dans le tableau ci-dessus est uniquement du à un hasard (comment je l'ai réalisé) ; si des préférences se font jour, elles sont toutes personnelles (qui fait le travail, après tout ?!...) ; dernière remarque en guise de rappel : il est, dans ce tableau, deux couleurs fortement déconseillées. Lesquelles et pourquoi ? Réponses dans les pages précédentes. :-)

Enfin, mais c'est évident, ne pas utiliser la même couleur pour les caractères et le fond de page (l'arrière plan). Pour le reste, ce sera à vous de juger ; pas forcément à partir de vos goûts, mais en ayant le soucis d'être lisible, ce, sans trop fatiguer les yeux de vos visiteurs. Ce n'est ni simple, ni évident...

© Olivier Schmidt-Chevalier - 2002

Retour

Page suivante