Initiation au HTML

932 vues

Publié le

Cette formation vise à donner aux participants les bases du langage HTML, qui est utilisé pour construire les pages web.
Les participants pourront apprendre à créer une page web basique avec du texte et des images.
Cette formation s’adresse aux débutants, aucune connaissance préalable n’est requise.

Publié dans : Logiciels
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
932
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
38
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Initiation au HTML

  1. 1. Initiation au HTML 8 septembre 2014 Pierre Rudloff
  2. 2. Initiation au HTML | 8 septembre 2014 Qu’est-ce que le HTML ? HyperText Markup Language Langage créé en 1992 Permet de décrire des documents Forme la base du Web Interprété par un navigateur (Firefox, Chrome, Internet Explorer, etc.) Version actuelle : HTML5 Souvent utilisé avec CSS et JavaScript
  3. 3. Initiation au HTML | 8 septembre 2014 Comment créer du HTML Éditeur de texte/code : ●Notepad++ (Windows) ●Brackets ●Smultron (Mac OS) Éditeur visuel : ●Dreamweaver ●BlueGriffon CMS (WordPress, SPIP, etc.)
  4. 4. Initiation au HTML | 8 septembre 2014 Exemple de page HTML http://s.strasweb.fr/6
  5. 5. Initiation au HTML | 8 septembre 2014 Écrire du texte http://s.strasweb.fr/7 <p> : paragraphe <div> : bloc <i> : italique <b> : gras <br/> : retour à la ligne <h1>...<h6> : titres
  6. 6. Initiation au HTML | 8 septembre 2014 Ajouter des images http://s.strasweb.fr/8 <img> src : URL de l'image alt : texte alternatif width : largeur en pixel height : hauteur en pixel
  7. 7. Initiation au HTML | 8 septembre 2014 Vidéo et audio <video> et <audio> src : URL de l'image width : largeur en pixel height : hauteur en pixel controls, autoplay, loop http://s.strasweb.fr/c http://s.strasweb.fr/d
  8. 8. Initiation au HTML | 8 septembre 2014 Créer des liens http://s.strasweb.fr/9 <a> href : URL de la page target : _blank pour ouvrir dans une nouvelle fenêtre title : infobulle au survol
  9. 9. Initiation au HTML | 8 septembre 2014 Tableaux http://s.strasweb.fr/a
  10. 10. Initiation au HTML | 8 septembre 2014 Métadonnées et référencement http://s.strasweb.fr/b http://wiki.whatwg.org/wiki/MetaExtensions <meta> description : décrit le contenu de la page author : auteur du document keywords : mots-clefs generator : Logiciel utilisé pour créer la page robots : Faut-il référencer cette page ?
  11. 11. Initiation au HTML | 8 septembre 2014 Outils Firebug Outils de développeur Chrome Lunettes à rayons X Thimble
  12. 12. Initiation au HTML | 8 septembre 2014 Ressources pédagogiques OpenClassrooms Codecademy Mozilla Developer Network
  13. 13. Initiation au HTML | 8 septembre 2014 À lire Weaving the Web, Tim Berners-Lee HTML & CSS, Jon Duckett HTML5 pour les web designers, Jeremy Keith HTML5: Up and Running, Mark Pilgrim HTML5 : une référence pour le développeur web, Rodolphe Rimelé
  14. 14. Initiation au HTML | 8 septembre 2014 La suite JavaScript : 13 octobre 2014 CSS : 19 novembre 2014 HTML5 : 10 décembre 2014

×