Personnalisation graphique de son outil internet

Au service de la coopération

Charte graphique, ergonomie, squelette html et feuilles de style css

Public

  • animateur de réseaux ou de groupes de travail
  • chargé de communication
  • webmaster

Pré-requis

navigation sur Internet

En savoir plus

> Objectifs pédagogiques


A l'issue de ce module, le public est capable de :
  • comprendre les enjeux d'une charte graphique
  • mettre en œuvre (conception, HTML, CSS, squelette/template)
  • se servir de la charte graphique pour animer et faire participer

> Déroulement


  • présentation théorique
  • présentation d'exemples
  • mise en pratique
  • échange, discussion

Séquence

  • introduction
  • recueil des représentations
  • charte graphique: notions à partir d'exemples
  • manipulation => webdevelopper : edit CSS
  • travail pratique (pour la réalisation d'une newsletter ou autre application)

Timing


> Supports de cours


Notion de charte graphique et règles d'ergonomie


Contrat Creative Commons
sous licence Creative Commons.
Auteurs : Jessica Deschamps

Notion de charte graphique et règles d'ergonomie

  • Objectif pédagogique : concevoir/améliorer une charte graphique d'un site Internet
  • Résumé : définitions et règles pour concevoir une charte graphique d'un site Web
  • Contenus : support de cours -> Diapos
  • Documents annexes :

Notion de squelettes en html et de feuille de style en css


Contrat Creative Commons
sous licence Creative Commons.
Auteurs : Mathilde Guiné
Illustrations : Jessica Deschamps

Notion de squelettes en html et de feuille de style en css

  • Objectif pédagogique : comprendre ce qu'est un squelette html et une feuille de style en css
  • Résumé : concepts et notions : squelettes html, feuille de style en css et syntaxe css
  • Contenus : support de cours -> Diapos
  • Documents annexes :


Contrat Creative Commons
sous licence Creative Commons.
Auteurs : Mathilde Guiné
Citations : du site wikini.net

Modifier l'apparence d'un site Wikini

  • Objectif pédagogique : changer le style d'un wikini
  • Résumé : méthodes et repères pour modifier simplement l'habillage d'un wikini
  • Contenus : support de cours -> Diapos
  • Documents annexes :

Document du stagiaire

> Document-charte-graphique.odt à télécharger, Document-charte-graphique.pdf à télécharger charte.pdf Auteurs : Jessica Deschamps
Licence :
Contrat Creative Commons
Ce cours est mis à disposition sous un contrat Creative Commons.

banque ligne

banque