La charte graphique adoptée pour réaliser ce site

Notions générales :

· Le site est un " pluri-quotidien ", actualisé à 10h (télex), 13h (infos clicables), 18h (infos clicables)
Les permanenciers arrivent dès 8h30 pour balayer l’actualité, la conférence de rédaction démarre à 9h30
Public visé : citadin, Bac+2, tranche 20-40 ans

· A tout moment, il est possible de visualiser avec Explorer ou Netscape la page fabriquée avec Dreamweaver.
Avant de créer des articles, Dreamweaver doit être configuré pour trouver l’emplacement du site web de l’IFP.

Arborescence :

· Sous le répertoire " racine " du site de l’IFP, créer des répertoires par " rubrique ".
Sous chaque rubrique, créer des répertoires " jour ", où seront enregistrés les fichiers " .htm " (les articles).
Sous chaque jour, à côté des articles, créer un répertoire " images " pour l’ensemble des images du jour.
Les fichiers de travail (Word…) doivent être enregistrés ailleurs que dans le site IFP (mais pas dans " Etud ").

· Le nom du fichier " article " : 8 caractères maximum suivis du suffixe " .htm ", sans accent, sans espace, sans caractères spéciaux (ex. : journee1.htm)

La page d’article :

· Pour s’adapter à tous les navigateurs, créer une cellule (tableau de 1 col x 1 ligne) de 800 pixels de large.
C’est à l’intérieur de cette cellule que seront ensuite insérés les textes, les images et d’autres tableaux.

· Chaque rubrique se choisit une couleur, reprise dans le " bandeau " de haut de page.
Le bandeau : cellule de 800 px de large x 20 px de haut, espacement de cellules = 10 px., sur fond de couleur
Texte du bandeau : en blanc, en majuscules, en gras, taille 4, marge à gauche

· Un article par page (sauf pour les brèves : une seule page de brèves par jour)
Encadrés : sur fond de couleur très pâle et dans le ton du bandeau de la rubrique

Le texte (sous Dreamweaver) :

· Titre : taille 5, pas de point en fin de titre
Texte : taille 3
Sous-titre : taille 3 + gras + italiques, avec un point en fin de sous-titre
Intertitre : taille 3 + gras
Légende et crédit photo : taille 2, italiques
Signature : taille 3, en minuscules, en gras, marge à gauche, sous forme de lien e-mail (cf. " liens " ci-dessous)
Date et heure : taille 3, sous la signature, en maigre, de la forme " 03/05/2010 - 18h25 "
Après chaque article, créer un lien " Retour " (R majuscule, centré) pour revenir à l’accueil de votre rubrique

Les images, les photos :

· Au format " .jpg " ou " .gif " uniquement
Il est impératif de les enregistrer dans un répertoire " images " créé sous chaque rubrique
Ne pas oublier les crédits photos, y compris de vos propres photos

Les liens :

· Sélectionner le texte à lier, afficher les " propriétés " et inscrire l’adresse du lien face au champ " lien ".
Lien vers un e-mail : l’adresse est du type " mailto:monadresse@fai.com "

· Lien vers un site web : l’adresse est du type " http://www.etcoetera.fr "
Pour ne pas afficher ce site à l’intérieur de notre propre site, ajouter au lien une cible : " _top "

· Les ancres : elles servent à pointer vers un endroit précis d’une autre page (ex : la 5e brève de la page)
Devant cette 5e brève, demander " insérer " une " ancre " et lui donner un nom (ex : " 5 ")
Retourner dans la page d’accueil et ajouter le suffixe " #5 " au lien (ex : …rubrique/jour/page.htm#5)

Retour