Initiation à l’intégration XHTML/CSS - séance 8

jan
8
2010

Huitième séance de cours, dans le cadre de la formation proposée aux étudiants SRC Hunan, dispensée par l’IUT Michel de Montaigne, Bordeaux III.

Cette séance a pour objectif de présenter le processus d’intégration web au travers de la découpe et du montage d’une page web simple.

Rappels

Lors des séances 6 et 7 nous avons commencé à réaliser l’intégration d’une page Web :

• En utilisant le fichier Photoshop (PSD) transmis par l’infographiste après validation de la charte graphique par le client
• En créant le code XHTML/CSS dans un éditeur de code (notepad, dreamweaver,…) de manière à recréer l’interface designée par l’infographiste.

Cette huitième séance de cours vise à achever l’intégration XHTML/CSS de la page web puis à tester sa conformité avec les validateurs de code.

Objet de la huitième séance

Reprise de l’intégration

• Récupérez les éléments suivants :
  • Répertoire contenant : hotel_hunan.zip
    • La page et les éléments liés en cours de construction
    • Fichier Photoshop ayant servi de source au découpage des éléments visuels appelés dans la page web
• Décompresser le répertoire récupéré
• Ouvrir le fichier Photoshop
• Ouvrir le fichier HTML avec un éditeur de code

Validation de la conformité du code XHTML/CSS

• Validateur du code HTML : http://validator.w3.org/#validate_by_upload
• Validateur du code CSS : http://jigsaw.w3.org/css-validator/#validate-by-upload

Préparation de la 9ème séance de cours

Dans le cadre des cours suivants, les élèves vont devoir créer une version web de leur CV qui sera mise en ligne une fois achevée et pourra ainsi être utilisée par les élèves pour leur recherche de stages ou d’emplois ultérieures. Cet exercice personnel sera noté. Pour anticiper au travail, les élèves devront pour le jeudi 14 janvier préparer les éléments suivants :

• CV au format Word
  
  • identité
  • adresse et coordonnées
  • parcours scolaire
  • parcours professionnel
  • hobbies/loisirs
  • photographie d’identité
• Recherche de sites séducteurs par le graphisme, ou l’ergonomie proposés :
  • sélectionner 3 sites Internet dont le graphisme et l’ergonomie séduit les élèves

Les prochaines séances de cours auront lieu les jeudi 14 et vendredi 15 janvier 2010.