Création de pages Web - CSS

• Contribution au profil d'enseignement

• Communiquer et informer

  Utiliser le vocabulaire adéquat Présenter des prototypes de solution et d’application techniques

  Collaborer à la conception, à l’amélioration et au développement de projets techniques

  Analyser une situation donnée sous ses aspects techniques et scientifiques Rechercher et utiliser les ressources adéquates Proposer des solutions qui tiennent compte des contraintes

  S’inscrire dans une démarche de respect des réglementations

  Respecter les normes, les procédures et les codes de bonne pratique

  Développer sa créativité

  Identifier et s’adapter aux contraintes (économiques, techniques et communicationnelles) dépasser les contraintes

  Maîtriser les outils informatiques

  Utiliser efficacement les environnements et systèmes d’exploitations informatiques spécifiques à l’infographie

  Concevoir et réaliser une communication interactive

  Prendre en compte les contraintes liées à l’utilisation d’un média interactif (ergonomie, accessibilité, caractéristique du public cible, …)

• Acquis d'apprentissage spécifiques sanctionnés par l'évaluation

Définir, choisir et utiliser des sélecteurs, propriétés et unités CSS et utiliser la documentation technique afin de styliser une page Web selon les exigences d’un cahier des charges.

Anticiper et vérifier le rendu et le comportement des éléments d’une page Web en utilisant les outils professionnels d’inspection et de débogage et expliquer les choix réalisés à partir du modèle CSS.

Choisir et utiliser les différents modèles de positionnement pour concevoir des layouts conformes aux attentes d’un cahier des charges donné.

Produire des designs fluides et compatibles sur différents supports (ordinateurs, tablettes, mobiles) et assurer le bon affichage sur les principaux navigateurs.

Comprendre et appliquer les standards et bonnes pratiques du métier (typographie, ergonomie, accessibilité, compatibilité) et intégrer l’ensemble des contraintes professionnelles rencontrées dans le développement web.

• Objectifs

• Texte trop volumineux pour être consulté

• Contenus

• Création de pages Web - CSS - 1

  • Fondements du CSS
  • Syntaxe
  • Cascade
  • Sélecteurs, propriétés et unités
  • Modèle boîte
  • Modes de positionnement
  • Accessibilité et ergonomie
  • Performance, compatibilité navigateurs et bonnes pratiques

  
  

  Création de pages Web - CSS - 2

  • Sélecteurs, propriétés et unités
  • Modèle de boîte
  • Mise en page en CSS (positionnement, float, etc.)
  • Typographie web
  • Performance, compatibilité navigateurs et bonnes pratiques
  • Accessibilité et ergonomie
  • Utilisation d’outils professionnels (Figma, éditeurs de code, navigateurs, etc.)
  • Lecture et interprétation d’un cahier des charges
  • Design adaptatif
  • Gestion des images et des couleurs

• Méthodes d'enseignement et d'apprentissage

• Cours ex-cathedra
• Activités interactives demandant une participation active de l’étudiant
• Travaux de laboratoires

• Evaluation

• Création de pages Web - CSS - 2

  Examen Pratique Evaluation Continue

  Création de pages Web - CSS - 1

  Examen Ecrit

• Langue(s) de l'unité d'enseignement

• Français

• Supports de cours au format papier

• Aucun support déposé pour cette unité d'enseignement

• Autres supports de cours

• Meyer, E. A. (2018). CSS pocket reference (5th ed.). O’Reilly Media.