site machines levier

Suite à la demande générale de Kizu, j'ouvre un fil destiné à recevoir les suggestions concernant ce qui me préoccupe actuellement


http://machines.cafeslevier.free.fr/


pour ouvrir le bal, j'ai donc changé la police du titre du menu et de 2/3 petits titres en arial.

Y a un truc qui me turlupine : pourquoi intercaler toutes ces vignettes "à venir" au milieu des autres contenus ? S'il te manque des contenus, tu est le seul à le savoir, en tant que visiteur ça ne m'apporte rien et ça dévalue le site

Ah, un beau fil spécifique

Je n'évoquerai plus les questions de police, je laisse mûrir ta réflexion...

Je viens de faire un tour sur ton site, une remarque : les blocs de texte centrés sont en général à éviter, c'est fatigant à lire. Soit tu alignes à gauche, soit tu fais une justification totale (alignement à droite et à gauche, mais je crois me souvenir que ce n'est pas possible en html). L'idée, c'est qu'en fin de ligne l'oeil du lecteur revienne toujours au même endroit, mais un cran en-dessous.

Un titre un peu long ou une légende sur deux lignes peuvent être centrés, c'est moins grave.


A part ça, d'accord avec la remarque de Yomgaille.

kizuchi a écrit:Soit tu alignes à gauche, soit tu fais une justification totale (alignement à droite et à gauche, mais je crois me souvenir que ce n'est pas possible en html).

Si, c'est possible (align=justify) mais c'est mal géré, surtout pour les petites colonnes, parce qu'il n'y a pas de césure automatique en HTML, donc on se retrouve vite avec des trous géants en pleine ligne.

Et un clin d'oeil aux british en bas de la page d'accueil ou bien ?
Pourtant c'est pas du thé qu'ils boivent

Quelques remarques en vrac !

Sur ta page d'accueil :

- l'image de la tasse est contrainte à une dimension inférieure. Pour optimiser l'affichage de la page tu devrais la redimensionner à la taille d'affichage (dans Photoshop par ex.) elle pèsera moins lourd.

- bon, on va dire que ton choix s'est fixé après mûre réflexion sur cette typographie pour le titre :P
Dans ce cas, il faut que tu retouches un peu ton image, il y a des fautes d'approche (l'espace entre deux lettres) entre le 'e' et le 's' (de Machines), entre le 'C' et le 'a' (de café) et entre le 'e' et le 'v' (de levier) : beaucoup trop d'espace.

Sur ta page de menu

- pourquoi un graphisme différent de la page d'accueil pour le titre ?

- les titres de chaque rubrique (Levier Le pied / Arin / Bruni Brunella etc.) flottent un peu n'importe comment, et différemment à chaque fois. Tu devrais les caler sur les images, soit au fer (à droite, à gauche) soit centré, enfin bref un truc logique et régulier.
D'ailleurs pourquoi ne pas faire un tableau pour contenir et caler tout cela ? Attendons l'avis de Yomgaille qui a l'air fortiche en html, d'ailleurs je me demande si les tableaux ne sont pas devenus déconseillés dans l'html moderne, au bénéfice des CSS (que tu peux gérer avec Dreamweaver, mais c'est un peu complexe au premier abord, perso j'ai du mal avec)

- sur ton menu également je remarque (en espionnant ta page) que les images de chaque rubrique sont contraintes à une taille inférieure. Comme déjà dit, ça alourdit la page et allonge le temps de chargement et d'affichage. Tu devrais les redimensionner, en faire des vignettes spéciales pour le menu (avec un autre nom de fichier, car elles servent ailleurs).

- puisque tu vas créer des vignettes au format pour le menu, pourquoi ne pas en profiter pour incruster (dans Photoshop, donc en bitmap) les titres des rubriques dans l'image ?
Tu pourrais d'ailleurs, si le coeur t'en dit, utiliser quelques effets graphiques simples comme un aplat qui court sous la typo en bandeau, ou alors un aplat qui court sous la demi-hauteur de la typo, ce bandeau pourrait être d'une longueur toujours égale au texte ou au contraire de la largeur de l'image, ce bandeau pourrait encore déborder un peu à gauche si le titre est ferré à gauche (la largeur du débord au niveau de l'image serait traitée de la couleur du fond pour l'illusion de débord) , etc etc.
Ca te donnerait plein de possibilités graphiques simples mais dynamiques et plutôt originales (tout ceci avec une police bâton sobre et classe, Futura ou Univers par exemple).

kizuchi a écrit:D'ailleurs pourquoi ne pas faire un tableau pour contenir et caler tout cela ? Attendons l'avis de Yomgaille qui a l'air fortiche en html, d'ailleurs je me demande si les tableaux ne sont pas devenus déconseillés dans l'html moderne, au bénéfice des CSS (que tu peux gérer avec Dreamweaver, mais c'est un peu complexe au premier abord, perso j'ai du mal avec)

Les tableaux sont déconseillés au profit des DIV, mais ça ne change rien au fait qu'ils sont et resteront utilisables car ils ont leur utilité (même si à la base ils ne sont pas fait pour maquetter des pages entières), et qu'ils sont effectivement la façon la plus simple de mettre rapidement en forme des pages HTML sans trop se prendre le chou sur les CSS et sur l'organisation des DIV qui est plus délicate.

(je fais du HTML depuis 1999 et c'est mon boulot depuis 10 ans, ainsi que Flash PHP etc. )

Merci Yomgaille. Effectivement ce sont des DIV.

Rotchitos, je viens de réaliser, vite fait, quelques exemples pour illustrer mes propos.
Je précise bien que ce sont des exemples, des pistes, c'est un peu baclé et vite réfléchi. Peut-être que le corps des caractères est un peu faible, peut-être que les couleurs...
La couleur de fond, les vignettes et leur format sont inchangés.

C'est volontairement très facile à mettre en oeuvre, pas besoin d'être un crack pour réaliser ce genre de trucs.

Il y a une difficulté à la base, c'est la grande variation de longueur entre tes titres, j'ai exprès choisi un court et un long pour voir.









J'ai un peu hésité à le faire pour ne pas que ce soit jugé directement, finalement je le mets en ligne si ça peut t'aider à mettre au point ta maquette.

alors, je me disais bien que j'allais me retrouver dans la situation du noob qui débarque ici avec ses questions sur les delonkrups et qui doit tout assimiler des notions de tamper, temps surfing, moulin etc...avec le flot d'infos qui va avec, donc ouf là c'est un peu hardos pour moi, mais je remercie tout particulièrement kizu qui se démène fort gentiment. Déjà pas fortiche en informatique, je ne le suis pas plus en l'art graphique et quand je vois tes exemples "fait à la va vite" mon sentiment est: j'aime beaucoup la 3ème formule qui a un côté effectivement résolument rétro.
Là je vais lire et potasser tout ça.
En fait mon idée était de finir avec nvu le site (grosso modo y mettre tout ce que j'avais à y mettre) et ensuite travailler pour basculer sur une formule à partir de dream. Je rends compte que ça risque de faire double travail, mais j'ai la chance d'avoir pas mal de temps
et les textes, l'ordre des photos seront déjà existants ce qui je trouve représente le plus de boulot.
Dream, j'imagine qu'une fois lancé (comprendre à peu près assimilé) devient ensuite un travail tout à fait répétitif.

Rotchitos, si tu aimes bien le 3e modèle, je t'envoie par email le document photoshop qui pourra facilement te servir de base (chaque élément est sur un calque distinct). Libre à toi de le peaufiner et de modifier les couleurs, éléments graphiques, etc. puis de l'adapter pour chacune de tes vignettes.

rotchitos a écrit:En fait mon idée était de finir avec nvu le site (grosso modo y mettre tout ce que j'avais à y mettre) et ensuite travailler pour basculer sur une formule à partir de dream. Je rends compte que ça risque de faire double travail, mais j'ai la chance d'avoir pas mal de temps

Pas forcément double travail : tu peux ouvrir dans Dreamweaver un document créé avec Nvu (puisque les deux fabriquent de l'html).

Par contre une fois ton document modifié dans Dreamweaver, tu ne pourras plus le remodifier dans Nvu car DW génère un code html plus complet que Nvu, ce dernier ne sait manipuler que du basique (entre autres choses il ne manipule pas les CSS)

kizuchi a écrit:Q

- sur ton menu également je remarque (en espionnant ta page) que les images de chaque rubrique sont contraintes à une taille inférieure. Comme déjà dit, ça alourdit la page et allonge le temps de chargement et d'affichage. Tu devrais les redimensionner, en faire des vignettes spéciales pour le menu (avec un autre nom de fichier, car elles servent ailleurs).

.

oui d'ailleurs que ce soit le menu ou chaque photo des machines, j'ai mis une taille inférieure avec un lien vers la photo à la bonne taille,ce n'est pas pareil que le redimenssionnement ?

La police et le décalé de cadre sur les titres... ça le fait toujours pas .
Les proposition de Kizuchi sont déjà un pas dans la bonne direction.

nan mais là j'ai rien fait.
je vais opter pour la police du menu (titre du haut et trois premiers petits titres, je crois que c'est du arial) mais là je dois avouer qu'à refaire à chaque fois
vais revoir à ça tranquillement.

mais pour les petits titres la 3ème version de kizu me plait bien. (beaucoup)

Et référencé, s'il vous plaît, par Francesco en personne ... plus le droit de plaisanter maintenant.

Pootoogoo a écrit:Et référencé, s'il vous plaît, par Francesco en personne ... plus le droit de plaisanter maintenant.

bon ok j'ai dit une grosse co**rie perturbé que j'étais avec ma pompe de quick hier et comme l'info n'est pas une seconde nature chez moi. Donc redimensionner n'est pas réduire le poids, petite ou grande ça fait référence à l'image chargée. Donc est-il conseillé que je le fasse pour TOUTES les images ? pffffffffffffff
sans compter qu'il faut que je reprenne tous les liens

Dur la vie d'artiste....

assurément je ne voyais pas ça comme ça et je n'ai même pas encore de groupies qui font le pied de grue en bas de chez moi
c'est pourtant pas les leviers qui manquent ..... chienne de vie
là je suis en train de repasser toutes les vignettes au format euuuh vignette

rotchitos a écrit:là je suis en train de repasser toutes les vignettes au format euuuh vignette

Tu peux faire un script dans photoshop afin d'automatiser tout ça et traiter d'un coup tout un lot d'images !

MODI fait la même chose pour pas un rond.

en fait j'osais pas trop le dire à kizu j'ai pas photoshop, j'utilise the gimp

rotchitos a écrit:... j'ai pas photoshop, j'utilise the gimp

Pareil

J'pourrai t'envoyer les sources des Brunelli mobile pour tes archives si tu veux ?

je connais mal Gimp, je le trouve horrible et anti-ergonomique (un pur produit de geek, et non un outil sérieux), mais bon bref sans vouloir lancer un troll je sais que Gimp est puissant et j'imagine qu'il peut travailler en calques ? est-ce qu'il peut ouvrir un document photoshop (.psd) ? Sinon je te renvoie les modèles mais avec chaque calque dans un document spécifique, en tiff par exemple.