Envie de créer un site public qui va faire des envieux ? Je vais vous y aider en écrivant un petit tutorial sur le code XHTML ou plus couramment HTML ( c'est la même chose ) et bien sûr sur le CSS, les 2 allant de paire ( le CSS vous permettant d'aller beaucoup plus loin dans la personnalisation ).
Nous allons commencer par le XHTML, qui vous permettra de faire déjà pas mal de choses, on verra pour le CSS à la fin.
Le langage XHTML : généralités
Vous avez peut-être déjà vu le code source d'une page web : celui-ci est composé du texte que vous lisez sur le site, mais pas seulement. Il est aussi composé de balises. Il en existe un grand nombre, mais il est inutile de les apprendre, vous les retrouver dans ce genre de tutoriel si vous en avez besoin.
Les balises sont invisibles pour le visiteur, mais servent de marqueurs pour les navigateurs web ( Internet Explorer, Mozilla Firefox... ) : texte en gras, lien vers un autre site...
On en distingue de 2 sortes :
- les balises par paires : ce sont les plus courantes. Il faut alors indiquer le début et la fin. Un petite exemple : <balise> votre texte </balise>.
- les balises solitaires : plus rares, elles permettent d'indiquer l'existence d'un élément ( comme une image ).
Par commodité on écrit les balises en majuscules, pour les retrouver plus rapidement une fois noyée dans le code. Mais ça n'est absolument pas une obligation.
La structure d'un document XHTML
Vous avez donc compris que les balises vous permettent d'indiquer à votre navigateur web des éléments variés. Évidemment, il faut commencer par indiquer à votre navigateur que vous allez utilisé le langage XHTML.
Pour se faire, la première chose à taper dans votre code est <HTML>. Il s'agit d'une balise fonctionnant par paire, donc la dernière chose qui devra figurer dans votre code sera </HTML>.
Une fois cela fait, on distingue 2 zones : l'en-tête ( HEAD ) et le corps ( BODY ). Pour votre site public XVManager, vous ne pouvez pas modifier l'en-tête ( il s'agit du titre de la page indiqué par le navigateur, par exemple "XVManager. Le jeu en ligne de management..." ). On va donc directement passé au corps de la page.
Pour cela, tout de suite après <HTML>, placer la balise <HEAD>. De la même manière, juste avant </HTML> placer la balise </HEAD>.
Voilà, maintenant que ça c'est fait, on va pouvoir passer à des choses plus intéressantes, mais je vous rassure tout de suite, c'est pas beaucoup plus compliqué que ce que vous venez de faire.
Suite : le texte https://wales.forumactif.org/sites-public-f22/le-texte-t184.htm
Nous allons commencer par le XHTML, qui vous permettra de faire déjà pas mal de choses, on verra pour le CSS à la fin.
Le langage XHTML : généralités
Vous avez peut-être déjà vu le code source d'une page web : celui-ci est composé du texte que vous lisez sur le site, mais pas seulement. Il est aussi composé de balises. Il en existe un grand nombre, mais il est inutile de les apprendre, vous les retrouver dans ce genre de tutoriel si vous en avez besoin.
Les balises sont invisibles pour le visiteur, mais servent de marqueurs pour les navigateurs web ( Internet Explorer, Mozilla Firefox... ) : texte en gras, lien vers un autre site...
On en distingue de 2 sortes :
- les balises par paires : ce sont les plus courantes. Il faut alors indiquer le début et la fin. Un petite exemple : <balise> votre texte </balise>.
- les balises solitaires : plus rares, elles permettent d'indiquer l'existence d'un élément ( comme une image ).
Par commodité on écrit les balises en majuscules, pour les retrouver plus rapidement une fois noyée dans le code. Mais ça n'est absolument pas une obligation.
La structure d'un document XHTML
Vous avez donc compris que les balises vous permettent d'indiquer à votre navigateur web des éléments variés. Évidemment, il faut commencer par indiquer à votre navigateur que vous allez utilisé le langage XHTML.
Pour se faire, la première chose à taper dans votre code est <HTML>. Il s'agit d'une balise fonctionnant par paire, donc la dernière chose qui devra figurer dans votre code sera </HTML>.
Une fois cela fait, on distingue 2 zones : l'en-tête ( HEAD ) et le corps ( BODY ). Pour votre site public XVManager, vous ne pouvez pas modifier l'en-tête ( il s'agit du titre de la page indiqué par le navigateur, par exemple "XVManager. Le jeu en ligne de management..." ). On va donc directement passé au corps de la page.
Pour cela, tout de suite après <HTML>, placer la balise <HEAD>. De la même manière, juste avant </HTML> placer la balise </HEAD>.
Voilà, maintenant que ça c'est fait, on va pouvoir passer à des choses plus intéressantes, mais je vous rassure tout de suite, c'est pas beaucoup plus compliqué que ce que vous venez de faire.
Suite : le texte https://wales.forumactif.org/sites-public-f22/le-texte-t184.htm