2026-2027
| Code | Titulaire(s) | Langue(s) d'enseignement | Langue(s) d'évaluation | Théorie | Pratique | Période(s) | Établissement(s) |
|---|---|---|---|---|---|---|---|
| T-MING-183 | BERRADJA Abdenacer | français | français | 48 | 0 | Q1 |
|
Connaissances
Au terme de l'activité d'apprentissage, l'étudiant sera capable de : Décrire l'historique et les principales technologies du développement web (HTML, CSS, PHP, navigateurs). Expliquer la syntaxe et le vocabulaire du langage HTML (éléments, balises, attributs). Décrire les principes et le rôle des feuilles de style CSS (sélecteurs, modèle de boîte, Flexbox, Grid Layout). Expliquer les principes fondamentaux de l'ergonomie et de l'accessibilité des interfaces web. Décrire les principes du référencement naturel (SEO) et le fonctionnement général des moteurs de recherche. Décrire la syntaxe du langage PHP (variables, opérateurs, structures conditionnelles et répétitives, fonctions). Justifier l'utilisation des standards du web et des bonnes pratiques de développement.
Aptitudes
Au terme de l'activité d'apprentissage, l'étudiant sera capable de : Structurer une page web en HTML (titres, paragraphes, listes, tableaux, liens, images, formulaires, contenus multimédias). Mettre en forme et en page un site web à l'aide de CSS (sélecteurs, box model, Flexbox, Grid Layout, responsive design). Analyser un code en vue d'en vérifier la syntaxe et la conformité aux bonnes pratiques du langage cible. Concevoir une interface tenant compte des principes d'ergonomie et d'accessibilité. Développer des scripts PHP pour traiter des données issues de formulaires et générer du contenu dynamique. Mettre en place du code de validation des données. Élaborer une maquette (wireframe) et la traduire en un site web fonctionnel dans le cadre d'un projet global.
Compétences
Au terme de l'activité d'apprentissage, l'étudiant sera capable de : Organiser son travail de manière autonome pour mener un projet web de la conception à la réalisation. Résoudre les problèmes techniques rencontrés lors du développement (débogage, compatibilité, adaptation aux différents supports).
Développement web — Théorie
1. Introduction au développement web
Présentation du contexte du développement web et de l’environnement de travail.
Historique et évolution du Web.
Présentation des principales technologies du Web, des navigateurs et des tendances actuelles.
2. HTML — Structure et contenu des pages web
Historique, caractéristiques et principes fondamentaux du langage HTML.
Syntaxe et vocabulaire : éléments, balises, attributs et commentaires.
Structure générale d’un document HTML.
Éléments de type bloc et éléments en ligne.
Titres, paragraphes et enrichissement du texte.
Listes, tableaux, liens et images.
Intégration de contenus multimédias : sons et vidéos.
Formulaires et traitement des données.
Méta-balises et éléments de structuration d’une page web.
3. CSS — Mise en forme et présentation des pages web
Principes et rôle des feuilles de style CSS.
Les différentes méthodes d’intégration du CSS dans un document HTML.
Règles de style et sélecteurs de base.
Arbre du document et sélecteurs : descendants, enfants et attributs.
Priorité et spécificité des sélecteurs.
Modèle de boîte (Box Model) : dimensions, marges, bordures et espacements.
Propriétés CSS courantes : couleurs, textes, arrière-plans, dimensions et alignements.
Positionnement des éléments.
Flexbox et Grid Layout.
Transitions, transformations, animations et filtres.
Responsive Design et adaptation aux différents supports.
Préfixes et outils CSS.
4. Ergonomie et accessibilité des sites web
Principes fondamentaux de l’ergonomie appliqués aux interfaces web.
Gestaltisme et principes de perception et d’organisation de l’information.
Notions d’accessibilité du Web.
Prise en compte de l’utilisateur dans la conception d’une interface.
5. Référencement web
Principes fondamentaux du référencement naturel.
Fonctionnement général des moteurs de recherche.
Notions de SERP et de visibilité dans les résultats de recherche.
Bonnes pratiques de référencement.
Notions de pénalités et d’attaques SEO.
6. Introduction à PHP
Présentation du langage PHP et de son utilisation dans le développement web.
Variables et constantes.
Opérateurs.
Structures conditionnelles et répétitives.
Fonctions et fonctions de bibliothèque.
Génération dynamique de code.
Traitement de données issues de formulaires.
Mise en œuvre à travers des cas d’étude simples.
Développement web — Travaux pratiques. Les notions théoriques sont mises en application au travers d’exercices progressifs et de mises en situation.
1. Travaux pratiques HTML
Création et structuration de pages HTML.
Utilisation des titres, paragraphes, listes et tableaux.
Création de liens hypertextes.
Intégration d’images et de contenus multimédias.
Création et structuration de formulaires.
Utilisation des méta-balises et des éléments de structuration.
2. Travaux pratiques HTML/CSS
Mise en forme de pages web à l’aide de CSS.
Utilisation des sélecteurs et des propriétés CSS.
Manipulation du modèle de boîte.
Gestion des dimensions, marges, bordures et arrière-plans.
Mise en œuvre des différents modes de positionnement.
Utilisation de Flexbox et Grid Layout.
Création d’interfaces adaptées aux différents supports (Responsive Design).
Mise en œuvre de transitions, transformations et animations.
3. Travaux pratiques PHP
Manipulation de variables, constantes et opérateurs.
Mise en œuvre de structures conditionnelles et répétitives.
Utilisation de fonctions.
Traitement de données provenant de formulaires.
Génération dynamique de contenu web.
4. Projet global
Analyse du besoin et définition de la structure du site.
Conception d’une maquette wireframe.
Élaboration de la structure HTML.
Mise en forme et mise en page avec CSS.
Utilisation de Flexbox et/ou Grid Layout.
Adaptation de l’interface en Responsive Design.
Intégration des notions d’ergonomie et d’accessibilité.
Mise en œuvre, lorsque nécessaire, de fonctionnalités dynamiques simples avec PHP.
Type de support
Syllabus
Références
Syllabus rédigé par les maîtres assistants.
Quelques références :
Draillard, F. Premiers pas en CSS et HTML, Eyrolles, 8e édition, 2019 (ISBN 10:2212850921).
Heurtel, O. (2023). PHP 8 — Développez un site web dynamique et interactif (2e édition). Editions ENI.
MDN Web Docs : https://developer.mozilla.org/fr/
W3C : https://www.w3.org/
Les usages de l’Intelligence Artificielle dans l’enseignement supérieur sont référencés et détaillés au sein d'une charte institutionnelle. Consultez le site https://ia.condorcet.be pour plus d'informations.