Technologies web 1

Licence Informatique/Maths 1e année

Alexandre NiveauJean-Marc Lecarpentier

Enseignement des technologies du Web

 

Technologies web 1

Informations générales

L'objectif de ce cours est de donner aux étudiant·e·s 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 1h de CM (le mercredi de 16h30 à 17h30 en amphi 500) et 4h de TP (2×2h) par semaine pendant 6 semaines.

Enseignants

  • Alexandre Niveau (CM, TP)
  • Anne Garnavault-Rémy (TP)
  • Françoise Lambert (TP)
  • Gaétan Richard (TP)
  • Jean-Marc Lecarpentier (TP)
  • Julien Courtiel (TP)
  • Maksim Koptelov (TP)
  • Sophie Schüpp (TP)
  • Youssef Chahir (TP)

Contrôle des connaissances

Le contrôle des connaissances prendra plusieurs formes :

Sujet du devoir et détail de l'évaluation pour le module

Semaine 1
mercredi 18 octobre

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
mercredi 25 octobre

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
    • Classes et identifiants
    • Groupes et combinaison de sélecteurs

Travaux pratiques

Semaine 3
mercredi 7 novembre

Mise en page CSS et images HTML/CSS

Notes de cours

  • 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
  • Bases de la mise en page avec CSS
    • Propriété display
    • Positionnement absolu et relatif
    • Mise en page classique et moderne
  • 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
mercredi 14 novembre

Polices, design adaptatif & ergonomie

Notes de cours

Travaux pratiques

Semaine 5
mercredi 21 novembre

CSS avancées

Notes de cours

Travaux pratiques

Semaine 6
mercredi 28 novembre

Formulaires HTML, transitions et transformations CSS

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
  • Transitions, transformations, animations
    • Animer les transitions entre valeurs d’une propriété
    • Transformations
    • Un mot sur les animations non transitionnelles

Travaux pratiques

Annales des examens

  • Sujet de l’examen 2017-2018 — attention, le programme a changé : la mise en page était faite avec des flottants (les grilles CSS n’étaient pas présentées).