ISCOM::HTML/CSS::session5 (20141119)

313 vues

Publié le

ISCOM::HTML/CSS::session5 (20141119)

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

  • Soyez le premier à aimer ceci

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

Aucune remarque pour cette diapositive

ISCOM::HTML/CSS::session5 (20141119)

  1. 1. Cours HTML / CSS Learn to code HTML/CSS easily Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52 1
  2. 2. Cours HTML / CSS • 6 Sessions de ~3 heures > ~18 heures au total, • A chaque sessions aura des objectifs à atteindre pour pouvoir continuer à la prochaine session, • 30% de théorie et 70% de pratique, • Finalité : Monter un site en HTML / CSS responsive, • En bonus, utilisation d’outil de versioning Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52 2
  3. 3. Rappel du projet Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52 3
  4. 4. Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52 4
  5. 5. Allons encore plus loin avec HTML5 Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52 5
  6. 6. HTML5 • HTML 5 est la dernière norme au niveau HTML. • Il fonctionne « main dans la main » avec CSS3. • Il fonctionne avec tous les navigateurs modernes, • Les anciens navigateurs reconnaissent les tags et les transforment (…mal). • Point important, le doctype du document change : • <!DOCTYPE html> Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52 6
  7. 7. HTML5 et IE • Pour pallier aux problèmes de transformation des tags HTML5 sur les anciennes versions des navigateurs, il existe un script simple qui permet de transformer les balises en HTML4. • C'est un fichier javascript à télécharger simplement pour les navigateurs inférieur à IE9. Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52 7
  8. 8. Les nouveaux tags HTML5 Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52 8
  9. 9. HTML5 Exercice • Exercice simple : • Vous avez votre site responsive, • Vous l’avez animer en CSS3 et chargé votre/vos police(s) Google Font. • Utilisez maintenant les tags HTML5 pour créer votre header, votre footer, votre menu et vos sections. • Ajouter une vidéo de type Youtube dont le sujet est en relation avec HTML5. • Le site sera compatible IE9+, Firefox, Safari, Chrome, Opera et mobile. Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52 9
  10. 10. Des questions ? Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52 10

×