ISCOM::HTML/CSS::session3 (20141105)

Click here to load reader

  • date post

    07-Jul-2015
  • Category

    Internet

  • view

    187
  • download

    2

Embed Size (px)

description

ISCOM::HTML/CSS::session3 (20141105)

Transcript of ISCOM::HTML/CSS::session3 (20141105)

  • 1. Cours HTML / CSSLearn to codeHTML/CSS easilyNicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52 1

2. Cours HTML / CSS 6 Sessions de ~3 heures > ~18 heures au total, A chaque sessions aura des objectifs atteindre pour pouvoir continuer laprochaine session, 30% de thorie et 70% de pratique, Finalit : Monter un site en HTML / CSS responsive, En bonus, utilisation doutil de versioningNicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 522 3. Rappel du projetNicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 523 4. Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 52 4 5. Website is good !Responsive website is wonderful !Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 525 6. Responsive web design Principe : On a un site, une url, diffrents design. On adapte le design la taille de lcran, On adapte le contenu au contenant, On dfinit au minimum 3 tailles (PC, tablette, mobile), On ajoute une balise meta viewport pour dfinir la surface de la fentre dunavigateur. On utilise des media queries pour faire des points darrt,Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 526 7. Responsive web designNicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 527 8. Responsive web design Avantage(s) : Notre site est adapt lappareil utilis pour naviguer sur celui-ci, Le contenu est personnalis (on peut avoir un contenu diffrent en fonction dudevice utilis), Meilleure exprience utilisateur.Nicolas AGUENOT - Freelance web developer - contact@nicolasaguenot.com - +33 (0)6 27 32 20 528 9. Responsive web design Comment fait-on ? On dfinit les points darrt : PC : x >= 1200px, Tablettes : 768px