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

?

jaja tergiverse : Nnnnnnnnnnnn Aujourd'hui, 11h38 via Résumé : La Guerre de Troie...

jaja déclare : Pigjh Aujourd'hui, 11h38 via Résumé : La Guerre de Troie...

aliou super saiyan white scribouille : Hi, ls gars cmmnt aller vous? Hier, 20h49

jhbgyvfvxesryv dit : Génial !!! Le 17 avril, 15h05 via Résumé - Le Médecin Malgrè ...

fnhjyj(jy gribouille : Corniche Le 09 avril, 15h46 via Résumé scène par scène - Le...

ZEDAKA scribouille : N Le 07 avril, 13h42 via Résumé - Les Fourberies De ...

wawa bafouille : Bonjour Le 07 avril, 12h09 via Le personnage mythologique ...

mimine dit : Mdrrr Le 04 avril, 19h43 via Résumé : La Guerre de Troie...

NOOB gribouille : Bonjour je voudrai savoir le ton que doit pendre la fleche au IIIscene svp Le 02 avril, 20h04 via Texte intégral - L'Avare de...

R?elalàal déclame : Sa fait 7 Le 31 mars, 20h24 via Résumé - Les Fourberies De ...

gzhgz scribouille : Bonsoir paris Le 25 mars, 19h33 via Résumé scène par scène - Le...

kim proclame : J'ai une questions: est ce que rodrigue et chimène font passer l'honneur avant tout dans la scène 3 actes3 Le 25 mars, 14h46 via Résumé scène par scène - Le...

kim gribouille : Lol Le 25 mars, 14h44 via Résumé scène par scène - Le...

BELAMIFAN38 chuchote : Coucou les amis je suis un fan du roman Bel-ami Le 18 mars, 10h37 via Fiches sur les personnages ...

7 écrit : Tout ça est faux Le 17 mars, 15h16 via Résumé : L'Avare

mmm bafouille : Dd Le 14 mars, 19h28 via Fiches sur les personnages ...

uyftè bafouille : Bonsoir Le 12 mars, 8h21 via Fiches sur les personnages ...

Demetrius gribouille : Download fortnite crack Le 11 mars, 23h00

???????? proclame : Ce livre est bien Le 11 mars, 13h21 via Résumé - Les Fourberies De ...

???????? bafouille : Je me sair pour mon devoir de école Le 11 mars, 13h17 via Résumé - Les Fourberies De ...

lulu dit : Bonjour Le 10 mars, 21h31 via Résumé - Les Fourberies De ...

La fan du CID murmure : La gifle est donnée à Don Diegue par le Compte car le Compte juge que ça aurait dû être lui le gouverneur du prince ( vers ? ) Le 06 mars, 18h03 via Résumé scène par scène - Le...

La fan du Cod chuchote : Le page est un jeune servant qu'on les nobles et qui les suit partout ( une sorte de chien quoi ) Le 06 mars, 18h01 via Résumé scène par scène - Le...

youredese gribouille : Bonjour Le 03 mars, 12h59 via Résumé scène par scène - Le...

choco déclare : Qui d'éclanche la gifle citer le vers? Le 25 février, 17h36 via Résumé scène par scène - Le...

choco déclare : Qui est Page Le 25 février, 17h18 via Résumé scène par scène - Le...

choco écrit : Salut c'est moi choco Le 25 février, 17h17 via Résumé scène par scène - Le...

qsdfghjklm* chuchote : Resume du livre naissance du fa Le 20 février, 17h43 via Recherche

yo proclame : Yo yo Le 17 février, 20h54 via Résumé - Le Médecin Malgrè ...

eva scribouille : Qu el qu un a un resume sur le voyage de mr perrichon ? Le 11 février, 18h38 via Fiches sur les personnages ...

evalol déclare : 1a2z Le 11 février, 18h36 via Résumé - Les Fourberies De ...

sysy s'exclame : Quelqun a un resume des evenements importants ds bel ami? Le 11 février, 1h38 via Fiches sur les personnages ...

jojolerigolo tergiverse : Qui est a Léon Blum Le 10 février, 18h00 via Politique d'accessibilité

tom s'exclame : Bonjour Le 09 février, 13h39 via Résumé scène par scène - Le...

dams chuchote : Et dams lithopedion Le 02 février, 11h08 via Résumé scène par scène - Le...

dams écrit : Qui et votre rapeure prefere ou chanteure moi DAMSO DAMSO DAMSO DAMSO DAMSO c'est cqfd !! Le 02 février, 11h07 via Résumé scène par scène - Le...

dams dit : Bonjour Le 02 février, 11h05 via Résumé scène par scène - Le...

dams déclame : Elle et bien mais c'est notre prof de francais quoi qui nous demande de la faire Le 02 février, 11h05 via Résumé scène par scène - Le...

Laura.lly gribouille : BONJOUR Le 01 février, 21h00 via Résumé scène par scène - Le...

juliaaaaaa griffonne : HEYYYY!!Vous allez bien? Le 31 janvier, 18h47 via Résumé scène par scène - Le...

maelys griffonne : Le cid en soit n est pas si mal c'est juste qu il est compliqué a comprendre j ai un oral a faire devant toute ma classe et j ai a peux pres compris Le 31 janvier, 16h11 via Résumé scène par scène - Le...

leane écrit : Et le je travail sur le cid je comprend rien sa me soule Le 30 janvier, 14h51 via Résumé scène par scène - Le...

leane dit : Moi jai fait les fourberie de scapin lannee derniere quand jetais en 5eme Le 30 janvier, 14h51 via Résumé scène par scène - Le...

Charlienette déclare : Nan .. je hurle la Le 30 janvier, 9h58 via Résumé - Les Fourberies De ...

Charlienette chuchote : Je murmure pas ! Le 30 janvier, 9h58 via Résumé - Les Fourberies De ...

Charlienette murmure : JE l'ai demain Le 30 janvier, 9h58 via Résumé - Les Fourberies De ...

Charlienette griffonne : Vous avez déjà fait un cibtrole sur les fourberies de scapin acte 2 ? Le 30 janvier, 9h58 via Résumé - Les Fourberies De ...

Charlienette déclame : Coucou Le 30 janvier, 9h57 via Résumé - Les Fourberies De ...

lkjhgfds chuchote : Coucou Le 28 janvier, 20h43 via Résumé - Le Médecin Malgrè ...

kikoudu73 écrit : Octogone Le 28 janvier, 14h30 via Fiches sur les personnages ...

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