universitÉ de technologie compiÈgne lo18 :: ingénierie du web ::

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




/ 12 3 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é






• 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






• Encarts

• Les gabarits doivent s’efforcer de respecter les normes d’accessibilité





• 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





• 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




/ 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




/ 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 ….

universitÉ de technologie compiÈgne lo18 :: ingénierie du web ::

Documents