Technologies web 1

Licence Informatique/Maths 1ère année

Alexandre Niveau — Jean-Marc Lecarpentier

Enseignement des technologies du Web

 

Détail de l'évaluation pour le module et sujet du DM/projet

Informations générales

L'objectif de ce cours est de donner aux étudiant·es les connaissances et les méthodes informatiques spécifiques à la réalisation de pages web simples (statiques et non interactives), en particulier les langages HTML5 et CSS. Une attention particulière sera donnée à l'ergonomie, l'accessibilité, et l'utilisation des standards du web tels qu'ils sont définis par le W3C.

Cette unité comprend 1h15 de CM (le lundi de 11h à 12h15, amphi 500) et 4h de TP (2×2h) par semaine pendant 10 semaines.

Le vendredi 11 novembre étant férié, il n'y aura qu'un seul TP la semaine du 7 novembre. Le dernier TP aura donc lieu la semaine du 28 novembre.

Enseignant·es

  • Alexandre Niveau (CM, TP)
  • Amal Mahboubi (CM, TP)
  • Anaëlle Baledent (TP)
  • Françoise Lambert (TP)
  • Frédéric Jurie (TP)
  • Gaétan Richard (TP)
  • Jean-Luc Lamotte (TP)
  • Jean-Marc Lecarpentier (TP)
  • Pascal Vaudorne (TP)
  • Sophie Schüpp (TP)
  • Yohann Jacquier (TP)
  • Youssef Chahir (TP)

Contrôle des connaissances

Les modalités de contrôle des connaissances sont détaillées sur cette page. Elles prendront plusieurs formes :

Semaine 1
du 12 au 16 septembre

Web et HTML

Notes de cours

  • Le web, c’est quoi et comment ça marche ?
    • Rappels sur Internet
    • Le World Wide Web : définition et principes de base
    • Les constituants principaux du web : HTTP, URL, HTML
  • HTML : la base du web
    • Balisage et structure de documents
    • Les règles de HTML
    • Notions d’hypertexte
    • Notions d’accessibilité
    • Les éléments de structuration d’HTML5

Travaux pratiques

Semaine 2
du 19 au 23 septembre

Modifier le style des pages : CSS

Notes de cours

  • Introduction à CSS
    • Propriétés de style
    • Règles CSS
    • Intérêt des feuilles de style
    • Cascade et héritage
  • Modèle de boîte CSS3
    • Visual formatting model de HTML/CSS
    • Propriétés de base des boîtes
    • Quelques propriétés CSS3
    • Alignement de contenu

Travaux pratiques

Semaine 3
du 26 au 30 septembre

Sélecteurs ; URL ; images

Notes de cours

  • Sélecteurs CSS simples
    • Combinaison de sélecteurs
    • Classes et identifiants
    • Éléments HTML génériques
  • URL, chemins, requêtes
    • Contenu d’une URL
    • Chemins dans un système de fichiers
    • Traduction du chemin d’une requête HTTP par un serveur
    • URLs des ressources de la page
    • URL relatives et résolution
  • Images sur le web (HTML/CSS)
    • Formats d’image pour le web
    • L’élément img et quelques-uns de ses attributs
    • Propriétés de base des backgrounds en CSS
    • Remplacement d’images

Travaux pratiques

Semaine 4
du 3 au 7 octobre

Mise en page CSS

Notes de cours

Travaux pratiques

Semaine 5
du 10 au 14 octobre

Bonnes pratiques CSS et polices sur le web

Présentation du sujet du DM

Notes de cours

Travaux pratiques

Semaine 6
du 17 au 21 octobre

Sélecteurs avancés

Notes de cours

Travaux pratiques

Semaine 8
du 7 au 11 novembre

Formulaires HTML

Notes de cours

  • Formulaires HTML
    • Fonctionnement général des formulaires HTML
    • Paramètres d’URL et méthode POST
    • Détails sur des widgets particuliers (boutons radio, select…)
    • Style et validation côté client

Travaux pratiques

Semaine 9
du 14 au 18 novembre

Design adaptatif — Transitions et transformations CSS

Notes de cours

Travaux pratiques

Semaine 10
du 21 au 25 novembre
Semaine 11
du 28 novembre au 2 décembre

Travail sur le DM

Pas de CM cette semaine !

Travaux pratiques

Annales des examens