Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introduction à l'intégration Web - Cours I

Jason
November 18, 2012

Introduction à l'intégration Web - Cours I

Initiation aux concepts d'une page Web

Jason

November 18, 2012
Tweet

Other Decks in Education

Transcript

  1. Jason Lemay @jasonlemay Technique d’intégration multimédia 2005 - 2008 Koleo

    2008 - 2012 Capt’n agence numérique Depuis 2012 Web à Québec Depuis 2010 dimanche 18 novembre 12
  2. Les bases de l’internet 1969 - ARPANET Premier réseau permettant

    de connecter des ordinateurs à distance. Ici, des universités. 1971 - Courriels 1er courriel envoyé par Ray Tomlinson : «QWERTYUIOP» 1976 - Protocol TCP 1978 - Protocol TCP/IP 1984 - DNS Automatisation des liens entre ordinateurs / adresses IP. dimanche 18 novembre 12
  3. World Wide Web 1990 - Protocol HTTP et langage HTML

    Tim Berners-Lee met au monde l’internet! dimanche 18 novembre 12
  4. Document HTML <!DOCTYPE html> <html> <head> <title>Titre de la page</title>

    </head> <body> <h1>Titre de la page</h1> <hr /> <p>Texte dans un paragraphe.</p> </body> </html> dimanche 18 novembre 12
  5. <DOCTYPE!> HTML5 <!DOCTYPE html> HTML 4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD

    HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> XHTML 1.0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> dimanche 18 novembre 12
  6. <head> Je suis la logistique de la page! Je m’occupe

    du titre <title>Le nom de cette page</title> Et des feuilles de style <link rel="stylesheet" href="css/style.css"> Sans oublier les balises <meta> et <script> dimanche 18 novembre 12
  7. <body> Je suis la partie visible de votre page! Je

    m’occupe du contenu <p>Un paragraphe très intéressant</p> Je peux moi aussi contenir des <script> dimanche 18 novembre 12
  8. Les principales balises <a> <abbr> <article> <aside> <br /> <div>

    <em> <footer> <form> <h1> <h2> <h3> <h4> <h5> <h6> <header> <hr /> <img> <input> <label> <li> <nav> <ol> <option> <p> <section> <select> <span> <strong> <sub> <sup> <table> <td> <th> <tr> <ul> dimanche 18 novembre 12
  9. Feuille de styles (CSS) body{ background-color: red; } h1{ color:

    #000000; font-size: 16px; } p{ color: #FFFFFF; font-size: 12px; border: 1px solid blue; } dimanche 18 novembre 12