Jérôme Darmont

Faculté de Sciences Économiques et de Gestion, Université Lumière Lyon 2, Année 2012-2013.

Pré-requis

Utilisation d’un navigateur Web.

Objectif du cours

• Première approche de la structuration rigoureuse d’informations
• Présentation d’informations en ligne
• Respect des standards du Web

Plan du cours

1. Introduction
2. Le langage HTML
   • Généralités
   • Section d’entête
   • Structure du document
   • Mise en forme de texte
   • Objets multimédias
   • Listes et tableaux
3. Éléments de design Web, standards, accessibilité
   • Design Web 2.0
   • Standards du W3C
4. Feuilles de style en cascade (CSS)
   • Généralités
   • Sélecteurs et classes de style
   • Propriétés
   • Mise en page

Organisation pédagogique / planning

• Cours (4 séances – 7h) : jeudi 14h00-15h45, salle CR07 (Jérôme Darmont) à partir du 27/09
• TD sur machine (8 séances – 14h) : jeudi à partir du 25/10
  • Groupe 1 : 10h00-11h45, salle DER17 ()
  • Groupe 2 : 14h00-15h45, salle DER17 (Jérôme Darmont)

Examen écrit le mercredi 16/01/2013, 10h-11h, Campus Porte des Alpes

Modalités d’évaluation

• Dossier en binôme (réalisation de site) : coefficient 2/3
• Épreuve écrite individuelle (1 h) : coefficient 1/3

Matériel en ligne

• Support de cours (338 Ko)
• Exemples :
  • HTML (6 Ko)
  • HTML + CSS (6 Ko)
  • Mise en page HTML5 (2 Ko)
• Annales : Épreuve écrite 2011-2012 (1ère session) corrigée (313 Ko)
• Squelette valide de page Web (1 Ko)
• Sujet TD 1 (34 Ko) + correction (5 Ko)
• Sujet TD 2 (57 Ko) + correction (6 Ko)
• Sujet TD 3 (22 Ko) + correction (4 Ko)
• Sujet TD 4 (21 Ko) + correction (5 Ko)
• Sujet TD 5 (27 Ko) + correction HTML (6 Ko) + correction CSS (1 Ko)
• Sujet TD 6 (24 Ko) + correction HTML exercice 1 (6 Ko) + correction HTML exercice 2 (4 Ko) + correction CSS exercices 1 et 2 (1 Ko) + correction HTML exercice 3 (6 Ko) + correction CSS exercice 3 (1 Ko)
• Sujet TD 7 (20 Ko) + correction HTML (7 Ko) + correction CSS (1 Ko)
• Sujet TD 8 (29 Ko) + correction HTML (4 Ko) + correction CSS (1 Ko) + correction HTML ex. 4 (4 Ko) + correction CSS ex. 4 (1 Ko)
• Sujet de dossier (11 Ko)
• Épreuve écrite 2012-2013 (1ère session) corrigée (361 Ko)

Rappel : Clic droit puis Affichage source/Code source pour voir le code HTML des corrections

Bibliographie / Webographie

• Chuck Musciano, Bill Kennedy, James Guérin, HTML et XHTML : La Référence, O’Reilly, 2007
• Mathieu Nebra, Réussir son site web avec XHTML et CSS, Eyrolles, 2006
• Apprenez à créer votre site web ! (HTML5 & CSS), Le site du Zéro
• HTML5 se dévoile, AlsaCréations
• Tutoriel CSS, HTML.net

Autres ressources en ligne

• Notepad++, Éditeur de code gratuit et très puissant
• Service de validation XHTML, W3C
• Service de validation CSS, W3C
• Palette de couleurs interactive
• Icônes libres de droit : Free Icons Web, Icon Archive