Bonjour tout le monde !
 
Je suis en train de bosser sur le site d'une compagnie, "Bulles de Zinc", qui organise des spéctacles (théàtre de rue etc.). Ils ont déjà un site, mais ils veulent une nouvelle version plus présentable.
Je viens donc de commencer la maquette, réalisée avec Illustrator et photoshop. Le site sera en html (avec un peu de php).
 
 
1ère maquette : http://rogerone.free.fr/job/bdz1.jpg
 
Ancienne version du site : http://bullesdezinc.free.fr
 
 
J'aimerai avoir votre avis sur cette première maquette. Elle est peut être un peu trop carrée par rapport aux manifestations de la compagnie (théàtre de rue > quelque chose de plus lyrique > des courbes). En même temps, je trouve qu'elle marche pas trop mal comme ça... Enfin bref, j'attend vos avis   .

Tres tres sympa ! ça bouge juste ce qu'il faut !
Par contre le site ne se centre pas en largeur hauteur et est légèrement plus large qu'un 800x600, donc chez-moi ça me coupe la moitié du site. ya que ça de dommage.

Ouais, je vais peut être le réduire un peu pour qu'il passe en entier en 800*600. Sinon, j'ai oublié de préciser que le site sera centré horizontalement et verticalement.
 
merci pour ton message   .

Voici une version plus petite et qui devrait passer correctement en 800*600 :
http://rogerone.free.fr/job/bdz2.jpg
 
Ca me semble pas trop mal et je vais peut être en rester là. Si vous avez des remarques c'est le moment   .
 
EDIT : Ne faites pas attention à la présentation du texte. Ca sera du html et j'essaierai de faire quelque chose de sympa avec les CSS.

C'est parfait ! ya pluka le centrer ! et je reste curieuse de la suite des pages... tiens-nous au rhum...

Bon, il me reste qu'un petit peu de php à faire (pour la page "tournée 2005" qui sera un agenda des dates des spéctacles de la cie).
Pour la partie html / css, ça devrait être bon.  
 
Voici le résultat : http://rogerone.free.fr/BDZ/
 
J'attend vos avis   !

je vais pas parlé du code HTML car d'autre s'en chargeront...  
 
Mais juste un détail, tu devrais mieux integrer la scrollbar dans ton graphisme. Sinon perso j'aime bien.
 
//edit : et puis justifie tes textes aussi.

et puis verouille mieux tes passage de parametres.  
 
http://rogerone.free.fr/BDZ/index. [...] rra_vaudoo
 

Ca devrait être bon pr les passages des paramètres.
Pour la scrollbar, je sais pas si je vais la garder comme ça, ses paramètres étant uniquement reconnus par IE.
 
Sinon, le texte justifié sans césure, c'est vraiment pas beau   .
 
Merci pr ton message .

Hihi
 
C'est quoi tous ces tableaux  
 
Et pourquoi tous ces javascripts inutiles pour faire les images qui changent au passage de la souris
 

Ouais c'est vrai que c'est un peu bordelique. Je vais faire ça avec des div je pense, mais j'ai quelques difficultés à faire quelque chose qui marche sur tous les navigateurs.
Sinon pour le changement d'image, je peux faire ça comment sans JS?

Avec des CSS

Voilà, je pense que c'est mieux comme ça. J'ai remplacé les tableaux par des div et le rollover est fait avec la feuille de style. Ca marche sur IE et Mozilla, mais c'est pas encore ça sous Opera...
 
Juste une petite question : est ce que je dois faire un preload pr les images affichées lors du survol des liens?
 
Par contre je sais pas comment centrer le tout verticalement . Si quelqu'un sait comment faire, ça peut m'intéresser   .
 
EDIT : Sinon je viens de faire les tests de http://w3.org/. Ca passe pr le html, par contre il veut pas de mon css à cause des attributs de la scrollbar. Il existe une autre méthode pr attributs ces paramètres à une scrollbar se trouvant dans une div?

Non, le stylage de la scrollbar est un truc propriétaire d'IE... donc ça validera jamais..

Ok, je virerai peut être ces propriétés. C'est dommage parce que c'est quand même assez sympa...
 
Si vous savez comment régler les problèmes sous Opera, centrer verticalement le site et s'il faut faire un preload des images affichées lors du survol des liens, ça m'intéresse tjrs   .
 
EDIT : C'est bon pr le preload :
 
<div style="position: absolute; left: 0; top: -5000px">
   <img src="images/home02.jpg" alt="" />
   etc...
</div>
 
Merci Alsa   .

C'est quoi ton preload bidon, là ?

 
Ca permet de charger les images qui seront affichées lors du survol des liens. Ainsi elles sont déjà disponible dans le cache et cela évite un temps d'attente pour l'afficher lorsque le pointeur est sur le lien.
J'ai ajouter un "display:none" dans les propriétés de la div.
 
Ca n'a pas l'air de te plaire...    
 
>> http://www.alsacreations.com/articles/preload/

Suis plutôt ce tutorial, c'est moins bricolage
Mettre un div invisible pour charger les images n'est pas valable sémantiquement... Ca va faire bizarre si tu désactive les CSS

Voilà, ça devrait être bon pour le menu   . Qu'est ce que je vais devoir refaire maintenant?    
 
En tout cas, merci pour le lien   .

Ben, tu pourrais arranger le texte d'intro
Même si tu l'as justifié, il y a toujours "regards" qui se balade tout seul en bas et des espaces beaucoup trop importantes dans les dernières lignes. Augmente le corps de ta lettrine, celui de ta typo ?  
Pourquoi tu n'écris pas "Compagnie" au long ?
Il y a un "s" à "cambouis" et "Echasses" est trop près de ce mot, aussi.
Voilà, sinon c'est joli, en effet

C'est pas simple de présenter correctement un texte justifé en html dans un cadre aussi étroit.
J'ai aligné le texte à gauche. C'est pas génial... Dis moi si tu trouves que ça passe mieux.
 
Merci pr ton message   .

je t'en prie
Alors, je crois que ce serait plus joli si tu mettais au fer à droite.
Agrandis ta lettrine, il faut qu'elle occupe au moins deux lignes en hauteur.
A vue de nez je te propose ça :
 
Rêves de hauteur dans  
des univers humoristiques  
ou poétiques... Mélange de bois,  
de sueur, de ferraille qui inspire  
des mélodies, des odeurs d'utopies.  
Témoigner de ce qu'il y a  
de séduisant et de décalé dans ce monde  
pour l'offrir à d'autres regards.
 
Voilà
 
(il est bizarre, ce texte   )

C'est vraiment sympa avec un alignement à droite, surtout avec les lignes de la photo, mais je suis confronté à un petit problème technique :
La lettrine, qui est une image, ne peut pas se coller au texte quand celui-ci est aligné à droite. Si j'aligne cette image à gauche, elle sera trop éloignée du texte et si je l'aligne à droite, alors elle sera affichée à droite du texte...  
 
 

Elle est où la lettrine ?

Sur le texte d'intro de la page d'accueil.

(le R)
Tu es obligé de faire une lettrine ? Enfin, surtout qu'elle est dans une typo très différente du reste... Tu ne peux pas la faire avec la grosse typo ?
Je sens que monsieur de chez les programmeurs va voler à ton secours pour ton souci de positionnement d'image

Le problème de lettrine viens surtout du code source foireux. T'as mixé de l'HTML 3.2 d'il y a 10 ans avec du CSS

Tu peux être plus précis? Qu'est ce qui va pas dans le code?

Dans la lettrine, les attribut align et hspace n'existent plus... Faut tout faire en CSS

Ca veut dire qu'il faut éviter de mettre ces attributs sur les images (dans les balises img)?
 
Sinon j'ai changé la lettrine. J'ai fait ça avec la propriété first-letter des CSS. C'est bien la bonne méthode? C'est mieux qu'un span spécifiquement créé pr la 1ère lettre?
Sinon le texte est aligné à gauche parce que j'arrive pas à faire une lettrine avec un texte aligné à droite. Si j'aligne mon texte à droite ça écarte les 2 premières lignes de mon texte...  

Oui, first-letter est la bonne méthode . Au niveau des attributs, ils n'existent plus. Pense à valider ta page sur le validateur du W3 pour voir ce qui existe et ce qui n'existe plus

Le site passe le validateur W3 (du moins la page d'accueil). Il passe également le http://jigsaw.w3.org/css-validator/ sans les propiétés de la scrollbar (d'ailleurs ces propriétés sont vraiment génantes?).
 
Si tu vois d'autres problèmes, vas y   .

Ah ouais, mais parce que t'es en transitionnal. Remplace la ligne

Par :

Bon courage

 
 
Effectivement, il y a quelques problèmes. En même temps ça devrait se régler assez facilement je pense (et j'espère !). Par contre y a un truc que je capte pas du tout :
Il ne veut pas des attributs "target" pour les liens... Ca marche comment alors pr ouvir une page dans une nouvelle fenêtre?

Il est interdit de forcer l'ouverture d'une page dans une nouvelle fenêtre C'est à l'internaute de choisir, pas à toi de lui imposer une nouvelle fenêtre

Voilà c'est bon, c'est valide en strict   .
 
Et la suite, c'est quoi?  
 
EDIT : J'ai un bug assez étrange. Quand on se trouve sur une autre page que la page d'accueil, il y a un lien à gauche du cadre central qui permet de revenir à la première page. L'image change au survol, mais là étrangement il arrive que ce soit une autre image qui s'affiche pendant une fraction de seconde à la place de la bonne image. C'est normal?    
C'est pas super grave, mais ça reste un peu bizarre, non?

Non, pas d'idée pour régler ce bug? En fait c'est l'image "terra vaudoo" en bas de la page qui s'affiche pendant une 1/2 seconde à la place la bonne image.

Pas d'idée pr ce bug?
 
Pas d'autres avis sur le site?
 
 

Moi je le trouve magnifique!!