Tout d'abord, je souhaiterais vous remercier de passez ici. En effet, si vous commencez à lire ce blog, c'est que vous avez bien du courrage. Sans doute souhaitez-vous connaître un peu plus la personnalité du fameux irnine94. Si vous pensez ça, je vous arrête, vous n'avez rien à lui envier. Oui, il est vrai que je le connais personnellement et que [...]. Peut-être le connaissez-vous en IRL ( in reality life, au collège autrement dit ) ? Eh bien, comme si vous le connaissez en NL ( Vie de No-Life, sur le PC, les forums, les jeux ), vous en apprendrez plus sur lui en lisant ce blog, mais vous connaissez déjà une moitié. C'est ça l'avantage de mener une petite vie IRL, et une grande NL, on connait deux fois plus de monde, à travers la France, et deux fois plus de monde vous connaisse ( Pléonasme ? À peine ).
Pour commencer à vous ennuyer, j'ai décidé de vous embrouiller avec un code xHTML et CSS. C'est quoi ce schimblic ? Le xHTML est utilisé pour crée la structure, le squelette des sites. Le CSS, lui, est utilisé pour faire le disegn. Il peut s'appliquer directement dans les balises xHTML, mais aussi dans un autre fichier ( qui sera appelé grâce à un bout de code ), ou même sur la même page. Le plus courrant est de toujours créer un fichier à part, ce que je fais généralement. Mais j'ai pris la très mauvaise habitude de coder mon CSS directement dans les balises xHTML, ce qui me revient parfois à tapper trois, quatre, cinq fois le même bout de texte sans m'en rendre compte.
C'est cette année que
j'ai commencé à apprendre le HTML et le CSS. En tout
début d'année d'ailleurs. Ce fût pour moi une
aventure intéressante, bien que j'en connaissais
déjà un bon raillon en ce domaine, mais rien
comparé à ce que je savais quand j'en fus sortis !
J'ai appris à coder le HTML et le CSS sur le site du
zéro ( le fameux SdZ ), comme
beaucoup d'autre. Cette communauté à vraiment
beaucoup grandie. Quand je commençais à apprendre
dessus, je voyais bien que le compteur de visite restais bloquer
à 200, un peu plus parfois. Aujourd'hui, il divaguent aux
environs de 500 zéros connectés.
Enfin je ne parlais pas du site du zéro, mais plutôt
de mon apprentissage. Au départ, je pensais qu'il ne
durerait que 2 à 3 semaines, étant donné que
j'avais déjà certaines bases. Mais il dura bien plus
longtemps. Combien ? Je ne saurais vous le dire, je ne m'en
souviens même plus. Mais plus longtemps que je ne le pensais,
ça, je vous l'assure
En
plus, le CSS me posais un certain problème : Je n'y
comprenais rien. Enfin si, un peu quand
même, mais je n'arrivais pas à faire de grande chose
avec. Aujourd'hui, je fais le contraire, mais c'est surtout que
j'ai une grande flemme d'appliquer tout un bon de code CSS, alors
qu'avec deux petites images, le tour est joué. Après
ce long labse de temps d'apprentissage, je réussissais
à faire ceci par exemple :
Enfin là c'est pas super. Au départ, j'avais voulu faire un copier/coller brut d'un des petits bouts de code que j'ai concocté pour un site, mais l'âme perfide des administrateurs de jeuxvideo.com n'autorise pas les balises xHTML que je voulais utiliser.
Voilà. C'est comme
ça que l'on peut faire des sites entier. Comment j'ai
créerce petit bloc ? Je vous expliquer, en gros.
J'utilie une balise xHTML appelée "div". Cette balise ne
fait aucun effet, si ce n'est appliquer ceci au texte tappé
dedans : " display:block ". Ca veut dire quoi ? Ce veut dire que le
texte tappé dedans sera un bloc, et non une ligne ( les
webmasteurs me lisant crierions que ce n'est pas ça, et je
dirais la même chose à leur place. Mais comment
expliquer rapidement à des personnes sans instructions
à cet effet là ... ). Cette balise me permet donc de
dire d'appliquer le bords jaune à tout le texte qui est
dedans, et non pas à chaque ligne. Ca aura fait quoi sinon ?
Ca aurait entouré chaque ligne du texte d'un bords jaune ...
Beûrk.
Donc pour l'instant, j'en suis à ceci :
<div style="padding: 5px;border: 1px solid
gold;margin:3px;">Blablabla</div>
En français, ça donne : Je dis à la balise
<div> de séparer le texte qui est dedans de le
séparer de 5pixels avec les bords, qui sont de couleur or (
gold en anglais ) et qui, eux, mesurent un pixel, puis de
séparer tout ce joli monde de 3pixels avec le reste de la
page. Who ! Si au futur, je vous parle en HTML et CSS, vous
comprendrez pourquoi ? 
Ca, c'était juste pour faire les bords. Ensuite, nous avons
le droit à ça :
<div style="color: #be0000;font-weight: bold;text-decoration:
underline;">Petit exemple</div>
Ceci nous permet de dire : Le texte qui serait dans la balise
<div> sera de couleur #be0000 ( un espèce de rouge ).
Il sera gras, et souligné.
Ensuite, on a ça : <div style="background:
#19192d"></div>, ce qui dit : Le fond sera de couleur
#19192d.
Ce qui nous fait :
<div style="color: #be0000;font-weight: bold;text-decoration: underline;">
Petit exemple
</div>
<div style="background: #19192d">
Eh oui, après avoir suivis les cours de Mathéo sur les codes xHTML et CSS, on peut faire ça !
Enfin là c'est pas super. Au départ, j'avais voulu faire un copier/coller brut d'un des petits bouts de code que j'ai concocté pour un site, mais l'âme perfide des administrateurs de jeuxvideo.com n'autorise pas les balises xHTML que je voulais utiliser.
</div>
</div>
Voili voilou ! Premier chapitre
terminé, ça vous a plû ? Non ?
...
Comment ça non !?



)
chéri, guy, Jereolindol ( 'me suis pas gourré ? :P ),
tous les opés qui sont sympas (
notemment Arakasi, Enayem, Pan qui est partit [...], Sphax, Titeuf,
( tous ceux de la diplo >< ) ), et tous ceux que j'ai
oublié, car oui, ils sont nombreux ...