Personnalisation graphique de son outil internet
Au service de la coopération
Charte graphique, ergonomie, squelette html et feuilles de style cssPublic
- animateur de réseaux ou de groupes de travail
- chargé de communication
- webmaster
Pré-requis
navigation sur InternetEn 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
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
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 :
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 DeschampsLicence :
Ce cours est mis à disposition sous un contrat Creative Commons.