blog de stage

Pendant ce temps, où en sont les maquettes ?

Bien sur, Arielle bosse dessus depuis Lundi. Nous avons décidé de commencer par l’espace Nature Petit Chainage. Elle s’appuie sur les bases visuelles du mailing printemps : les feuillets papiers que recevront les abonnés début Mai. Une ambiance y est déjà plantée à travers un décor festif et printanier que les utilisateurs devront retrouver lors de leur visite.

Il y a un aller-retour régulier entre la cellule web et le service marketing. Ce sont eux qui valident les textes, et ils ont aussi leur mot à dire sur le rendu général des sites par rapport à l’objectif principal. Dans cette boucle, n’oublions pas les correcteurs qui reçoivent les contenus textuels pour traquer la moindre faute d’orthographe!

Le premier changement majeur a été la disposition de la sidebar à gauche plutôt qu’à droite. Les deux marges décoratives qui encadrent le site et lui donnent un certain relief ont quant à elle été optées dès le début. On prévoit de les adapter en fonction de chaque espace. Pour anniversaire, ce sera par exemple des ballons, des gâteaux, des cadeaux ... Cela assurera la singularisation de chaque thème (générique) décliné dans les différents univers.

Le diaporama ci-dessous retrace l’évolution de la maquette entre lundi et jeudi (et même un peu au delà pour le fond bleu ...) :

Quelques aperçus des mailings printemps (mais sans les polices officielles : le large éventail de polices utilisées aux éditions Milan ne sont disponibles que sous mac !) :

Aujourd'hui, je continue la création du template pour mon blog de stage (détourage d'images, croquis, premiers dessins vectoriels et début de CSS)

Un tutoriel est particulièrement intéressant et complet pour ce qui est de la création de templates wordpress : Créez votre thème WordPrerss de A à Z , sur le blog de fran6art

_°_

Background : je n’ai jamais eu l’occasion de faire un background rayé, alors je m’y entraine.

Le principe est simple : la base est un petit carré qui n’a qu’un trait diagonal. On l’applique en image de fond, avec un repeat-x ; et repeat-y ;

_°_

Motifs Photoshop : tutoriel : http://www.dada-concept.com/formation/moyen/motif1/motif1.htm

_°_

ASTUCE :

Question : que se passe-t-il si dans le header d’un Blog, on choisit d’afficher le titre du Blog par une image plutôt que par le code XHTML dynamique par défaut?

Réponse : si on met une image à la place du titre, il faut quand même laisser le titre dans le code, comme d’hab, entouré de <h1>. Mais dans la CSS, on donne la propriété {display : none;} à cette balise. Comme ça, le moteur Google accède bel et bien à cette info !

C’est aujourd’hui qu’est née l’idée de ce Blog de stage. Il faut bien que j’acquière un minimum de culture de la blogosphère ! Posts, articles, pages, flux RSS, les widgets , les plugins, admin et backoffice etc.. etc… et les thèmes ! En plus, j’aime bien le plan « mener un carnet de bord » lors d’un grand voyage.

Donc ce sera un Blog ! Et son habillage est mon premier entrainement concret pour apprendre à faire des thèmes adaptables à WP.

Première piste :

Milan Presse... WordPrese... le papier rime avec le CMS. Alors je cherche presse dans Google Images. Et j’aime toujours autant le style vintage.

( écrit le 05/04/08 )