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

Click here to load reader

  • date post

    09-Jul-2015
  • Category

    Internet

  • view

    100
  • download

    1

Embed Size (px)

description

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

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

  • Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52 1

    Cours HTML / CSSLearn to code

    HTML/CSS easily

  • Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52

    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 thorie et 70% de pratique,

    Finalit : Monter un site en HTML / CSS responsive,

    En bonus, utilisation doutil de versioning

    2

  • Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52

    Rappel du projet

    3

  • Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52 4

  • Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52

    Allons encore plus loin avec HTML5

    5

  • Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52

    HTML5 HTML 5 est la dernire 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 :

    6

  • Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52

    HTML5 et IE

    Pour pallier aux problmes 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 tlcharger simplement pour les navigateurs infrieur IE9.

    7

  • Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52 8

    Les nouveaux tags HTML5

  • Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52

    HTML5 Exercice Exercice simple :

    Vous avez votre site responsive,

    Vous lavez animer en CSS3 et charg votre/vos police(s) Google Font.

    Utilisez maintenant les tags HTML5 pour crer votre header, votre footer, votre menu et vos sections.

    Ajouter une vido de type Youtube dont le sujet est en relation avec HTML5.

    Le site sera compatible IE9+, Firefox, Safari, Chrome, Opera et mobile.

    9

  • Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52

    Des questions ?

    10