Du Son Et De La Vidéo Au Théâtre Options

[nicofago]

Ca y est, avec un peu de retard, voilà un premier jet.

C'est par là --> SVT

Notez que le lien et le nom du site sont provisoires: Le site sera par la suite directement hébergé sur le serveur principal de la Comédie-Française et le nom sera probablement différent.

Il reste quelques ajouts et modifications à apporter, mais à peu de choses près, le contenu est là !


Je remercie sans limite l'ensemble de la communauté Mac Music, membres et team, pour toutes les infos, conseils et encouragements

...et j'espère que le résultat ne vous décevra pas !

Je suis bien sûr plus que preneur de toutes vos remarques, ici même ou sur mon blog

Nico

Ce message a été modifié par nicofago - lun. 21 juil. 2008, 11:27.

[nicofago]

Bon, alors j'ai fait quelques essais en essayant de suivre tes conseils.

• Pour la navigation, j'ai fait des menus déroulants.
C'est sur cette page de test (il n'y a pas de lien vers cette page depuis le site lui-même)
(Dans la partie supérieure de la page, les image de texte sous les icones)

Ca facilite réellement la navigation, mais ça pose quelques petits problèmes:

- Le comportement d'affichage à l'écran change selon le navigateur: Sous Safari, l'apparence est la même que dans Dreamweaver, mais sous Firefox, la ligne contenant ces images de texte est plus haute et la couleur de fond de la ligne n'est pas la même que celle des images (pas très joli).

- Un autre petit truc qui ne fait pas vraiment "chic", c'est dans le menu déroulant lui-même: quand je survole une zone qui fait apparaître un sous-menu du menu déroulant, normalement, je devrais avoir un petit triangle qui indique ce sous-menu.
Mais dans les navigateurs (Safari comme Firefox), j'ai une petite icone représentant un point d'interrogation (Safari) ou une image cassée (Firefox): ils ne trouvent pas cette image de triangle.


• Quant à la méthode que tu indiques permettant de modifier l'apparence des liens (autre chose que du bleu souligné effectivement vraiment cheap), j'ai bien compris et c'est surement comme ça que je dois m'y prendre.
Mais il y a un truc qui ne m'arrange pas, c'est que je voudrais que la zone réactive soit appliquée sur du texte et pas sur une image, et ça, je n'ai pas réussi.
La zone réactive n'est créable que sur une image, pas sur du texte.
Comme tu parles de typo "écrasée", c'est peut-être ça la solution, mais je ne vois pas ce que c'est (rien dans la doc concernant ce point).
Si tu pouvais m'en dire plus.

D'ailleurs (et ça rejoint peut-être le premier point) si pour mes menus déroulant je pouvais les créer à partir de texte et non à partir d'image, ça serait plus souple en terme d'édition, de mise en forme et de compatibilité entre les différents navigateurs (ça m'éviterait de retourner dans Photoshop pour modifier ce que j'appelle les "images de texte" jusqu'à obtenir quelque chose de correct)


Bon, ceci dit, on est en train de virer au cours sur Dreamweaver et du coup, je ne sais pas si l'Open Bar est l'endroit approprié pour ça...

[PomQ]

La zone réactive n'est créable que sur une image, pas sur du texte.
Comme tu parles de typo "écrasée", c'est peut-être ça la solution, mais je ne vois pas ce que c'est (rien dans la doc concernant ce point).
Si tu pouvais m'en dire plus.

C'est simple, tu utilise une jolie typo sous Photoshop pour écrire ce que tu as à écrire comme lien. Tu l'exporte en PNG (qui supporte la transparence), tu la place dans ta page web et tu n'auras plus qu'à placer ta zone réactive autour de cette "image".
L'autre intérêt est que, dans le cas de texte (tapé dans ton éditeur HTML), tu pourra utiliser une typo qui te plait mais que l'utilisateur ne possèdera pas. Du coup ta jolie typo sera remplacée par la typo par défaut du navigateur (généralement de l'Arial du Courrier). Il y a bien une ruse qui permet d'inclure la typo utilisée dans la page (afin que le navigateur de ton visiteur puisse momentanément l'utiliser), mais je ne me souviens plus de la manip...
De toute manière, en terme de typo et de mis en forme de celle-ci, tu ne pourra jamais faire avec Dreamweaver ce que tu peux faire avec Photoshop.

PS: pour l'export en PNG, il faut passer par "Enregsitrer pour le Web" et, dans le menu déroulant, choisir PNG à la place de JPG (et cocher, je crois, une case du type "préserver la transparence).