Télécharger en tant que PDF, PPTX
Téléchargé parManuel Schmalstieg
Seminaire web EAA 2017
Le document présente un aperçu de l'évolution des feuilles de style en cascade (CSS) depuis leur création en 1996, en soulignant les différentes versions et propriétés introduites, notamment CSS3. Il aborde également des concepts et des outils de conception web tels que le design responsive, Flexbox et CSS Grid. Les avancées dans le domaine des polices web et les défis liés à l'uniformité d'apparence des sites web dans différents navigateurs sont également discutés.
Seminaire web EAA 2017
- 1. Séminaire Web eaa – 28.04.2017session 1 / 5 Manuel Schmalstieg
- 2.
- 9.
- 10. CSS Un rapide étatdes lieux
- 12.
- 13.
- 14. CSS1 = essentiellement les propriétésde rendu typographique du texte
- 15.
- 16. CSS 2 = ~70 propriétés supplémentaires
- 19.
- 20.
- 21.
- 22.
- 23.
- 24. CSS Bling • Lesdégradés de couleurs • Les ombres portées (box-shadow) • L’opacité (opacity) • Les bords arrondis (border-radius) • Les fontes web (@fontface)
- 25. Do websites needto look exactly the same in every browser?
- 26.
- 28. Do websites needto be experienced exactly the same in every browser?
- 29.
- 31.
- 38.
- 41. a b cd e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ( ; : ? ! $ ¢ £ ¥ & * ) { ö ü å ø ç }
- 43. a b cd e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ( ; : ? ! $ ¢ £ ¥ & * ) { ö ü å ø ç }
- 47.
- 50.
- 55. Mise en page& CSS
- 57. 2000 - 2004: table float
- 60. Responsive Web Design Concepts etimplications
- 73.
- 75.
- 76. “Working Draft” (depuis 2009) “Candidate Recommendation” Flexbox
- 77. bien supporté par les navigateursen 2016! Flexbox
- 80.
- 81.
- 82. GSS is aCSS preprocessor & JS runtime that harnesses Cassowary.js
- 83. Technologie liée à lastartup The Grid
- 84. Slogan: “The Grid Is TheWebsite Of The Future: It Builds Itself”
- 86.
- 87. CSS Grid Layout proposéen 2011 par Microsoft
- 88. CSS Grid Layout implémenté àfins de test dans IE 10 et 11
- 89. CSS Grid Layout reprispar le W3C, en cours de développement
- 90.
- 94.