La Bnbox !

Créateur de sourires...

Mon compte

S'inscrire

Recherche

Vous êtes ici : Accueil » Atelier Webmaster » Cours HTML » Chapitre 3

Atelier Webmaster



< Cours précédent - Sommaire du cours - Cours suivant >

Cours HTML : Chapitre 3


Traitrement de la page


Voilà un tout petit chapitre qui va nous permettre d'appronfondir les bases qu'on vient d'apprendre et d'embellir encore la pseudo- page de notre exemple... On vient de voir qu'on pouvait ajouter des "options" dans la partie ouvrante d'une balise et dans beaucoup de cas c'est possible et cela nous sera grandement utile !

Réfléchissons un peu. Pour dire à tel phrase d'être de tel couleur on a rajouté "l'option": <font color=\"tel couleur\">. Et à votre avis, où est ce qu'on va rajouter une option pour changer la couleur de la page...?
Dans <body> !
Il suffit de rajouter bgcolor=\"#xxxxxx\" (=<b>b</b>ack<b>g</b>round<b>color</b>. Soit en français couleur du fond.) dans <body></body>. Allez un petit exemple pour bien intégrer tout ça.
Code :
<html>
  <head>
    <title>Une page toute en couleur!</title>
  </head>
  <body bgcolor="#118855">

<font size="5" color="purple" face="Comic Sans Ms"><p align="center">
<b>Bienvenue sur mon site!</b>
</font></P>

<hr width="80%" size="3" color="red" align="center">

<font color="blue">
<blockquote>
Maintenant que je sais mettre une couleur sur le fond, je vais pouvoir y ajouter une image, changer la couleur des liens, que sais-je encore?
<font>
<blockquote>

</body>
</html>



Et voilà votre page est en couleur ! Il vous suffit juste de changer le "nom" de la couleur pour chanegr encore la couleur de la page! Faites un test en mettant "black" à la place de "#118855". Puis remplacez "black" par "#cc9933" pour vous entrainer!

Je vais vous faire un petit topo de ce qu'on peut mettre dans <body>, vous verrez qui a vraiment pleins, pleins de choses et tout n'y est pas ici... (par exemple quand on met certains scripts java il faut rajouter quelque chose dans je vous expliquerez ça vers la fin du cours...)
  • bgcolor=\"#xxxxxx\" : Pour changer la couleur du fond. Un fond en couleur c'est vraiment plus jolie que tout blanc... Reportez vous au chapitre 2 la partie sur les couleurs si vous ne vous souvenez plus bien comment ça marche !
  • background=\"\" : Pour mettre une image de fond. Il suffit de mettre le nom de l'image et sa terminaison entre les deux "". (par exemple si c'est une image gif qui s'appelle poisson, on mettra: poisson.gif) Les images on verra ça un peu plus loin, je sais que c'est ce que vous attendez le plus, mais ne vous inquiètez pas on y arrive rapidement. Si vous voulez vous amuser en attendant, mettez l'image en question dans le même dossier que le fichier .html.
  • bgproperties=\"fixed\" : Quand on fait descendre la page, l'image du fond reste figé! Cela rend bien dans certains cas. Quand on ne le met pas, l'image descend avec la page.
  • text=\"#xxxxxx\" : Gràce à "text", vous changez la couleur de tout votre texte. (vous changez les #xxxxxx par des carractères héxadécimaux.) Au lieu que la couleur par défaut sois noir, ce sera la couleur que vous avez mis dans "text". Et vous pourrez toujours utiliser <font> pour mettre une couleur spécial à certaines parties de votre texte.
  • link=\"#xxxxxx\" : Ce sera la couleur de vos liens! (pour cela il vous suffit de mettre une couleur à la place des xxxxxx, enfin vous avez l'habitude maintenant...) Oui, vous pouvez changer la couleur de vos liens... Ah mais on n'a pas encore vu comment faire des liens, bête ça bn_tongue ça arrive, ne vous inquiètez pas ^-^
  • vlink=\"#800080\" : Et ça, c'est la couleur de vos liens quand vous cliquez dessus.
  • alink=\"#ff0000\" : Si on a cliquez sur vos liens alors ils deviendront de cette couleur. Cela veut dire qu'ils été "utilisé". Cela correspond au violet sur les liens par défaut.
  • class=\"blabla\" : C'est une particule pour le CSS ! On le verra tout à la fin du cours ! Ne vous inquiètez pas si je vous parle de beaucoup de choses que l'on fera plus tard cela vous met l'eau à la bouche et ça vous permet de vous y connaitre un peu plus en HTML!
  • leftmargin=\"11\" : Vous mettez n'importe quel chiffre à la place du "11". L'unité est le point, c'est une unité spécial plus petite que le pixel. En fait vous déterminer à quel distance votre texte, vos images, enfin votre page va être du bord gauche...
  • rightmargin=\"11\" : La marge de droite de votre page. Ce que vous déterminez c'est comme une marge sur word.
  • topmargin=\"19\" : la marge du haut. Ici il y aura 19pixels entre le bord haut de la page et le début de votre texte, image etc...
  • marginwidth=\"11\" : ça c'est la largeur de votre marge.
  • marginheight=\"19\" : La hauteur de la marge de votre page.


Quand vous mettez un background, n'hésitez pas à mettre aussi une couleur de fond, comme ça le temps que l'image arrive, il y a de la couleur !


Ça fait pas mal de choses tout ça! Vous utiliserais souvent bgcolor et background, les autres aussi, mais plus rarement...

Comme souvent en HTML, il n'y a pas qu'une seul méthode pour faire une chose... Et pour changer la couleur du texte il existe une autre méthode. En fait, pour cette autre méthode on utilise plus le HTML, mais le CSS, c'est un autre style de language très très proche du HTML. On en reparlera vers la fin des cours! Pour l'instant on reste sur le HTML !


C'était petit comme chapitre, n'est ce pas? Je n'ai pas voulu le mélanger avec celui du "traitement du texte" car j'avais peur que cela vous embrouille. Je pense que c'est mieux ainsi car vous avez le temps de souffler entres les chapitres.
De plus, à partir de maintenant vous pouvez commencer à faire des tests tout seul! Créer des pages, vous en êtes capables ! Bien sûr ce ne sera pas très élaboré, mais cela vous entrainera! Un petit exemple ? Une page avec comme fond votre tête qui ne suit pas la page quand on descend. Il faut une couleur adéquate pour qu'on arrive à bien lire le texte (photo adéquate aussi !) et comme sujet, le projet d'un site que vous aimeriez faire ! (si vous la trouvez magnifique vous pouvez la mettre sur le forum )

L'heure du bilan

  • Mettre une couleur de fond.
  • Les différentes options de <body>.

Ailleurs sur la Bnbox

Ailleurs sur la Toile

Mini-tchat

?

Pierre Corneille scribouille : Je m'appelle Pierre Corneille je suis mort le 2 décembre je meur avec la chimère Le 02 décembre, 13h49 via Résumé du livre : Le Cid de...

reptilause murmure : TG Le 02 décembre, 13h48 via Résumé du livre : Le Cid de...

reptilause scribouille : Salut bande
de BN
Le 02 décembre, 13h48 via Résumé du livre : Le Cid de...

reptilause tergiverse : Reptileuse Le 02 décembre, 13h47 via Résumé du livre : Le Cid de...

Xeno déclare : Ok on y gagne quoi Le 30 novembre, 16h38 via Texte intégral - L'Avare de...

bobo écrit : WTF le calcul !*
Des barres!
Le 28 novembre, 20h31 via Résumé : La Promesse de l'a...

bobo scribouille : Merci!
Ca va me servir!
Le 28 novembre, 20h30 via Résumé : La Promesse de l'a...

bobo s'exclame : Tchippppppppp Le 28 novembre, 20h30 via Résumé : La Promesse de l'a...

mimi déclame : Qui aime chica vampiro ou bien qui a deja vu chica vampiro Le 28 novembre, 12h24 via Résumé - Les Fourberies De ...

lol bafouille : Lol le calcul Le 27 novembre, 15h50 via Mémo de VHDL

jenpierrdecou écrit : Et les armes en diamant sur bo2 Le 26 novembre, 14h22 via Résumé : L'Avare

jenpierrdecou déclame : Ctrl+w et vous avez argent illimité sur gta Le 26 novembre, 14h21 via Résumé : L'Avare

jenpierrdecou bafouille : Lololollolol Le 26 novembre, 14h21 via Résumé : L'Avare

jen déclare : Oké Le 26 novembre, 14h20 via Résumé : L'Avare

123 gribouille : Slttttttt Le 26 novembre, 13h23 via Résumé : Le Mariage de Figa...

Bnmaster chuchote : @lali Le voici Les Fourberies de Scapin Le 24 novembre, 10h13 via Résumé - Les Fourberies De ...

lali écrit : S il vous plait est ce que vous pouvez me donner le resume de fourberie de scapin merci d avance Le 23 novembre, 13h29 via Fiches sur les personnages ...

lali griffonne : Bibi est ce que c est l histoire du fourberie de scapin? Le 23 novembre, 13h28 via Fiches sur les personnages ...

bibi dit : Yo bb Le 23 novembre, 11h40 via Fiches sur les personnages ...

Bnmaster proclame : @eddiegreatbanks Nope, désolé.N'hésite pas à me l'envoyer un si tu en écris un. Le 22 novembre, 9h50 via Accueil

Zefir scribouille : Coucou Celia Faure, je viens de terminer le tom 7 de Autre monde de Maxime Chattam. J'ai énormément apprécié ce livre et je te le conseille vivement, même si je ne connais pas tes goûts. Si tu veux d'autres conseils plus en détail, on peux me contacter par skype: zefir-0011, mail: Adresse emailm.
Très bonne journée à tous !
Le 20 novembre, 16h28

bakalaye écrit : Oee les gens Le 17 novembre, 22h01 via Résumé : Le Tartuffe de Mol...

cheick écrit : Tout seul Le 17 novembre, 20h25 via Résumé : La Promesse de l'a...

cheick murmure : Personne Le 17 novembre, 20h25 via Résumé : La Promesse de l'a...

cheick écrit : Vous Etes d acore Le 17 novembre, 20h25 via Résumé : La Promesse de l'a...

cheick proclame : Aillllll Le 17 novembre, 20h24 via Résumé : La Promesse de l'a...

cheick proclame : Pogba ballon d or Le 17 novembre, 20h23 via Résumé : La Promesse de l'a...

cheick s'exclame : Je rigole Le 17 novembre, 20h23 via Résumé : La Promesse de l'a...

cheick dit : Aller voire Le 17 novembre, 20h22 via Résumé : La Promesse de l'a...

cheick chuchote : Hhh Le 17 novembre, 20h21 via Résumé : La Promesse de l'a...

Niainez gribouille : Weshhhh Le 17 novembre, 19h17 via Résumé : La Promesse de l'a...

sophie écrit : C'est trop facile Le 17 novembre, 14h12 via Texte intégral - Le Médecin...

k proclame : K Le 13 novembre, 19h33 via Romain Gary : La Promesse d...

@eddiegreatbanks dit : Est ce que vous avez un resume de nantas de zola? Le 09 novembre, 17h21 via Recherche

Bnmaster scribouille : @celia faure Il va falloir nous dire ce que tu préfères comme style pour qu'on puisse te conseiller : fiction, fantasy, historique, ... ? Le 09 novembre, 8h54 via Centrale PC 1997 - Exercice...

tgttttg écrit : Vt Le 09 novembre, 0h17 via Accueil

tgttttg dit : Vfev Le 09 novembre, 0h17 via Accueil

lola dit : Bruuuuuuuuuh Le 08 novembre, 17h41 via Fiches sur les personnages ...

kk scribouille : Salam Le 08 novembre, 15h22 via Les avantages et les risque...

quentin déclame : Littérature : Résumé : La Promesse de l'aube Le 07 novembre, 21h36 via Résumé : La Promesse de l'a...

-yu scribouille : -èuè Le 07 novembre, 14h31 via Résumé - Le Médecin Malgrè ...

$ chuchote : 7 Le 07 novembre, 7h45 via Le raisonnement par l'absur...

Bnmaster scribouille : Ok Le 06 novembre, 21h20 via Résumé du livre : Le Cid de...

celia faure dit : Personne ne repond sa devient un peu beaucoup soulant Le 06 novembre, 9h34

celia faure griffonne : Salut auriez vous un livre bien a me conseiller pour lire ?
Merci d'avance !
PS : j'adore lire, voilà pourquoi je vous pose cette question
et aussi je n'ai plus aucun livre que je n'ai pas lu chez moi du coup voili voilou
et encore une fois merci d'avance d'avoir lu mon message
bisous a tous XXX
Le 06 novembre, 9h31

Fgcgbcgnbfg s'exclame : Salut Le 05 novembre, 18h48 via Résumé du livre : Le Cid de...

Le BG du 93 déclame : Salam les kheys, merci de le partage de le livre. nique ta mere la pute le prof qui nous dit de lire moliere sa mere. Ciao bye cimer Le 05 novembre, 14h01 via Biographie de Molière

Belle-Amie :') écrit : Coucou Le 03 novembre, 20h34 via Fiches sur les personnages ...

cecile.27* gribouille : Ftcdxdkrysryesryhsi(èrf-ylgtuèytçomdfvypccaaa Le 03 novembre, 19h09 via Français

cecile.27* écrit : Vous éte tous nul Le 03 novembre, 19h08 via Français

Publicité



Articles suivants

Articles précédents

©Bnbox (Infos) - Cahier de l'élèves - Atelier webmaster - Boîte à Nuts - Bar à Nougat - Plus ou moins valide XHTML 1.0, CSS 2, RSS 2.0
Flux RSS