Gros topic HTML, DW, flash & image ready !

[michael94]

Bonjour, je suis en train de réaliser un site et j'aurais besoin d'un petit coup de pouce !

J'ai designer l'interface sous photoshop et je l'ai adaptée au web grâce Image Ready. C'est une barre en forme de "L inversé" avec sur la gauche le menu et au dessus une banière.

Elle possède une résolution ( pour l'instant ) de 1024*768, avec l'option de sorti sous forme de tableau avec Nowrap et B&W pour ne pas avoir de case blanche.

Les animations de la barre sont finis, et les liens également configuré ( les pages n'éxiste pas encore cependant .).

Le fichier à été exporté en HTML et fonctionne bien sur 2 ordinateurs et sur 2 navigateurs récents. ( ie & firefox ).

Je vais ensuite créer un modèle à partir de ce html, avec pour zone fixe la barre, et pour zone modifiable le carré délimité autour de la barre.

En effet, je souhaite que la zone modifiable soit modifier en fonction de la partie sur laquel l'utilisateur va. (par exemple, accueil).

J'ai néamoins besoin d'un petit coup de main !

1) tout d'abord, dans la zone modifiable, est-ce qu'un ascenceur apparaitra si mon texte dépasse " par en bas " , ou est-ce que le texte sortira de la zone ?

2) Y-t-il un moyen de changer la taille de l'interface de mon site sous dreamweaver ( je sais par exemple que la résolution que j'ai donnée est utilisable seulement à partir d'un pc ayant une résolution de 1024*768 grand minimum ! mais je l'ai fait pour avoir une meilleur qualité d'image) ou suis-je oublier de repasser par imageready? . Je souhaite par exemple la changer pour du 900*675, pour qu'elle soit utilisable par des utilisateur aux résolutions allant de 800*600 ( bien qu'elle sera légerement coupée ..) jusqu'à 1280 * 1024 et + .

Dois-je négliger les utilisateur ayant du 640*480, ou même du 800*600 , et dois-je me concentré surtout pour les résolution à partir de 1024*768 ?

3) J'aimerais également savoir si l'on peut compiler plusieurs *.swf en 1 seul.

4) J'aimerais enfin savoir comment faire pour réaliser facilement une " présentation sommaire " à partir de flash déjà existant.

Je m'explique :

Les flash sont appellée presXX , avec un XX qui varie de 00 à 20. Chaqu'un représente un " chapitre " ( 01 chapitre 1, 02 chapitre 2 .... ). Un fichier presComp

Je souhaite créer un chapitre contenant :

a) Présentation complète ( chap 00 à chap 20 ) ===> je compilerais les flashs ensemble pour n'obtenir qu'un fichier.

Des liens vers chq chapitres de la forme :

01 - Blabla bla

02 - ..............

Pour des raisons de simplicité ( à moins que vous n'ayer une technique plus rapide et plus simple ), un click sur un lien de cette page ouvre une nouvelle page

( par exemple pres01.html pour pres01.swf ... ), avec la video flash, un bouton pour revenir au sommaire, un menu déroulant avec validation pour aller directement à un chapitre.

Ma technique serait donc de créer un deuxième modèle à partir du modèle de base, en rajoutant une zone flash modifiable ( la video change en fonction de la page), le bouton sommaire, et le menu déroulant avec validation ( vu que sur toutes les pages, ce sera présent ) .

Je voudrais donc savoir si vous auriez une manière pour généré tous ce code sans que j'ai à :

- créer les pages pres01.html , ....

- sur ces pages, déterminer le flash en fonction du numéro de page.

// et ci possible : - creer le menu déroulant à partir du sommaire, mais ceci n'est pas vitale

Merci d'avance pour vos réponses, nombreuse je l'espère

Mike

[LaurentDenis]

1) tout d'abord, dans la zone modifiable, est-ce qu'un ascenceur apparaitra si mon texte dépasse " par en bas " , ou est-ce que le texte sortira de la zone ? 

2) Y-t-il un moyen de changer la taille de l'interface de mon site sous dreamweaver ( je sais par exemple que la résolution que j'ai donnée est utilisable seulement à partir d'un pc ayant une résolution de 1024*768 grand minimum ! mais je l'ai fait pour avoir une meilleur qualité d'image) ou suis-je oublier de repasser par imageready? . Je souhaite par exemple la changer pour du 900*675, pour qu'elle soit utilisable par des utilisateur aux résolutions allant de 800*600 ( bien qu'elle sera légerement coupée ..) jusqu'à 1280 * 1024 et + . 

Dois-je négliger les utilisateur ayant du 640*480, ou même du 800*600 , et dois-je me concentré surtout pour les résolution à partir de 1024*768 ?

Ces problèmes et les questions sont étroitement liées à la démarche purement "graphique" que tu as adoptée: photoshop > Image Ready > export HTML

De cette manière, tu t'enfermes dans des contraintes de résolution d'affichage, de support Flash, etc. qui ne seront respectées que par une partie seulement de ton audience potentielle, et qui sont en fait étrangères au principe même de document web : celui-ci n'est pas spécifiquement destiné à être "vu" dans telle ou telle résolution d'écran. Il est destiné à être exploité par une très vaste palette de media, y compris des machines par définition "aveugles" (moteurs de recherche, traducteurs...)

Plutôt qu'une démarche graphique, tu gagneras à adopter une approche plus structurelle de tes pages :

- déterminer un gabarit HTML indépendamment des contraintes graphiques;

- gérer la présentation graphique de ce gabarit avec un tableau de positionnement unique ou avec un positionnement CSS simple, pour ton menu gauche, ta bannière supérieure et ta zone de contenu. Le tout en unités relatives (pas de pixels, des %) pour qu'il s'adapte à l'ensemble des résolutions d'écrans. Tu rencontreras rapidement les limites de la mise en page avec un tableau, qui s'adapte beaucoup moins bien à la palette des résolutions possibles qu'une mise en page CSS.

- réaliser alors tes éléments de contenu Flash/graphique pour les placer dans ce gabarit.

Le but est de ne "négliger" aucun visiteur potentiel...

Modifié 27 Juillet 2004 par LaurentDenis