Apprendre le html pour réaliser des créations graphiques

ok merci !!
par contre le site a des pages manquantes. Et je ne veux pas créer un site mais faire des créations graphiques que je pourrais utiliser comme fond pour répondre à des messages. Je sais pas si je suis claire... Et j'ai l'impression qu'on apprend uniquement à créer des sites... grrr lol
en tous les cas merci.

ta question n'était pas vraiment précise donc la reponse était généraliste
la creation graphique --> photoshop, illustrator, gimp fireworks etc
les formats acceptés par les navigateur : jpg, png gif et svg (vectoriel pour les nav recents)
sinon certains logiciel de messagerie permettent d'inserer une image de fond dans les messages (jpg)

ok. En fait, je cherche à reproduire pour créer par la suite mes propres créations graphiques celles où l'on voit le fond bleu avec la cage et l'animation, celle avec la chouette ou encore celle avec l'animation de la lettre.

Je ne sais pas si vous avez accès à la page web que j'ai mise en exemple, mais en fait il s'agit d'une page de codes qui font la création. J'aimerais apprendre à en faire autant pour créer mes propres créations par la suite.

Je voudrais reproduire la partie où il y a la cage à oiseau avec l'animation (les reproduire dans leur ensemble, pas qu'une partie de la création, avec les formes etc), celle avec la chouette et celle avec la lettre rouge.
J'aimerais apprendre à en faire autant pour créer mes propres créations par la suite.
je ne sais pas si je suis claire..

code source de la lettre rouge :
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><style type="text/css">.nomdutruc{opacity:0;} .nomdutruc:hover{opacity:0.90; transition: 0.6s ease;}</style>
<center><div style="background-image: url('http://i39.servimg.com/u/f39/17/19/03/77/fondpa13.jpg'); background-position: center top; width: 500px; max-height: 850px; border-radius: 300px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: 0px 0px 10px #50464E"><div style="background-image: url('http://www.madmoizelle.com/wp-content/uploads/2012/12/beuglante.gif'); background-color: #000000; width: 270px; height:270px; background-position: center; background-repeat: no-repeat; border-radius: 150px; box-shadow: 0px 0px 10px #000000;"><div class="nomdutruc"><div style="background-color: #000000; width: 240px; padding: 15px; height:240px; color: #000000; overflow:auto; text-align: justify; border-radius: 10px; box-shadow: 0px 0px 10px #000000;">[font=Georgia][color=#920909][b]Nom de l'émetteur :[/b][/color] Myosotis Aavery[/font]

[font=Georgia][color=#920909][b]Support du message :[/b][/color] Beuglante[/font]

[font=Georgia][color=#920909][b]Description du support :[/b][/color] Texte[/font]</div></div></div>

<div style="background-color: #920909; width: 440px; max-height: 420px; padding: 30px; overflow:auto;"><div style="font-family: 'Bad Script', cursive; font-size:20px; color: #000000; text-align: center; text-shadow: 0px 0px 5px #000000; text-align: justify; line-height: 150%; font-variant: small-caps;">Salut,

Quo cognito Constantius ultra mortalem modum exarsit ac nequo casu idem Gallus de futuris incertus agitare quaedam conducentia saluti suae per itinera conaretur, remoti sunt omnes de industria milites agentes in civitatibus perviis.


[right]Myosotis[/right]
</div></div>

[size=10][color=#000000]© July Swann[/color][/size]</div></center>