En classe, chacun et chacune procéde à tour de rôle au tirage au sort numérique d'une carte, déclarant deux états opposés, sur le site suivant.
À partir d'un couple d'états opposés numériquement piochés au hasard, réaliser une page web, qui permet de passer de l'un à l'autre état grâce à Javascript. Chacune des versions de la page ne devra comporter que le mot lui-même (autant de fois que jugé nécessaire). Les choix typographiques, colorés et de mise en page sont laissés à l'appréciation de chacune et chacun. L'idée étant, de se familiariser avec les possibilités d'altération d'une page web offerte par Javascript, en apprenant à les coupler avec l'arbre HTML et le style CSS.
Ressources
- Un exemple simple avec le couple Jour / Nuit, consultable ici.
- Un exemple multiple avec le couple Jour / Nuit, consultable ici.
- Le code source des deux exemples, téléchargeable ici.
- Le site d'Olivier Lebrun qui utilise une animation similaire.
- Les transitions CSS.
Dates
Début : Lundi 13 novembre
Rendu : Lundi 27 novembre