bon et bien comme je n'es rien à faire en se moment, je me suis dis :



La salle se rempli dit-donc... Bon, tout d'abord je vai commencer par vous expliquer se qu'est le HTML, le XHTML etc... Quel en est la différence a par le X qui se trouve devant.

Et sacher qu'il ne faut pas être un professionnel en programation pour pratiquer le XHTML ! C'est à la porter de tous le monde et c'est la qu'est l'avantage...

Et sachez tout-au plus qu'en plus du XHTML il faux apprendre le CSS qui colle avec le corp de la page mais pas de panique !! Je vous guideré dans tous se qui est du charabia pour vous... C'est hyper simple vous vérez...

[]

C'est quoi ? Gné... CSS ? XHTML ? JE DEVIENS FOU !! :

-en pleine création-


Pour créer son site web, on doit indiquer des informations à l'ordinateur. Il ne suffit pas de simplement taper du texte qui, plus tard, s'affichera à l'ecran. ll faut savoir placer se texte, insérer des couleurs, images, faire des liens etc... Pour expliquer à l'ordinateur ce que vous voulez faire, il va falloir utiliser un langage que lui seul comprend !

Il existe des langages qui servent à créer des programmes. Comme le C++ *assez connu* et le Java *très connu*. Ces langages sont très complexes et son destinés aux personnes qui ont déjà beaucoup de connaissances en informatique. Par contre, le XHTML et le CSS eux, servent précisément à créer des sites web facilement, et ils ont été créés de manière à se que tous le monde puisse les manipuler. Je vai donc vous apprendre ses 2 langages là...



Il est vrai que, apprendre 2 langages en même temps sa a l'air dur... Mais ne vous inquiétez pas !! Ses deux langages ont très bien été construits... Car chaque langage à sa specialité !
Ses 2 là on donc une specialité chaqun, qui au finale lorsqu'ils sont fusionner, forme un site.

Déjà voyons se que signifie c'est deux langage...

[list]XHTML : Abreviation de eXtensible HyperText Markup Language.
N'essayez pas de retenir cette abréviation sa n'est pas si important...
Ce langage, c'est celui avec lequel vous taperez le contenu de votre site. Il contient des informations logiques: C'est à lui que vous disez qu'elle est votre titre principale, votre menu... Ici il y a une image...[/list:u]

Le XHTML est le langage qui remplace le HTML. Il y ressemble assez, mais le fonctionnement du XHTML est beaucoup mieux pensé. Bref, c'est lui le plus récent, c'est donc lui que nous allons apprendre ensemble.

[list]CSS : Abreviation de Cascading Style Sheets *Feuille de style*. Ce langage nous sert uniquement à présenter la page. C'est en CSS que l'on va dire que l'ont veut ses titres en bleus et soulignés, le fond en noir... Le texte en police Arial...
Grâce à ce langage, ont va pouvoir créer simplement la mise en page de notre site. Nous pourrons ainsi lui donner une belle présentation etc...[/list:u]


Donc, le texte *XHTML* et les couleurs *CSS* Réunis forme une page Web... Et vous vérez qu'on peut faire énormément de choses avec du CSS !! Tout en s'amusant...
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 90% du principe !
*Je sais c'est beaucoup 90% !!*

Dans la 1ère parti du Tutoriel on va seulement parler du XHTML. Ensuite ont parlera du CSS dans la 2ème parti donc. Et dans la 3ème parti on combinera les deux !

[]

Et maintenant ont fais comment... :

Notepad++ est un logiciel simple d'utilisation et gratuit permettant de colorisé voter contenu, histoire de mieu si retrouver... Il peut prendre en charger plus de 15 langages de programmation dont le HTML *XHTML* et le CSS !
Telechager le donc *Google est votre ami !*
Lorsque vous aurez installé Notepad++, je vous conseille de faire la manipulation suivante : allez dans le menu "Langages" et choisissez "HTML". Cela permettra au logiciel de savoir que l'on va taper du XHTML.

Lorsque vous utiliserez le logiciel, il colorera votre code comme ça :



Ne vous en faites pas pour se charabilla... Il veut bien dire quelque chose ^^

Bien, maintenant que nous sommes au point et que nous avons notre éditeur de pages web, nous allons pouvoir parler du dernier élément indispensable,le navigateur.

Le travail du navigateur, c'est de lire le code XHTML / CSS que vous avez écrit, et d'afficher ce qu'il représente. Si votre code CSS dit "Les titres sont en rouge", alors le navigateur affichera les titres en rouge.

Parmi les navigateurs qui existent, citons :

* Internet Explorer
* Mozilla Firefox
* Opéra
* Netscape
* Konqueror (pour Linux)
* Lynx (pour Linux)
* Apple Safari (pour Mac)
* etc...

La liste etant longue, je vous cite principaux.
Je vais vous présenter deux d'entre eux *les plus connus ici...*:

* Internet Explorer
* Mozilla Firefox

Vous allez voir que il y a une bonne grosse différence enter ses deux logiciel...

Le plus connu et le plus répandu de tous les navigateurs est Internet Explorer. Et je pense que j'ai très peu de chances de me tromper en disant que c'est celui que vous êtes en train d'utiliser...
Il y a une raison à cela : c'est le navigateur livré par défaut avec tous les Windows. Et comme Windows est le système d'exploitation le plus répandu... Vous comprenez donc...

Mais bon, là est le problème ! Car se logiciel très répandu est malheureusement à la traîne... Côté XHTML O.K, sa va il suit, mais dés qu'il sagit de CSS, IE à du mal à suivre...
Il y a des choses qu'il ne connaît pas tout.
les versions les plus utilisées d'IE sont :

* IE 6 : livré avec Windows XP
* IE 7 : livré avec Windows Vista
Les deux ont des lacunes, mais comme vous pouvez vous en douter, IE 6 est le pire parce que c'est le plus vieux *normal...*. Le problème est que IE est le seul navigateur vraiment à la bourre, tous les autres fonctionnent de la même manière et suivent les mêmes règles.

Pour pouvoir faire correctement du XHTML / CSS, il est indispensable que vous ayez un autre navigateur en plus d'Internet Explorer.
Je vais vous présenter celui qui, à mon goût, est le meilleur : Mozilla Firefox.

Mozilla Firefox est un programme gratuit et disponible en français. Il va nous être aussi utile car, comme tous les autres sauf IE, il est à jour et va vous permettre de profiter des dernières possibilités du CSS.
Il suit parfaitement le programme et ne bugs dans aucun point... Parfait. Je vous invite vivement à télécharger Firefox. Si vous ne le faites pas maintenant, vous verrez que vous en aurez besoin après de toute manière, donc autant prendre les devants


Firefox dispose de fonctionnalités très intéressantes :

* Une barre de recherche Google est en place dès le départ
* Il bloque les popups
* Il dispose d'un gestionnaire de téléchargements très pratique
* On peut naviguer avec des onglets.
* Pour ouvrir un nouvel onglet vide, faites Ctrl + T. Pour ouvrir un lien dans un nouvel onglet, cliquez dessus en maintenant Ctrl appuyé. C'est très très pratique !
* On peut changer son apparence à volonté (il dispose d'un système de "skins")

Ouf ! On a fait le tour... Long à lire mais maintenant, on peut passer a l'action *enfin !!*

Je en fais aucun copier coller tu sais Par contre j'ai belle est bien appris se langage sur le site du zero mais je ne m'en tien pas la...

Par contre le seul copier coller que j'ai du fare se fut pour les abréviation de XHTML et CSS *perte de memoire* >< Bon maintenant tu à raison sur le *vos mieux donner le lien*

Mais c'est pour moi comme un exercice, histoire de voir si je me r'appel bien de toutes les bases rien qu'en les ecrivants...
Sinon voila le lien du site :

http://www.siteduzero.com/

Merci...mais faire des copier coller du site du 0 et en modifiant quelque peu les phrases je ne vois pas l'interêt...autant donner le lien...

Ok merci c'est vrai que c'est pas facile de se rappeller tout au début.

Ton code est faux, si tu le passe au W3C Validator, il y aura des erreurs voici le code exact



Faut surtout pas oublier les balises <p></p>