Créer une série de texte pour une homepage automatique avec textes et le fond gris...

Mediterranneo

Membre actif
10 Mai 2005
387
11
43
Après un succès pour les images aléatoires + la numérottation automatique grâce à R-Name, j'ai un dernier réglage à faire, ce sont les pensées du "jour" qui changeront à chaque "reload"...

Voir mon site: www.imaginas.ch

Alors, j'en ai là une centaine, voir plus - 200 - 300 - là n'est pas la question, car je n'ai pas compté :) !

Comme vous le voyiez, à gauche, y'a une citation "figée": "L'asbence diminue les médiocres passions (...)"

Pour la maquette, j'ai travaillé sur Photoshop, police de caractère: Tahoma Bold.

Maintenant, il me faut insérer toutes ces phrases, en centrer et cela automatiquement.

Pour le "test" - transmis à mon webpublisher - j'ai exécuté cela avec illustrator, même couleur de fond, à savoir le 333333 (gris très foncé, pour le web) et une fois mon fichier eps obtenu - passé en .gif (enregistré pour le web) pour réduire la taille au maximum, là, c'était un échec et en plus; ça ne joue pas; de 1. c'est trop long, de 2. c'est beaucoup trop long, voir ce lien:

http://www.imaginas.ch/index_test.php

Comme vous pouvez le voir, mes blocs "textes" ne sont pas le même que le fond - pourtant, aussi bien sur Illusrtrator (première étape) et ensuite l'enregistrement pour le web, la couleur est bien la bonne, contrôle de la pipette: 3333333.

Je répète, faire ainsi, c'est beaucoup, beaucoup trop long.

De formation polygraphe (opérateur PAO; en France) - le logiciel que je manie le mieux est QuarkXpress - et particulièrement sensible à la césure et aux interlignages, et à l'équilibre des "blancs" entre le texte et son "environnement" - j'ai pensé faire tout ça ainsi:

1. Créer mon fichier Xpress au pixel prêt selon le fichier maquette de la homepage (pour ne pas déchirer le "layout".

2. Je copie mes citations (toutes sur un document word et/ou - d'autres trouvées sur des sites internet).

3. J'établis une feuille de style pour le texte principal, citation + une autre pour la signature de la personne qui l'a écrite, légèrement plus petit et plus interligné. Et bien évidemment, la couleur du fond: 333333 - Avec Xpress il est possible de travailler en RVB ou avec une palette de couleures pour obtenir l'espace colorimétrie selon le "web".

4. Tous les textes sont entrés, saisis, centrés, avec les césures selon mes désideratas.

5. Avec tout ça, j'imagine.... créer un fichier PostScript... et ensuite le distiller é l'aide de Acrobat Distiller - ça va me créer un PDF écran (au boulot nous avons les bons paramètres) avec toutes les pages. Ou d'une autre résolution plus "forte" - vu que par la suite, il faudera passer par Photoshop > enregistrer pour le Web > en Gif > et selon les instructions du Webpublisher: RVB, 128 couleures, .gif (le poids du fichier est "misérable").

6. Je me suis jamais penché à fond sur Adobe Acrobat (pas le Reader) - mais je ne suis pas sûr si on peut extraire: page par page AUTOMATIQUEMENT afin d'obtenir un fichier de chaque page... Ou avec une autre extensio ou programme "magique" pour exécuter cela.

7. Allez, on imagine encore que j'ai toutes mes pages en fichier séparés - 1 ficher = 1 citation / là, pas de problèmes, Photoshop et ses scriptes, je commence à m'y faire ;-) !

8. + renommer les fichiers grâce à un logiciel comme R-Name - et le tour est joué?!

Inquiétude:

Je n'ai plus tellement le droit à "l'erreur" - car il faut que ce site soit tout prochainement "on-line" - la couleur du fond correrspondera au bon 333333 par-rapport au reste de la Homepage avec toutes ces étapes?

Pensez-vous que ma solution est la bonne? Ou avez-vous autre chose à me proposer? Suggérer?

Là, j'imagine un travail assez long finalement - mais je tiens à souligner que les césures, les textes et interlignage - j'y tiens assez.... précieusement - pour donner un "design" visuel esthète au "texte".

J'espère avoir été assez clair dans ce que je cherche à faire et compte sur vous pour m'aiguiller vers la piste la plus "pro" et la plus "simple" (automatisation).

Avec mes meilleures salutations et je me réjouis de vous lire - excellent week-end pour ceux qui ne me réponderont pas :) !
 
Ton développeur web ne veut vraiment pas écrire un bout de code php, ou asp ou autre pour aller piocher une phrase au hasard dans un fichier texte et lui appliquer un style ?
 
Non.

C'est à moi de réaliser les .gif - et même - je tiens à avoir la main levée (le contrôle) sur les interlignages et autres styles, couleurs, césure, interlignage, corps, équilibre par-rapport à la surface...

Autrement, je n'aurais pas posté ce message ;) !

Entre nous, je ne connaîs rien au php ou asp - ce n'est pas mon "job" - tant que j'arrive à avoir la home page et le reste du site fonctionne - le reste importe peu ;) !

Au plaisir de lire un commentaire face à mon topic.
 
Au risque de ne pas répondre exactement à la question posée, j'appuie la remarque de starmac : si c'est du texte, c'est du texte... pour des tas de raisons il faut éviter de remplacer du texte par des images sur le net à chaque fois qu'on peut !
 
Wé mé bon!

La home est découpée en petit morceau et c'est ce qui a été convenu...

Et vu les dépenses déjà... je préfère faire ce job moi-même - c'est vrai que la home est légérement lourde à charger - qu'en pensez-vous d'ailleurs?

Mais la suite est bien plus rapide... ouf...

Mais là, je ne peux pas revenir en arrière quand des décisions ont été prises...

Il me faut une technique pour appliquer ces .gif automatiquement?

Ma méthode est valable, citée plus haut?
 
Mediterranneo a dit:
je tiens à avoir la main levée (le contrôle) sur les interlignages et autres styles, couleurs, césure, interlignage, corps, équilibre par-rapport à la surface...
Désolé, mais tout ça est bien utopique et ne montre que ta méconnaissance du media qu'est le web. Quand bien même ferais-tu tes textes en .gif, tu n'auras jamais la précision et le contrôle typographique de tes documents X-Press à 300 dpi dans Photoshop sur un document dont l'unité de longueur est le pixel. :nailbiting:

Mediterranneo a dit:
Entre nous, je ne connaîs rien au php ou asp - ce n'est pas mon "job" - tant que j'arrive à avoir la home page et le reste du site fonctionne - le reste importe peu ;) !
Et bien sûr quand tu crées un document imprimé sur X-Press avec des images et graphismes en couleur, tu ne connais absolument rien à l'impression offset et tu n'as absolument aucune notion de quadri ou de formats de fichiers images car ce n'est pas ton job... Il y a une différence entre connaître les possibilités et contraintes techniques offertes par le web pour savoir où l'on va, et les maîtriser. :mouais:

À part ça, pour faire avancer ton schmilblic, si tu tiens tant à ton contrôle du texte, tu peux facilement faire une image fixe en Flash contenant ton pavé de texte formaté (typo, couleur, alignement, interlettrage, interlignage), qui irait piocher au hasard dans une base de données ou des fichiers textes éventuellement formatés en XML une citation. Si tu pars sur des fichiers textes externes, il faut en faire un par citation, sinon le .swf chargera l'ensemble des citations pour n'en afficher qu'une. Le mieux serait une petite table dans ta base de données et un petit script PHP qui récupère au hasard une citation et la transmet au Flash. En pratique ça prend à peine cinq minutes pour faire le Flash et ça ne devrait pas prendre plus d'un quart d'heure à ton développeur pour le script PHP et la table. Reste à remplir la table avec toutes tes citations, mais j'imagine que ton développeur saura automatiser ça. :zen:

Voili voilou
 
IL y a quand même un truc qui me titille.
Je ne suis pas un spécialiste es couleurs mais :
la palette web permet de définir 216 couleurs : c'est à 6 ^3 couleurs. Chaque couleur parmi le Rouge, le Vert et Bleu prendra ces 6 valeurs de 00 à FF, soit 00 33 66 99 BB DD FF.

Mais pour 128 couleurs, ce qui correspond à 2 ^7 couleurs? comment fait-on pour composer une couleur sur trois faisceaux rvb ? et à fortiori la faire correspondre à une couleur composée avec 6 ^3 possibilités ?
 
La palette web, c'est un peu la préhistoire du web. Tu as 256 valeurs par canal, autant les utiliser à fond, et de toute façon tu ne retrouveras jamais les mêmes couleurs d'un écran à un autre, donc ce n'est pas la peine de se prendre la tête avec une trop grande précision.
 
jeanba3000 a dit:
La palette web, c'est un peu la préhistoire du web. Tu as 256 valeurs par canal, autant les utiliser à fond, et de toute façon tu ne retrouveras jamais les mêmes couleurs d'un écran à un autre, donc ce n'est pas la peine de se prendre la tête avec une trop grande précision.
Surement mais as-tu pris el temps d'aller voir la différence de ton entre le fond codé #333333 et l'image sensée l'être aussi sur le lien donné ?
 
Là ça devient trop compliqué pour moi - je vais en parler au Webpublisher et voir ce qu'il en pense - autrement - faudera que je me débrouille pour faire les .gif entièrement à la main - en passant, ça me dérange pas - mais vu les performances en informatique connues aujourd'hui, je sais qu'il y a toujours un moyen de faire simple et rapide...

A suivre - en attendant, vos réponses sont sympas - mais malheureusement trop complexes pour moi - pour revenir à ma solution, à part le "poids" de la home - c'est possible ma petite combine?
 
jeanba3000 a dit:
Désolé, mais tout ça est bien utopique et ne montre que ta méconnaissance du media qu'est le web. Quand bien même ferais-tu tes textes en .gif, tu n'auras jamais la précision et le contrôle typographique de tes documents X-Press à 300 dpi dans Photoshop sur un document dont l'unité de longueur est le pixel. :nailbiting:

Je travaillerai tout sur Xpress car c'est le logiciel que je maîtrise le mieux - 1 page par citation.

Ensuite, PDF (moyenne ou haute résolution de toutes les pages).

Séparer les pages du PDF en fichier par citation.

Reprendre les citations par Photoshop et Enregistrer pour le Web?

Avec, évidemment, les couleurs du fond 333333 et les textes, pour changer du bleu on-line, aurait une autre couleur.... pour éviter que ça devienne monotone...

Ce n'est pas possible cela?

Le lien sur la home page test - c'est fait ainsi:

Illustrator > Photoshop.

Merci de m'éclairer un peu plus là-dessus.