1HU91 - Produire des documents pour le web
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 4h de TP (2×2h) par semaine pendant 6 semaines.
Enseignants
- Jean-Marc Lecarpentier - Mardi 16h-18h et Vendredi 8h-10h
Contrôle des connaissances
Le contrôle des connaissances se fera uniquement en contrôle continu :
- Exercices à rendre à chaque séance
- Devoir réalisation d'un mini-site
Ressources HTML - CSS
HTML
CSS
Partie 1
Web et HTML
Notes de cours
- Le web, c’est quoi et comment ça marche ?
- Rapide survol de l'internet
- Introduction à HTML
- Balises HTML essentielles
- Complément : HTML la base du web
- Introduction à HTML par Alexandre Niveau
Travaux pratiques
Partie 2
Pages web et mise en forme
Notes de cours
- Introduction à CSS
- PDF Diapositives
- Une autre introduction à CSS
- Par Alexandre Niveau
- Liens utiles
Travaux pratiques
Partie 3
Mise en page avec 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
Travaux pratiques
Partie 4
De la page web au site web
Notes de cours
- Ressources et liens
- URL et liens
- Utilisation de polices sur le web
- Polices du système et font stack
- Utiliser n’importe quelle police avec
@font-face
Travaux pratiques
Partie 5
CSS avancées
Notes de cours
- Bonnes pratiques CSS
- Quels sélecteurs utiliser dans diverses situations
- Bonnes pratiques recommandées
- Sélecteurs avancés
- Plus de sélecteurs CSS
- Factoriser son code CSS
- Conseils et exemples pour la CSS d'un site complet
- Pour aller plus loin
- Sélecteurs d'attributs, de fils, génération de contenu
Travaux pratiques
Partie 6