Ce site est le support de cours du module de DUT Informatique M1105 : création de documents numériques. L'objectif de ce module est de vous initier à la création de documents Web en vous présentant les technologies et les langages qui servent de socle au World Wide Web.

Après avoir lu l'ensemble des chapitres et fait (consciencieusement) l'ensemble des exercices de ce cours, vous devriez pouvoir déchiffrer aisément le code source ci-dessous. 

<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <title>Page personnelle d'Olivier Nocent</title>
    <style>
      body {
        color: #AE562B;
        font-family: sans-serif;
      }

      #portrait {
        float: left;
      }
    </style>
  </head>
  <body>
    <header>
      <h1>Page personnelle d'Olivier Nocent</h1>
      <p>Enseignant-chercheur en informatique</p>
    </header>
    <div role="main">
      <img id="portrait" src="me.jpg" alt="Portrait d'Olivier Nocent">
      <p>
      </p> 
    </div>
  </body>
</html>

Mais avant d'en arriver là, je vous invite à consulter le planning du cours et à commencer par lire l'introduction.

Semaine 37 (7/9 → 11/9)

Introduction
Qu'est-ce que le World Wide Web ? Que se passe-t-il lorsque je saisis une adresse dans mon navigateur ? Configuration de l'environnement de développement : contenu du répertoire public, choix de l'éditeur de texte.

Anatomie d'un document Web
À quoi ressemble le code d'une page Web ? Quels langages et pour quoi faire ?

Bonnes pratiques
Les choses à faire et, surtout, à ne pas faire.

Semaine 38 (14/9 → 18/9)

Texte
Structuration et annotation du contenu textuel.

Typographie
Présentation du contenu textuel.

Semaine 39 (21/9 → 25/9)

Listes
Listes à puces, listes numérotées, listes de définitions.

Hypertexte
Liens hypertextes, ancres.

Tableaux
Structuration de données tabulaires.

Semaines 40 et 41 (28/9 → 9/10)

Couleur
Différents modèles de couleur, transparence.

Images
Formats d'image pour le Web.

Audio et vidéo
Intégration du son et de la vidéo dans un document Web.

Semaine 42 (12/10 → 15/10)

Sélecteurs CSS avancés (partie 1)
Classes, identifiants et sélecteurs CSS contextuels.

Sélecteurs CSS avancés (partie 2)
Sélecteurs d'attributs, pseudo-classes et pseudo-éléments.

Jeudi 22 octobre

Devoir surveillé No 1

Semaine 43 (19/10 → 23/10)

Mise en page
Flot, modèle de boîte, positionnement.

Semaine 45 (2/11 au 6/11)

Requêtes de média
Règles CSS à la base du Responsive Web Design.

Semaines 46 et 47 (9/11 → 20/11)

Frameworks CSS : Bootstrap 4, W3.CSS
Mise en œuvre simplifiée du Responsive Web Design

Semaines 48 et 49 (23/11 → 4/12)

Formulaires
Champs de saisie, cases à cocher, listes déroulantes, etc.

Jeudi 10 décembre

Devoir surveillé No 2

Semaines 50 et 51 (7/12 → 18/12)

JavaScript
Interaction avec un document Web.