universitÉ de technologie compiÈgne lo18 :: ingénierie du web ::
TRANSCRIPT
UNIVERSITÉ DE TECHNOLOGIE COMPIÈGNE
LO18 :: Ingénierie du web ::
mercredi 12 avril 2006
Quedville SébastienSebastien.quedville@ut
c.frIngénierie du web
/ 12 2
• 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
Chapitre 1 :: Charte graphique « pédagogique » UTC
mercredi 12 avril 2006
Quedville SébastienSebastien.quedville@ut
c.frIngénierie du web
/ 12 3 Chapitre 1 :: Charte graphique « pédagogique » UTC
• 2) Gabarit «cours » UTC
mercredi 12 avril 2006
Quedville SébastienSebastien.quedville@ut
c.frIngénierie du web
/ 12 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 : #C44D6FGris : Cool gray 10C (#707276)Jaune : Pantone 116C (#FFCE00)
• Typographies utilisées :
Titre, sous-titre : Trebuchet MSCorps du texte : Arial 11px justifié
mercredi 12 avril 2006
Quedville SébastienSebastien.quedville@ut
c.frIngénierie du web
/ 12 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
mercredi 12 avril 2006
Quedville SébastienSebastien.quedville@ut
c.frIngénierie du web
/ 12 6 Chapitre 1 :: Charte graphique « pédagogique » UTC
• 2) Gabarit «cours » UTC
• Encarts
• Les gabarits doivent s’efforcer de respecter les normes d’accessibilité
mercredi 12 avril 2006
Quedville SébastienSebastien.quedville@ut
c.frIngénierie du web
/ 12 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 mondesW3C et standardisationGecko et ses dérivésIE 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
mercredi 12 avril 2006
Quedville SébastienSebastien.quedville@ut
c.frIngénierie du web
/ 12 8 Chapitre 1 :: Charte graphique « pédagogique » UTC
• 3) Accessibilité : Présentation et enjeux
• 3.4) Sites utiles
• www.alistapart.com : site communautaire référent
• www.csszengarden.com : Site de référence dédié à la création graphique standardisé.
• www.cssvault.com
• www.cssdrive.com
• www.cssbeauty.com : Sites galeries contenant de nombreux exemples et sources d’inspiration.
• www.opquast.com : Site permettant de connaître les différents niveaux d’accessibilité et/ou les moyens pour atteindre le niveau souhaité.
• www.alsacreations.com : Site français traitant de l’accessibilité (tutoriaux, conseils…)
• www.openweb.eu.org
mercredi 12 avril 2006
Quedville SébastienSebastien.quedville@ut
c.frIngénierie du web
/ 12 9 Chapitre 2 :: Présentation d’outils de diffusion de contenu
• Textpattern (blog) www.textpattern.com
• Dotclear (blog) www.dotclear.net
• SPIP http://www.spip.net
• Joomla http://www.joomla.org
• EZPublish www.ez.no
• Typo3 www.typo3.org
• Isotools Studio www.isotools.com
• Modx www.modxcms.com
mercredi 12 avril 2006
Quedville SébastienSebastien.quedville@ut
c.frIngénierie du web
/ 12 10 Chapitre 3 :: Evolution du web (web2.0)
• Présentation de la technologie AJAX
• Quelques Framework interessants
• Backbase www.backbase.com
• Ruby on rails http://www.rubyonrails.org/
• Site utilisant AJAX :
• Googlemail
• www.Flickr.com ….