L3 MIASHS, Programmation Web 2, année 2022

Dans la suite, vous devez rendre un répertoire propre qui contient tout ce qu’il faut pour que je puisse vous évaluer.

Si des fichiers sont manquants, ce sera des points en moins.

Faites attentions à bien utiliser des liens relatifs, vos pages web rendus doivent fonctionner sans modification sur mon ordinateur.

Vous pouvez rendre une unique page web ou plusieurs selon votre préférence. Indiquez à chaque fois précisément à quoi correspond le fichier.

HTML/CSS

Faites une pages HTML de CV qui contient:

  1. Votre nom, votre prénom, date de naissances
  2. Une image illustratrice
  3. Votre formation depuis le Lycée
  4. Vos expériences professionnelles
  5. Vos connaissances informatiques
  6. Votre projet professionnel.

À part “nom et prénom”, vous pouvez raconter n’importe quoi.

projet professionnel: Community manager de Poudlar

La qualité du HTML et du CSS seront prises en compte dans la notation.

Des points supplémentaires si vous utilisez correctement les balises sémantiques.

JavaScript

Essayez de reproduire les exemples suivant.

Il est tout à fait autoriser d’explorer le code source HTML/CSS, mais le code JavaScript est rendu illisible.

Zoom image


Vous pouvez regarder la documentation de l’évènement oninput

Image par image

Téléchargez ici et décompressez l’archive de tel sorte que vous ayez un répertoire pingouin avec le contenu dans le même dossier ou votre fichier HTML de rendu est situé.

Ajoutez le gif à votre page web de rendu. Si tout ce passe bien, son lien devrait être pingouin/pingouin.gif.

Vous trouverez la décomposition de ce gif image par image dans le même répertoire.

Générez en JavaScript l’élément suivant:

N’hésitez pas a regarder sur internet comment faire une boucle for en JavaScript.

Avancer en cliquant

Générez en JavaScript l’élément suivant.

Vous pouvez utiliser la valeur None de l’attribut display pour faire disparaitre de l’affichage un élément bien qu’il soit bien présent dans le DOM. Regardez l’état du DOM avec l’inspecteur pour en savoir plus.


Compiled the: dim. 07 janv. 2024 23:19:11 CET