Informatique

Technologies du Web

Présentation des bases de la création de documents web. On se limite aux aspects «côté client» : création de la page (html et css), programmation client (javascript). Les notions sont abordées au travers de la réalisation de différents «exercices» au cours du semestre.

Responsable

Patrice Thibaud

Volume horaire

Cette unité se déroule au S2.
L'enseignement est organisé sur 12 semaines, chaque semaine sous la forme de deux séances de travaux dirigés sur machine d'1h30. Sauf pour les semaines 1, 5 et 7 ou la première séance de TD est remplacée par une séance de Cours de 1h30 (voir le semainier).
Cette UE constitue un pré-requis pour l'UE Technologies du Web 2 du S3 de la lience informatique.

Crédits

4 ECTS

Objectifs

À l'issue de ce module les étudiants doivent

• Être capables de concevoir des documents web dans le respect des standards.
  • Connaître les principaux standards du web : (X)HTML 5, CSS, Javascript, DOM
  • Maîtriser la notion de séparation contenu / forme / dynamicité
  • Savoir
    • décrire un document sous forme arborescente,
    • traduire ce modèle en un document (X)HTML 5,
    • réaliser la mise en forme en utilisant le langage CSS,
    • rendre le document dynamique et le manipuler via l'interface DOM et javascript.
  • Être conscient de l'importance du respect des normes.
  • Maîtriser le processus de rédaction et de validation des documents.
• Savoir développer des programmes en javascript et connaître les bases de ce langage.
• Connaître les bases de la programmation événementielle.
• Être capables de rechercher des informations et les exploiter (spécifications de standards HTML, CSS, …, sites web d'information, etc.).

Compétences

• Participer à la conception et à la réalisation d'applications logicielles :
  • connaître plusieurs styles/paradigmes de programmation et plusieurs langages,
  • comprendre les différentes natures des informations : données, traitements, connaissances, textes,
  • mettre en œuvre des méthodes d'analyse pour concevoir des applications et algorithmes à partir d'un cahier des charges partiellement donné.
• Connaître les savoirs pratiques et les technologies actuelles attachés à la discipline.

L'évaluation s'effectue suivant une procédure de contrôle continu.

Deux trois notes sont attribuées à chaque étudiant durant le semestre :

• NOTE1 TP et assiduité
• NOTE2 mini-projet
• NOTE3 DS final

30% NOTE1 + 30% NOTE2 + 40% NOTE3

Après une éventuelle session de rattrapage, la note est calculée ainsi :

SUP(30% NOTE1 + 30% NOTE2 + 40% DS_rattrapage ; DS_rattrapage)

Documents du cours

• Les vidéos de cours.

Ressources

• les exercices
• TW1 sur Moodle

Validateurs

• le validateur HTML
• le validateur CSS3 du W3C

Sites références

• les éléments rubrique HTML sur le Mozilla Developer Network, ou encore par catégories de contenu
• une présentation de l'outil inspecteur intégré à Firefox
• une présentation de l'outil debugger intégré à Firefox (en anglais)
• le document du W3C (working draft) sur les sélecteurs

Bibliographie

• HTML 5 Une référence pour le développeur web Rodolphe Rimelé. Eyrolles. ISBN 978-2-212-12982-3.
• HTML 5 et CSS 3 Jean Engels. Eyrolles. ISBN 978-2-212-13400-1.
• Débuter en Javascript Shelley Powers. Eyrolles. ISBN 978-2-212-12093-6. N'est plus édité... chercher une version d'occasion ou prendre la version électronique.
• Javascript The definitive guide David Flanagan. O'Reilly . ISBN 978-0-596-80552-4.

Webographie

• un rapide formulaire CSS mis à disposition en téléchargement libre.

• CSS Diner : apprenez et testez vos connaissances sur les sélecteurs CSS de manière ludique.
• Cascade CSS et priorité des sélecteurs
• à propos du positionnement
  • La propriété CSS display : inline-block
  • Mise en page CSS avancée grâce à la propriété display
  • Initiation au positionnement CSS (position, float, clear)