JN Forum

Modérateur Inscrit le: 28 Juin 2005 Messages: 10

Bonjours à tous ! Very Happy

Pour ceux qui voudrais débuter dans l'HTML, voici un exemple simple.

Nous allons vous expliquer comment créer votre première page en HTML.

Toute page débute par l'ouverture de balise HTML qui indique quel langage va être traité <html>, ensuite, vous pouvez mettre n'importe quoi à l'intérieur des balises mais en général, on retrouve une balise <head> qui va contenir les caractéristiques générales de la page comme le titre contenu dans les balises <title> ou bien des mots-clés pour les robots des moteurs de recherches. Enfin, à l'intérieur du <body>, tout le contenu de la page.
Exemple:

Code:

<html>
<head>
<title>Debut dans la programmation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF">
<div align="left"><font size="7" face="Verdana">Bonjour tout le monde !</font> </div>
</body>
</html>

Vous observez les balises <html> qui indique le début et la fin du langage HTML, les balises <head> qui contiennent les caractéristiques de la page, on voit ainsi l'entête du document avec le titre et la norme ( mais vous pouvez rajouter tout ce que vous voulez, en général, on y trouvera des mots-clés de ce que contient la page afin d'aider les robots des moteurs de recherches) et enfin les balises <body> pour le contenu de la page, avec sa couleur "#FFFFFF" (voir correspondance des couleurs) qui est le blanc. La balise <div> désigne l'alignement, ici à gauche, elle contient également les caractéristiques de textes, son caractère, la police et la couleur ( ici la couleur n'est pas spécifiée, il s'agit de la couleur par défaut, le noir. ).Puis la fermeture des balises avec un antislash (/).

Vous tapez cela dans un fichier texte par exemple et l'enregistrez n'importe où avec l'extension .html, lorsque vous double-cliquez dessus ensuite, votre navigateur (Internet Explorer) est censé s'ouvrir normalement en vous affichant ceci:

(Astuces: Pour éditer votre code sans erreurs, vous pouvez utiliser un logiciel du type de Dreamweaver (575 €), HTML Direct (http://www.01net.com/telecharger/windows/Internet/editeur_de_site/fiches/19405.html)).

-----------------------------------------
Article by Kanabis Very Happy

Captures by yORiC

Dernière édition par JackNUMBER le 18 Oct 2007 1:55:26; édité 1 fois

Bonjours à tous ! Razz

Le problème avec les couleur en HTML c'est qu'elles sont en héxadécimal et RVB (Rouge Vert Bleu ou RGB: Red Green Blue).
En héxadécimal, la valeur 255 correspond à FF et la valeur 0 correspond à 00. Donc la couleur #FF0000 correspond à du Rouge.
Pour comprendre regardez ceci:
#FF0000
on retrouve le Rouge/Vert/Bleu!
En héxadécimal, les majuscule ne compte pas: #FF0000 = #ff00ff.
Il y a toujours 6 caractère (chiffre/lettre)

Quelques exemples:
Rouge "pur": #FF0000
Vert "pur": #00FF00
Bleu "pur": #0000FF
Noir "pur": #000000
Blanc "pur": #FFFFFF
Magenta: #FF00FF
Jaune: #FFFF00
Cyan: #00FFFF
Gris clair: #C0C0C0
Gris foncé: #808080
Gris très foncé: #404040

Idea

Avec Paint Shop Pro, on peut avoir directement la couleur en héxadécimal:

ATTENTION

:avec Photoshop, le # n'est pas présent il faut le rajouter !!!

Je viens de vous "simplicifier" le héxadécimal (seulement pour les couleurs !!!). Very Happy

Bonjour.

A propos des couleurs, il existe un petit logiciel gratuit et simple d'utilisation : La Boite À Couleur.

Ce logiciel permet de convertir une couleur le l'hexadécimal aux valeurs RVB (en décimal), il contient un nuancier et intègre un outil pipette s'appliquant à tout votre écran : Il vous permet d'un simple clic de retrouver le code de n'importe qu'elle application ou page n'importe ou sur écran.

Je pense que c'est un bon logiciel pour pouvoir bien jouer avec les couleurs sans se compliquer la vie.
À télécharger ici.
Cordialement.

excellent !!

merci Wink

je cherchais à créer un logiciel comme celui là sous Delphi,
mais j'avais des problèmes avec la conversion des codes RVB en hexadecimal...
des fois ça marchait, des fois non...................... Confused

Bonsoir.
Si ça vous dérange pas, vous pourriez me copier le code de la partie conversion par MP, que je voie ce qui ne va pas, car j'avais, avec un collègue, développer un logiciel de conversion Décimal Hexadécimal Binaire, donc je pourrais peut-être vous aider.
Cordialement.

ha !!

super !!
je vous envoi ça.

merci

ps: c'est du Pascal à l'arrache ^^