TP 7 : travail sur le DM

Licence Informatique/Maths 1e année

Alexandre NiveauJean-Marc Lecarpentier

Enseignement des technologies du Web

 

Travail personnel

Objectifs

Ce TP est réservé au travail technique sur votre DM.

Exercice — Préparer sa page d'accueil

Vous devriez avoir déjà réfléchi à ce que vous mettrez sur votre page d'accueil (contenus, images…) et aux thèmes des autres pages.

Il faut à présent (si ce n'est déjà fait) écrire le HTML et préparer la mise en page.

Il est vivement conseillé de faire une maquette sur papier de votre page avant de commencer le CSS, afin d'identifier les zones et les blocs structurants, qui vont servir à contenir d'autres blocs.

Exercice — Polices web

À ne faire que quand vous avez implémenté au minimum un début de page d'accueil !

Choisir une police sur FontSquirrel, la télécharger et utiliser le générateur de webfont pour créer un fichier WOFF. Utiliser cette police sur une (ou plusieurs) des pages de votre DM.

Exercice — Fignoler la présentation

Continuer à avancer sur votre page d'accueil ; une fois que les éléments pricipaux sont en place, vous pouvez travailler sur les petits détails.

  • Observez la page en prenant du recul : quelles parties paraissent trop « simples » ou « brutes » par rapport au reste ? Ne faudrait-il pas les détailler un peu plus ?
  • Cherchez ce qui fait que votre page ne donne pas l'impression d'un site « professionnel » : comparez à de vrais sites, et inspirez-vous-en.
  • Êtes-vous sûr·e d'avoir respecté tous les principes d'ergonomie présentés en cours ?

Si votre page d'accueil est parfaite, profitez-en pour avancer sur les autres pages de votre mini-site. Si vous voulez, vous pouvez aussi travailler sur les exercices des TP précédents que vous n'auriez pas finis.