Différences entre versions de « Informatique Web et Multimédia »
De GBLL, TAL, ALAO, etc.
Ligne 40 : | Ligne 40 : | ||
* [[:File:775 - M1 DILIPEM - Diaporama — Informatique, Web et Multimédia.pdf|Le diaporama de cours]] ; | * [[:File:775 - M1 DILIPEM - Diaporama — Informatique, Web et Multimédia.pdf|Le diaporama de cours]] ; | ||
* [[:File:775-DILIPEM-M1-TD1-IWM.pdf|TD n°1]] ; | * [[:File:775-DILIPEM-M1-TD1-IWM.pdf|TD n°1]] ; | ||
− | * [[:File:775-DILIPEM-M1-TD2-IWM.pdf|TD n°2]] ; | + | <!-- * [[:File:775-DILIPEM-M1-TD2-IWM.pdf|TD n°2]] ; |
* [[:File:775-DILIPEM-M1-TD3-IWM.pdf|TD n°3]] : | * [[:File:775-DILIPEM-M1-TD3-IWM.pdf|TD n°3]] : | ||
** [[:Fichier:775-Screencast-TD n°3.webm|fichier vidéo à utiliser]] ; | ** [[:Fichier:775-Screencast-TD n°3.webm|fichier vidéo à utiliser]] ; | ||
* Indentation : | * Indentation : | ||
− | ** [[File:775-Indentation-énoncé.png|x40px|Exercice 1, l'indentation|link=Utilisateur:Mathieu Loiseau/Cours/Master DDL — Parcours DILIPEM/M1 — Informatique Web et Multimédia/code non indenté]] → [[File:775-Indentation-correction.png|x40px|Exercice 1, l'indentation|link=Utilisateur:Mathieu Loiseau/Cours/Master DDL — Parcours DILIPEM/M1 — Informatique Web et Multimédia/code indenté]] ; | + | ** [[File:775-Indentation-énoncé.png|x40px|Exercice 1, l'indentation|link=Utilisateur:Mathieu Loiseau/Cours/Master DDL — Parcours DILIPEM/M1 — Informatique Web et Multimédia/code non indenté]] → [[File:775-Indentation-correction.png|x40px|Exercice 1, l'indentation|link=Utilisateur:Mathieu Loiseau/Cours/Master DDL — Parcours DILIPEM/M1 — Informatique Web et Multimédia/code indenté]] ;--> |
* [[:File:775-DILIPEM-M1-TDs-corrigés.pdf|TDs corrigés]]. | * [[:File:775-DILIPEM-M1-TDs-corrigés.pdf|TDs corrigés]]. | ||
== Notes et références == | == Notes et références == | ||
<references /> | <references /> |
Version du 19 septembre 2018 à 17:54
À travers la découverte d'outils numériques (traitement du son/vidéo/image) et d'un langage de structuration de document, ce cours vise à donner des outils pour comprendre des enjeux transversaux du numérique.
Contrôle des connaissances
Le cours donnera lieu à un projet et à un devoir sur table.
Projet
Le projet devra être en ligne sur dip01 avant le 8 novembre minuit
Chaque groupe (1 ou 2 étudiants) devra produire au minimum 2 pages Web :
- un pense-bête HTML/CSS comprenant l'explication de 5 éléments, attributs, notions, sélecteurs, propriété HTML ou CSS [1] ;
- une page comprenant :
- une courte explication du but d'un logiciel ;
- une contextualisation de la fonctionnalité présentée du logiciel en question ;
- une vidéo explicative (type tutoriel), comprenant au moins une incrustation du logiciel en question.
- Les deux pages devront :
- partager une feuille de style commune ;
- posséder un en-tête avec titre, logo ;
- posséder un menu pour la navigation dans les pages (en particulier le pense-bête) et entre les pages ;
- être référencées depuis une page commune recensant les pages de chacun (demande une coordination entre les groupes, qui n'a d'autre contrainte que de pointer vers les projets de chacun) ;
- être référencées depuis votre propre page personnelle (dans laquelle vous listez vos projets) ;
- être située sur dip01 dans un dossier à votre nom.
Les critères d'évaluation seront :
- le fonctionnement des liens entre pages et ressources (y compris entre la page centralisée et les pages concernées) ;
- un bon usage d'éléments appropriés en HTML ;
- un bon usage de la feuille de style ;
- la propreté du code (indentation, erreurs de syntaxe ne nuisant pas à l'affichage, etc.) ;
- et dans une moindre mesure l'appropriation des éléments décrits dans les deux pages.
Devoir sur table
Ressources
- Outils et logiciels pour le cours (ou en dehors, d'ailleurs) ;
- Le diaporama de cours ;
- TD n°1 ;
- TDs corrigés.
Notes et références
- ↑ à vous de voir quel termes s'associent à HTML et lesquels à CSS