Programme des cours 2025-2026
ATTENTION : version 2025-2026 de l'engagement pédagogique
WEBI0001-1  
Web - Initiation
  • Code et création
  • Introduction au Web
Volume horaire :
Code et création :
Introduction au Web :
Nombre de crédits :
Bachelier en techniques graphiques, orientation techniques infographiques3
Nom du professeur :
Code et création :
Introduction au Web :
Langue(s) de l'unité d'enseignement :
Langue française
Organisation et évaluation :
Enseignement au premier quadrimestre, examen en janvier
Unités d'enseignement prérequises et corequises :
Les unités prérequises ou corequises sont présentées au sein de chaque programme
Contenus de l'unité d'enseignement :
/  
Code et création
Les thèmes abordés dans cette activité d'apprentissage (AA) permettent une initiation à la programmation via le langage Python.

L'AA couvre les fondements de l'algorithmique et des langages de programmation, les structures de contrôle (conditions, boucles), ainsi que les structures de données simples (variables, listes).

L'ensemble des notions théoriques est immédiatement mis en pratique à travers des exercices progressifs, menant à la création de mini-jeux vidéo. La bibliothèque Pygame est utilisée pour concrétiser les apprentissages sous forme de projets ludiques et interactifs.
Introduction au Web
  • Introduction au langage HTML
  • Introduction langage CSS
  • Layout (Mise en page) et formulaires
  • Animations, transitions et tableaux
  • Responsive Web Design (Viewport, Gridview & Mediaqueries)
Acquis d'apprentissage (objectifs d'apprentissage) de l'unité d'enseignement :
Communiquer et informer :

  • Utiliser le vocabulaire adéquat
Collaborer à la conception, à l'amélioration et au développement de projets techniques :

  • Rechercher et utiliser les ressources adéquates
S'inscrire dans une démarche de respect des réglementations :

  • Respecter les normes, les procédures et les codes de bonne pratique
Maîtriser les outils informatiques :

  • Utiliser efficacement les environnements et systèmes d'exploitation informatique spécifiques à l'infographie
Concevoir et réaliser une communication interactive :

  • Définir les étapes, éléments et les outils graphiques et informatiques nécessaires à la réalisation de celle-ci
Code et création
/  
Introduction au Web
Communiquer et informer :

  • Utiliser le vocabulaire adéquat
Collaborer à la conception, à l'amélioration et au développement de projets techniques :

  • Rechercher et utiliser les ressources adéquates
S'inscrire dans une démarche de respect des réglementations :

  • Respecter les normes, les procédures et les codes de bonne pratique
Maîtriser les outils informatiques :

  • Utiliser efficacement les environnements et systèmes d'exploitation informatique spécifiques à l'infographie
Concevoir et réaliser une communication interactive :

  • Définir les étapes, éléments et les outils graphiques et informatiques nécessaires à la réalisation de celle-ci
Savoirs et compétences prérequis :
/  
Code et création
/  
Activités d'apprentissage prévues et méthodes d'enseignement :
Cours pratique
Code et création
  • Cours pratiques
  • Travaux de groupes
Les méthodes d'enseignement de ce cours sont :

  • Partie théorique : Présentation des concepts fondamentaux (syntaxe Python, structures de contrôle et de données), illustrée par des exemples en direct.
  • Exercices guidés : Application immédiate des concepts à travers des petits défis en programmation, réalisés pas à pas avec l'enseignant.
  • Exercices en autonomie : Mise en pratique individuelle ou en binôme pour favoriser l'apprentissage actif.
  • Mise en projet : Développement progressif de mini-jeux vidéo en Python avec Pygame, permettant de mobiliser et d'articuler l'ensemble des notions vues.
Introduction au Web
Cours pratique
Mode d'enseignement (présentiel, à distance, hybride) :
Enseignement hybride
Code et création
Enseignement en présentiel ou hybride.
Introduction au Web
Enseignement hybride
Lectures recommandées ou obligatoires et notes de cours :
Support de cours : espace institutionnel du cours

Lecture obligatoire : /

Lectures recommendées : voire fiche AA
Code et création
Support de cours : Espace institutionnel du cours
Introduction au Web
Support de cours : espace institutionnel du cours

Lecture obligatoire : /

Lectures recommandées :

  • Robbins, J. N. (2013). HTML5 Pocket Reference: Quick, Comprehensive, Indispensable. États-Unis: O'Reilly Media.
  • Meyer, E. (2018). CSS Pocket Reference: Visual Presentation for the Web. Etats-Unis: O'Reilly Media.
  • https://www.w3schools.com/
  • Application mobile Mimo : https://mimo.org/
Modalités d'évaluation et critères :
Type d'évaluation : Epreuve par AA.

Modalités de cotation : Moyenne arithmétique pondérée avec note d'exclusion (si note comprise entre 0 et 8 non inclus)

Pondération de l'UE :

  • AA1 = 2
  • AA2 = 1
Code et création
Mode d'évaluation : Présentiel

Organisation de l'évaluation : Remise de travaux ET Défense orale

Type d'évaluation : Épreuve pour l'Activité d'Apprentissage (AA) lors de la session d'évaluation

Modalités de cotation : 100% de la note de l'AA

Modalités d'évaluation pour les différentes sessions : Modalités d'évaluation identiques d'une session à l'autre  
Introduction au Web
Mode d'évaluation : Distanciel

Organisation de l'évaluation :  Remise de travaux

Type d'évaluation : Épreuve pour l'AA lors de la session d'évaluation

Modalité de cotation : Épreuve pour l'AA

Modalité d'évaluation : Examen pratique.

Modalités d'évaluation pour les différentes sessions : Modalités d'évaluation identiques d'une session à l'autre
Stage(s) :
/  
Code et création
/  
Remarques organisationnelles :
Implantation : Namur

Organisation horaire de la formation : enseignement en horaire de jour

Organisation horaire de l'AA : voir hyperplanning : https://heaj-planning.hyperplanning.fr/hp/etudian
Code et création
Implantation : Namur

Organisation horaire de la formation : enseignement en horaire de jour

Organisation horaire de l'AA : voir hyperplanning : https://heaj-planning.hyperplanning.fr/hp/etudiant
Introduction au Web
Implantation : Namur

Organisation horaire de la formation : enseignement en horaire de jour

Organisation horaire de l'AA : voir hyperplanning : https://heaj-planning.hyperplanning.fr/hp/etudiant
Contacts :
coordination.tib1@heaj.be
Code et création
coordination.tib1@heaj.be