Matinée 
	Introduction journée aux graphistes – Laurent Lunati

A - Apprendre à désapprendre 

1 De la conception pour l’imprimerie au Design Liquide

1.1 La mise en page par le tableau

 Le web est avant tout un moyen d'échanger des informations. Pendant des années les concepteurs de sites web ont été obligés de jongler avec des langages peu adaptés aux exigences de clients en matière de graphisme.
A alors émergé une méthode de mise en forme de la page via l'utilisation massive de tableaux. Il devenait enfin possible de maîtriser la mise en page.

1-2 L'oubli de la structure

Cette logique de mise en page par les tableaux nous a peu à peu fait oublier que le langage html était destiné à révéler la structure des informations. 

Nous sommes ainsi censés utiliser la balise  <p> pour annoncer un paragraphe, les titres étant eux insérés dans de balises <h1>, <h2>.....
On appelle ces balises Balises structurelles. Elle sont malheureusement absente de nombreux sites.
	
1-3 Emergence de nouvelles pratiques.

Le web est un espace en mouvement, et ces dernière années ont vu émerger des outils et sites d'une nouvelle génération tirant pleinement parti d'une information structurée.
PDA, téléphone,deviennent des alternatives crédibles pour la consultation de sites, pendant que Blogs et CMS dissocient la forme et le fond.

C'est donc une nouvelle façon de concevoir le web qui apparaît, une vision plus respectueuse des standards, plus attentive aux contenus, mais qui impose aux web designers d'oublier certains réflexes tout juste acquis.

2 Structure et contenu avant toute forme

2-1 penser ce que l'on a à dire

La première chose qui change fondamentalement est que le contenu peut exister sans mise en page. La multiplication des terminaux d'affichages, et la grande hétérogénéité de ceux ci imposent de penser le contenu de façon autonome, et donc de lui redonner une structure.

Il convient donc d'utiliser au maximum les ressources existantes du langage HTML.

2-2 Images : comment les traiter ?

Les images doivent aussi faire l'objet d'une réflexion afin de définir leurs rôles exacts.

Illustration du contenu, elle sont considérées comme partie intégrante de celui ci.

Iconographie de navigation ou de situation, elles doivent pouvoir être remplacées par du texte en cas de non affichage de la mise en forme de la page

Image de décoration qui n'influent que sur la forme

2-3 Exercices pratiques sur sites web production Pages Jaunes

Commentaire de site existant à l'aide de la checklist W3C

2-4 Mise en pratique simple
Laurent Lunati piloté par les graphistes sur un exercice simple (Ils doivent proposer des solutions)
Convertir un site existant (de la mise en page tableaux jusqu’au site sans tables)
A l'occasion de cette exercice évocation des étapes clefs

- Rôle du rédacteur
- la notion de modèle de page	
- Présentation et prise en main de quelques outils (mozilla)
- Editeur de Feuille de Style 	- Validateur W3C

2-5 présentation d'une solution existante city-desk

Après-midi : 

1 Exercices

Présentation de quelques exercices/tutoriels mis en ligne sur espace coopératif
à partir d'exemple concret basé sur css zen garden
- choix par les élèves d'une mise en page (chacun la sienne)
- Utilisation d'outils simple pour modifier la mise en page choisie
-sortir de ces exemple des techniques ou astuces simples pouvant être réutilisées, mise en ligne de ces éléments sur l'espace colaboratif.
	2 Invitation à poursuivre le travail en ligne sur espace coopératif
	Schémas d’échanges
	Valorisation des travaux personnels (Stimulation ?)
	3 Conclusion
Réponse aux questions / Débats sur la poursuite de la démarche