(X)HTML / CSS ? C’est quoi ?
Pour créer un site web, on doit indiquer des informations à l’ordinateur. Il ne suffit pas de simplement taper le texte qu’il y aura dans son site, il faut aussi savoir placer ce texte, insérer des images, faire des liens etc…
Pour expliquer à l’ordinateur ce que vous voulez, il va falloir utiliser un langage qu’il comprend.
Il existe des langages qui servent à créer des programmes, comme le C++ ou encore le Java. Ces langages sont néanmoins complexes et destinés à des personnes qui ont déjà quelques connaissances en informatique.
Les langages XHTML et CSS, eux, servent précisément à créer des sites web, et ils ont été créés de manière à être simples à utiliser. Mon rôle sera de vous apprendre à vous en servir.
C’est vrai que, quand je vous dis que vous allez apprendre 2 langages à la fois, vous vous demandez si ce n’est pas déjà trop pour vous.
Pas d’inquiétude, vous allez vous rendre compte au fur et à mesure que tout a été très bien pensé. Chacun de ces 2 langages sert à faire quelque chose de précis, et les deux se complètent naturellement pour au final donner un site web :
- XHTML : c’est l’abréviation de eXtensible HyperText Markup Language. Entre nous, si vous ne retenez pas ce que ça veut dire, ça ne vous empêchera pas de dormir
Ce langage XHTML, c’est celui avec lequel vous taperez le contenu de votre site web. Il contient des informations logiques : vous direz par exemple « Ceci est mon titre, ceci est mon menu, là c’est le texte principal de la page, là il y a une image etc etc… ». La définition technique est par ici (Cliquez pour aller apprendre des choses superflues et perdre du temps)Vous avez peut-être entendu parler aussi du HTML. En fait, le XHTML et le HTML se ressemblent beaucoup et peuvent tous les deux être utilisés pour créer des pages web. Ils sont quasiment identiques. Le XHTML fonctionne cependant sur des règles un peu plus strictes que le HTML.
En bref, si vous savez programmer en XHTML, alors vous savez programmer en HTML. C’est pour cela que nous étudierons XHTML dans ce cours. - CSS : c’est l’abréviation de Cascading Style Sheets (« Feuille de style »). Ce langage nous sert uniquement à présenter la page web. C’est en CSS que l’on dira : « Mes titres sont en rouge et sont soulignés, mon texte est dans la police arial, mon nom est centré, mon menu a un fond blanc… » etc etc.
Grâce à ce langage, nous allons pouvoir créer rapidement et simplement la mise en page de votre site. Nous pourrons ainsi lui donner une belle présentation, sans pour autant être des experts en graphisme (et ça tombe bien, parce que côté graphisme je suis carrément nul
). Le CSS est défini dans les moindre détails ici (encore une fois, c’est pour lire des choses superflues et perdre un peu de temps)
En résumé, on se sert de :
- XHTML pour écrire le contenu de nos pages web.
- CSS pour présenter ce contenu.
Ces langages sont donc complémentaires, l’un ne va pas sans l’autre. Si vous retenez que XHTML sert à taper le contenu, et CSS à présenter ce contenu, alors croyez-moi : vous avez déjà compris 95% du principe !
Dans la première partie de ce cours pourtant, on ne va pas parler de suite de CSS. On ne va faire que du XHTML, parce que c’est par là qu’il faut commencer.
Sans CSS, vous allez donc pouvoir faire vos premières pages web. Elles seront assez moches, mais patience… Une fois que vous arriverez à la partie II de ce cours, on introduira le CSS, et vous allez voir tout d’un coup vos pages web s’embellir (presque) sans effort 
Maintenant que vous savez ce que c’est que le HTML et le CSS, suivez ces cours.
Un commentaire »
Flux RSS des commentaires de cet article. TrackBack URL
Laisser un commentaire
mai 19th, 2009 - 22 h 18 min
Très joli site Web quand on fait ses premiers pas sur Internet. Merci pour la quantité d’info que l’on peut y trouver !