Description du cours
CSS (feuille de style en cascade) est un moyen populaire pour formater la mise en page des pages Web. CSS est utilisé pour définir les styles techniques, les tailles de tableaux et tout aspect trouvé dans les pages Web. Vous apprendrez les bases du CSS, y compris les polices, les listes, l'alignement et le codage, les arrière-plans et les bordures.
Notre cours Advanced Cascading Style Sheets (CSS3) se concentre sur la création et la mise en forme d'un jeu interactif de questions-réponses. En combinant HTML, CSS et JavaScript, vous apprendrez des techniques pour créer des réponses chronométrées, des indices visuels et des animations pour ajouter de l'intérêt et de la saveur à l'expérience de jeu. La logique de contrôle des fonctions de minuterie et d'ouverture, et de fermeture des panneaux de fenêtre sera introduite via JavaScript.
Ce que vous allez apprendre
- Concevoir un jeu de questions-réponses interactif et fonctionnel
- Construire un plateau de jeu sous forme de grille (Grid Box) et le code qui le génère
- Créer plusieurs comptes à rebours, y compris des minuteurs cubiques (cube timers), et contrôler les panneaux de fenêtres avec JavaScript
- Ajouter de l'audio et concevoir des écrans de démarrage (splash screens), des boutons élégants et des logos pour le jeu
- Contrôler le curseur à l'aide du CSS et faire apparaître et disparaître des sections
- Mettre en forme et styliser des graphiques vectoriels évolutifs (SVG - Scalable Vector Graphics)
Points clés à retenir
- Le cours associe le HTML, le CSS et JavaScript pour créer un jeu interactif de questions-réponses.
- Les apprenants utilisent des techniques telles que les réponses chronométrées, les repères visuels et l'animation pour ajouter de l'intérêt à l'expérience de jeu.
- JavaScript est introduit pour fournir la logique qui contrôle les fonctions de chronométrage (timer) et l'ouverture et la fermeture des panneaux de la fenêtre.
- Le cours aborde la mise en forme des graphiques vectoriels évolutifs (SVG) et le contrôle du curseur à l'aide du CSS.
- En construisant le jeu, les apprenants acquièrent une connaissance pratique de JavaScript tout en utilisant des techniques CSS3 avancées.
Foire aux questions
Que couvre ce cours de CSS avancé ?
Le cours se concentre sur la création et la mise en forme d'un jeu de questions-réponses interactif en combinant HTML, CSS et JavaScript. Il couvre la création d'un plateau de jeu, la conception de fenêtres coulissantes (slider windows), le formatage de minuteurs, la création d'écrans de démarrage (splash screens), de boutons élégants et de logos, le contrôle du curseur avec CSS, et le formatage de graphiques vectoriels évolutifs (SVG).
Quelles compétences vais-je acquérir grâce à ce cours ?
Vous acquerrez des compétences en feuilles de style en cascade (CSS), codes CSS, frameworks CSS, scripts HTML, feuilles de style JavaScript et CSS orienté objet, ainsi qu'une connaissance pratique de JavaScript.
Vais-je apprendre JavaScript dans ce cours ?
Oui. Le cours introduit JavaScript pour contrôler les fonctions de minuterie (timer) et l'ouverture/fermeture des panneaux de fenêtres, et l'un de ses objectifs est d'acquérir une connaissance pratique de JavaScript.
Quel type de projet vais-je réaliser ?
Vous concevrez un jeu interactif de questions-réponses fonctionnel, comprenant un plateau de jeu sous forme de grille, de multiples comptes à rebours, de l'audio, des écrans de démarrage (splash screens), et des sections qui apparaissent et disparaissent.
