La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

UNIVERSITÉ DE TECHNOLOGIE COMPIÈGNE LO18 :: Ingénierie du web ::

Présentations similaires


Présentation au sujet: "UNIVERSITÉ DE TECHNOLOGIE COMPIÈGNE LO18 :: Ingénierie du web ::"— Transcription de la présentation:

1 UNIVERSITÉ DE TECHNOLOGIE COMPIÈGNE LO18 :: Ingénierie du web ::

2 mercredi 12 avril 2006 Quedville Sébastien Sebastien.quedville@utc.fr Ingénierie du web / 122 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

3 mercredi 12 avril 2006 Quedville Sébastien Sebastien.quedville@utc.fr Ingénierie du web / 123Chapitre 1 :: Charte graphique « pédagogique » UTC 2) Gabarit «cours » UTC

4 mercredi 12 avril 2006 Quedville Sébastien Sebastien.quedville@utc.fr Ingénierie du web / 124Chapitre 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 mercredi 12 avril 2006 Quedville Sébastien Sebastien.quedville@utc.fr Ingénierie du web / 125Chapitre 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, lautre partie étant dédié à lillustration du site. Liens permanents Pied de page

6 mercredi 12 avril 2006 Quedville Sébastien Sebastien.quedville@utc.fr Ingénierie du web / 126Chapitre 1 :: Charte graphique « pédagogique » UTC 2) Gabarit «cours » UTC Encarts Les gabarits doivent sefforcer de respecter les normes daccessibilité

7 mercredi 12 avril 2006 Quedville Sébastien Sebastien.quedville@utc.fr Ingénierie du web / 127Chapitre 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 mercredi 12 avril 2006 Quedville Sébastien Sebastien.quedville@utc.fr Ingénierie du web / 128Chapitre 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.alistapart.com www.csszengarden.com : Site de référence dédié à la création graphique standardisé. www.csszengarden.com www.cssvault.com www.cssdrive.com www.cssbeauty.com : Sites galeries contenant de nombreux exemples et sources dinspiration. www.cssbeauty.com www.opquast.com : Site permettant de connaître les différents niveaux daccessibilité et/ou les moyens pour atteindre le niveau souhaité. www.opquast.com www.alsacreations.com : Site français traitant de laccessibilité (tutoriaux, conseils…) www.alsacreations.com www.openweb.eu.org

9 mercredi 12 avril 2006 Quedville Sébastien Sebastien.quedville@utc.fr Ingénierie du web / 129Chapitre 2 :: Présentation doutils de diffusion de contenu Textpattern (blog) www.textpattern.comwww.textpattern.com Dotclear (blog) www.dotclear.netwww.dotclear.net SPIP http://www.spip.nethttp://www.spip.net Joomla http://www.joomla.orghttp://www.joomla.org EZPublish www.ez.nowww.ez.no Typo3 www.typo3.orgwww.typo3.org Isotools Studio www.isotools.comwww.isotools.com Modx www.modxcms.comwww.modxcms.com

10 mercredi 12 avril 2006 Quedville Sébastien Sebastien.quedville@utc.fr Ingénierie du web / 1210Chapitre 3 :: Evolution du web (web2.0) Présentation de la technologie AJAX Quelques Framework interessants Backbase www.backbase.comwww.backbase.com Ruby on rails http://www.rubyonrails.org/http://www.rubyonrails.org/ Site utilisant AJAX : Googlemail www.Flickr.com …. www.Flickr.com


Télécharger ppt "UNIVERSITÉ DE TECHNOLOGIE COMPIÈGNE LO18 :: Ingénierie du web ::"

Présentations similaires


Annonces Google