Scribd Logo
Importer

Bienvenue sur Scribd !

  • C3 LangageWeb Prof

    Transféré par

    francis E
    11 vues2 pages
    cours SNT de seconde sur les langage du web

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    cours SNT de seconde sur les langage du web

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    11 vues2 pages

    C3 LangageWeb Prof

    Transféré par

    francis E
    cours SNT de seconde sur les langage du web

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 2

    SNT Thème C Le web

    Chapitre C3 Les langages du web

    1 Le langage HTML
    Les pages web sont codées dans un langage informatique appelé HTML (
    HyperText Markup Langage ou Langage de balises hypertexte).

    Le langage HTML définit la structure d’un document. Il indique au navigateur


    comment afficher les différents éléments de la page web à l’aide de balises

    Une balise est une instruction écrite entre deux chevrons < et > .

    Il y a deux types de balises :

    a) Les balises "en paires ouvrante / fermante", qui s’ouvrent et se referment plus
    loin, comme par exemple :

    < title >…. </title> qui indique le titre de la fenêtre qui contient la page web

    b) les balises orphelines, qui s’ouvrent et se ferment aussitôt comme par


    exemple :

    <img src=…. /> qui affiche l’image indiquée par le paramètre src.

    2 Squelette d’un document HTML


    Un document HTML contient des instructions et des
    sections obligatoires :

    • la balise <html> … </html> qui encadre


    l’ensemble du document

    • la balise <head >… </head> qui délimite l’en-tête


    du document. (partie non affichée à l’écran)

    • la balise <body> … </body> qui délimite le corps


    du document (partie affichée à l’écran)

    Activité 1 : les balises les plus courantes

    <br /> • Saut à la ligne

    <p> … </p> • paragraphe

    <h1>… </h1> • titre de niveau 1

    <img src = …. /> • image

    <a href =… > lien </a> • lien hypertexte

    <ol>
    <li> …. </li>
    • Afficher une liste d’éléments numéroté
    </ol>

    1
    3 Le langage CSS ( feuille de style)
    Le CSS ( Cascading Style Sheet) est un
    langage, associé au HTML ,qui est
    spécialisé dans le style des pages web.

    C’est à dire les couleurs, les polices, les bordures ...


    En général les instructions CSS sont placées dans une
    balise <style> au début du document html.

    4 Ecriture des instructions CSS


    Les instructions sont regroupées dans une règle de style délimitée par des accolades . Chaque règle s’applique à
    un élément ( ou balise) précis de la page web.

    Une règle CSS commence par un sélecteur qui désigne


    la balise ciblée par la règle.

    Puis on ajoute, entre deux accolades, des déclarations


    qui indiquent les couples « propriétés : valeur »

    • Chaque déclaration est terminé par un « ; »

    • La propriété et sa valeur correspondante sont


    séparées par « : »

    Activité 2 : les propriétés CSS les plus courantes

    color • Couleur de la police de caractères

    background-color • couleur du fond d’un élément

    border • bordure

    font-family • police de caractères

    font-size • taille de la police de caractères

    5 Annexe : codage des couleurs


    Le code de couleur RGB (red green blue) se présente sous la forme d’un trio de
    nombres compris chacun entre 0 et 255. Il repose sur le principe de la synthèse
    additive des couleurs :

    Toute couleur peut être obtenue en mélangeant les trois couleurs primaires ( rouge,
    vert et bleu) dans des proportions bien choisies.
    La proportion de rouge correspond au 1er nombre, celle de vert au second nombre et
    celle du bleu au 3e nombre .

    rouge rgb (255,0,0) bleu rgb (0,255,0) cyan rgb (0,255,255)

    Vert rgb (0,255,0) jaune …………………... magenta ……………….

    Exercices n° 1, 2 ,3, 6 p 72/73

    Vous aimerez peut-être aussi