Chapitre 1 :: Charte graphique « pédagogique » UTC

Présentation au sujet: "Chapitre 1 :: Charte graphique « pédagogique » UTC"— Transcription de la présentation:

1

2 Chapitre 1 :: Charte graphique « pédagogique » UTC
1)présentation générale : Déclinaison et forte inspiration de la charte graphique papier. 4 grandes “familles” de documents Institutionnel Recherche Relations industrielles Formations Photo

3 Chapitre 1 :: Charte graphique « pédagogique » UTC
2) Gabarit «cours » UTC

4 Chapitre 1 :: Charte graphique « pédagogique » UTC
2) Gabarit «cours » UTC Notions générales Contenu centré horizontalement Largeur « fixe » 760 pixels Couleurs utilisées : Fushia : Pantone 200 (#C10435) Fushia clair : #C44D6F Gris : Cool gray 10C (#707276) Jaune : Pantone 116C (#FFCE00) Typographies utilisées : Titre, sous-titre : Trebuchet MS Corps du texte : Arial 11px justifié

5 Chapitre 1 :: Charte graphique « pédagogique » UTC
2) Gabarit «cours » UTC Navigation Horizontal occupant 50% de la largeur (au besoin y intégré le deuxième niveau de navigation, l’autre partie étant dédié à l’illustration du site. Liens permanents Pied de page

6 Chapitre 1 :: Charte graphique « pédagogique » UTC
2) Gabarit «cours » UTC Encarts Les gabarits doivent s’efforcer de respecter les normes d’accessibilité

7 Chapitre 1 :: Charte graphique « pédagogique » UTC
3) Accessibilité : Présentation et enjeux 3.1) historique Netscape 4 VS IE 5 : la guerre des mondes W3C et standardisation Gecko et ses dérivés IE 7 : un pas de plus vers la normalité 3.2) Enjeux Les enjeux sont autant pratique que Marketing Les enjeux en termes de création de site Les enjeux marketing 3.3) Quelques règles de bases un web sémantique

8 Chapitre 1 :: Charte graphique « pédagogique » UTC
3) Accessibilité : Présentation et enjeux 3.4) Sites utiles site communautaire référent Site de référence dédié à la création graphique standardisé. Sites galeries contenant de nombreux exemples et sources d’inspiration. : Site permettant de connaître les différents niveaux d’accessibilité et/ou les moyens pour atteindre le niveau souhaité. Site français traitant de l’accessibilité (tutoriaux, conseils…)

9 Chapitre 2 :: Présentation d’outils de diffusion de contenu
Textpattern (blog) Dotclear (blog) SPIP Joomla EZPublish Typo3 Isotools Studio Modx

10 Chapitre 3 :: Evolution du web (web2.0)
Présentation de la technologie AJAX Quelques Framework interessants Backbase Ruby on rails Site utilisant AJAX : Googl ….