🎓 Année Scolaire 2026/2027 • Section 3STI

Conception & Développement Web

Plateforme d'apprentissage interactif pour les élèves de 3e Sciences de l'Informatique : cours théoriques & travaux pratiques guidés.

🔍

Modules & Ressources Pédagogiques

Cours Théoriques & Applications

Fiche de renseignements Séance 1
Séance 1 : Rappel HTML & CSS

Rappels fondamentaux sur la structure HTML et la mise en forme CSS.

Application 1 : Fiche de renseignements

Ouvrir le cours ➔
Balises sémantiques Séance 2
Séance 2 : Balises Sémantiques

Balises sémantiques de contenu et de structure de page en HTML5.

Application 2 : Computers
Application 3 : CS-PORTAL
Application 4 : Fruits universe

Ouvrir le cours ➔
Notions avancées HTML5 & CSS3 Séance 3
Séance 3 : Notions avancées HTML5 & CSS3

Cadres iframe, attributs globaux, positionnement flottant, transitions et filtres d'images.

Application 5 : IA Décodée
Application 6 : Graphics Cards

Ouvrir le cours ➔
Animations CSS Séance 4
Séance 4 : Animations en CSS

Règles @keyframes et propriétés d'animation en CSS3.

Application 7 : Progress bar
Application 8 : Smiley
Application 9 : Montre analogique

Ouvrir le cours ➔
Formulaires Web Séance 5
Séance 5 : Les Formulaires Web

Création, structuration et contrôles des formulaires interactifs.

Application 10 : Formulaire de contact
Application 11 : Héros de bandes dessinées

Ouvrir le cours ➔
Initiation JavaScript Séance 6
Séance 6 : Initiation JavaScript

Bases du langage JavaScript, sorties, balise output, manipulation du DOM et gestion d'événements.

Applications pratiques et contrôle de formulaire

Ouvrir le cours ➔

Activités Pratiques JavaScript

Méthodes de sorties en JavaScript (console.log, alert, innerHTML) Activité 1
Séance 1 : Sorties en JavaScript

Méthodes de sortie : console.log, document.write, alert, innerHTML.

Ouvrir l'activité ➔
Méthodes d'entrées en JavaScript (prompt, input, conversions) Activité 2
Séance 2 : Entrées en JavaScript

Méthodes de saisie, boîtes prompt, champs de saisie et conversion de type.

Ouvrir l'activité ➔
Structures conditionnelles et boucles d'itération Activité 3
Séance 3 : Conditions & Boucles

Structures conditionnelles (if / switch) et structures itératives (for / while).

Ouvrir l'activité ➔
Fonctions JavaScript et gestion des événements du DOM Activité 4
Séance 4 : Fonctions & Événements

Déclaration de fonctions, passage de paramètres et gestion des événements du DOM.

Ouvrir l'activité ➔
Algorithmes arithmétiques : diviseurs, nombres parfaits et amis Activité 5
Séance 5 : Nombres

Somme des diviseurs, nombres parfaits et nombres amis en JavaScript.

Ouvrir l'activité ➔
Manipulation de l'objet Date et calculs de durées Activité 6
Séance 6 : Fonctions Date

Manipulation de l'objet Date, calculs de durées et formatage de dates.

Ouvrir l'activité ➔
Algorithmes sur les nombres et générateur de mot de passe Activité 7
Séance 7 : Algorithmes

Nombre ondulant, nombre superpair, semi-premier et générateur de mots de passe.

Ouvrir l'activité ➔
Mixeur de couleurs RGB, sliders interactifs et contrôle du volume Activité 8
Séance 8 : Color Mixer

Mixeur de couleurs RGB, sliders interactifs et contrôle du volume sonore.

Ouvrir l'activité ➔
Jeu Number Guesser avec devinette et score Activité 9
Séance 9 : Number Guesser

Jeu de devinette de nombre avec rétroaction interactive et score.

Ouvrir l'activité ➔
TP Lampes, circuit électrique et mini-piano jouable Activité 10
Séance 10 : Lampes & Piano

Interrupteurs de lampes, circuit électrique double et mini-piano jouable.

Ouvrir l'activité ➔