Intégration d'un site en Flash

**cosi-fan-tutte** · 29/07/2011, 03h03

Bonjour,
J'aurais souhaité un peu d'aide svp, pour mettre un fichier(/site) flash (généré par captivate d'adobe) sur ma page perso free et faire en sorte que le fichier s'ouvre tout de suite sur ce fichier "flash", lors de l'accès à la page.

Le fichier swf a été généré par captivate en même temps que deux fichiers htm.

Mon soucis : lequel des deux devrais-je nommer "index.html", et que faut-il modifier pour qu'en dirigeant les DNS de "mon domaine.com" sur , "mapageperso.free.fr", le fichier "monfichier.swf" s'ouvre.

Les deux fichiers htm générés par captivate sont les suivants :

monfichier.htm
monfichier_fs.htm

Leurs codes contenus respectifs sont :
1) pour "monfichier.htm"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!-- Copyright [2008] Adobe Systems Incorporated.  All rights reserved -->
<!-- saved from url=(0013)about:internet -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Montitre</title>
<meta name="Keywords" lang="fr" content="mots clefs" />
<meta name="Description" lang="fr" content="mon_blabla_descriptif" />
<script src="standard.js" type="text/javascript"></script>
</head>
 
 
 
<body   bgcolor="#000000">
<center>
 
	<div id="CaptivateContent">&nbsp;
	</div>
	<script type="text/javascript">
           var so = new SWFObject("monfichier.swf", "Captivate", "1058", "823", "10", "#CCCCCC");
                so.addParam("quality", "high");
                so.addParam("name", "Captivate");
                so.addParam("id", "Captivate");
                so.addParam("wmode", "window");
                so.addParam("bgcolor","#000000");
                so.addParam("menu", "false");
                so.addVariable("variable1", "value1");
                so.setAttribute("redirectUrl", "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash");
                so.write("CaptivateContent");
        </script>
 
 
	<script type="text/javascript">
                document.getElementById('Captivate').focus();
                document.Captivate.focus();
        </script>
</center>
</body>
</html>

Le second fichier "monfichier_fs.htm" contient le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!-- saved from url=(0013)about:internet -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>montitre</title>
<meta name="Keywords" lang="fr" content="mots clefs" />
<meta name="Description" lang="fr" content="mon_blabla_descriptif" />
<script type="text/javascript">
<!-- Begin
function fullScreen(theURL) {
window.open(theURL, '', 'fullscreen=yes, scrollbars=auto');
}
//  End -->
</script>
</head>
 
<body>
<a href="javascript:void(0);" onClick="fullScreen('monfichier.htm');">Click here to Open 'montitre" in Full Screen Window</a>
</body>
</html>

Dans les deux cas, les deux fichiers htm ne sont pas bons...
Le premier ouvre une page noire, et le second, propose un lien pour ouvrir le fichier swf... or je souhaite que le fichier swf s'ouvre tout seul et non en cliquant sur un lien quelconque...!

Quelqu'un peut-il me proposer quoi changer pour que résoudre mon problème? Merci.

Cordialement
Cosi-Fan-Tutte

Invité · 29/07/2011, 18h53

Bonjour, (on s'est deja vu, non ?

)
- où se trouve ton fichier "monfichier.swf" ? C'est peut-etre un problème de chemin d'accès.
- et le fichier "standard.js" est introuvable ....
- A moins que tu n'aies pas le script js qui va bien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript" src="/swfobject.js"></script>

Bref : il semble que tu n'aies pas téléchargé tous les fichiers !

A lire : Guide du référencement d'un site en Flash

**cosi-fan-tutte** · 30/07/2011, 00h20

Bonjour :-)

Et merci pour votre réponse...

En effet, j'avais oublié le fichier sj... et maintenant que je l'ai remis en place, ça marche.

Le nouveau soucis, est que la "dimension" du fichier swf n'est pas bonne.
J'aurais souhaité qu'elle soit adaptée à la taille de l'écran.

Est-il possible de changer ça?

Voici l'adresse du site :

http://www.les-concerts-pastel.com
http://dominique-salloum.com

Qu'en pensez-vous?

Autrement, j'ai vu un peu le lien que vous m'avez mis pour référencer un site flash.
Sachant que mon site est un seul et unique fichier flash... n'est-ce pas désespéré?
Comment faire pour "optimiser" mes chances qu'il soit bien référencé?

Voici le code du fichier index.html avec le vrai contenu^^

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!-- Copyright [2008] Adobe Systems Incorporated.  All rights reserved -->
<!-- saved from url=(0013)about:internet -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Dominique SALLOUM & Nathalie JOURDAN - Press Book</title>
<meta name="Keywords" lang="fr" content="Nathalie Jourdan, Dominique Salloum, les Concerts Pastel, piano, peinture, projection de tableaux, tableaux en mesure, tableaux sur mesure, concept nouveau, concert expo" />
<meta name="Description" lang="fr" content="Les Concerts Pastel, un concept nouveau de Dominique SALLOUM (piano) et Nathalie JOURDAN (peintre), où des tableaux 'sur mesure', racontent la musique, projetés 'en mesure' sur écran géant durant le concert." />
<script src="standard.js" type="text/javascript"></script>
</head>
 
 
 
<body   bgcolor="#000000">
<center>
 
	<div id="CaptivateContent">&nbsp;
	</div>
	<script type="text/javascript">
           var so = new SWFObject("Les Concerts Pastel - Dominique SALLOUM (piano) & Nathalie JOURDAN (pastels) - Press Book.swf", "Captivate", "1058", "823", "10", "#CCCCCC");
                so.addParam("quality", "high");
                so.addParam("name", "Captivate");
                so.addParam("id", "Captivate");
                so.addParam("wmode", "window");
                so.addParam("bgcolor","#000000");
                so.addParam("menu", "false");
                so.addVariable("variable1", "value1");
                so.setAttribute("redirectUrl", "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash");
                so.write("CaptivateContent");
        </script>
 
 
	<script type="text/javascript">
                document.getElementById('Captivate').focus();
                document.Captivate.focus();
        </script>
</center>
</body>
</html>

Les mots clefs dans les meta sont-ils excessifs?
J'ai cru comprendre que google n'aimait pas quand il y en a "trop"...

Merci encore et à bientôt
cosi-fan-tutte

Invité · 30/07/2011, 10h25

Bonjour Dominique,
dans mon message précédent, j'ai noté les "code source" de tes pages.
Regarde bien les différences !

1/ Tes pages (fichiers) se trouvent PHYSIQUEMENT à cet endroit : http://dominique.salloum.free.fr

2/ http://www.les-concerts-pastel.com - http://dominique-salloum.com
=> ces 2 noms de domaine "pointent" sur http://dominique.salloum.free.fr
En réalité, ils affichent DANS UNE FRAME le site DISTANT http://dominique.salloum.free.fr
C'est ce qu'on appelle une REDIRECTION "INVISIBLE" (l'adresse du site http://dominique.salloum.free.fr n'apparait pas pas la barre d'adresse du navigateur)

=> LE PROBLEME : google ne soit QUE ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
  "http://www.w3.org/TR/html4/frameset.dtd">
 
<html>
<head>
<title>www.les-concerts-pastel.com</title>
</head>
 
<frameset>
    <frame src="http://dominique.salloum.free.fr" name="redir">
    <noframes>
      <p>Original location:
        <a href="http://dominique.salloum.free.fr">http://dominique.salloum.free.fr</a>
      </p>
    </noframes>
</frameset>
 
</html>

Autrement dit : RIEN DU TOUT !!!

3/ Tes "Keywords" (mots-clés) et "Description" sont très bien !
SAUF qu'il ne sont accessibles QUE si on a tapé directement : http://dominique.salloum.free.fr

DEUX SOLUTIONS pour améliorer le référencement (et donner une chance aux internautes de te trouver !) :

A/ Faire des REDIRECTIONS "PHYSIQUES" (ou "visibles") :
-> de http://www.les-concerts-pastel.com - http://dominique-salloum.com VERS http://dominique.salloum.free.fr

B/ Mettre dans ton fichier du "CONTENU ALTERNATIF" (comme indiqué dans le lien que je t'ai fourni)
- Ce contenu ne sera pas afficher à l'écran (sauf si ton fichier flash ne fonctionne pas)
- PAR CONTRE, il sera lu par les robots de recherche (google, ...)

-> Ce texte alternatif, tu dois l'écrire ICI (dans ton fichier) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
	<div id="CaptivateContent">&nbsp;
		<!-- Ici du texte ou des images pour le contenu alternatif -->
		<!-- pris en compte par les moteurs de recherche -->
	</div>

**cosi-fan-tutte** · 01/08/2011, 13h35

Bonjour,

Merci pour votre réponse détaillée (bien que j'aie été hors sujet, et je vous prie de m'en excuser...)

Pour faire suite à votre réponse, j'aurais encore 3 questions s'il vous plait (je les pose ici, ne sachant pas si je vais vous retrouver en ouvrant un autre sujet) :

1) Puis-je utiliser les deux méthodes pour le référencement? (contenu alternatif + Redirection physique plutôt que transparente, avec http://dominique.salloum.free.fr qui s'affiche quand on clique sur http://dominique-salloum.com ou sur http://les-concerts-pastel.com?

2) Si la réponse est oui, la seconde question ait : cela a-t-il un intérêt quelconque d'utiliser les deux méthodes à la fois? (meilleur référencement). Sachant que si la réponse est non, je privilégierais la méthode du contenu alternatif.

3) pour ce qui est du contenu alternatif. J'ai modifié le code du fichier "index.html"
Est-il correct maintenant? (j'ai suivi votre lien, et j'ai essayé de m'en sortir avec mes faibles connaissances du langage html... j'espère que je n'en suis pas trop loin)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!-- Copyright [2008] Adobe Systems Incorporated.  All rights reserved -->
<!-- saved from url=(0013)about:internet -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Dominique SALLOUM & Nathalie JOURDAN - Press Book</title>
<meta name="Keywords" lang="fr" content="Nathalie Jourdan, Dominique Salloum, les Concerts Pastel, piano, peinture, projection de tableaux, tableaux en mesure, tableaux sur mesure, concept nouveau, concert expo" />
<meta name="Description" lang="fr" content="Les Concerts Pastel, un concept nouveau de Dominique SALLOUM (piano) et Nathalie JOURDAN (peintre), où des tableaux 'sur mesure', racontent la musique, projetés 'en mesure' sur écran géant durant le concert." />
<script src="standard.js" type="text/javascript"></script>
</head>
 
 
 
<body   bgcolor="#000000">
<center>
 
	<div id="CaptivateContent">&nbsp;
		<!-- <a href="http://imageshack.us/photo/my-images/42/lesconcertspastel.jpg/" target="_blank">[IMG=http://img42.imageshack.us/img42/9236/lesconcertspastel.jpg][/IMG]</a>
 
Uploaded with <a href="http://imageshack.us" target="_blank">ImageShack.us</a> -->
		<!-- <a target='_blank' title='ImageShack - Image And Video Hosting' href='http://imageshack.us/photo/my-images/42/lesconcertspastel.jpg/'><img src='http://img42.imageshack.us/img42/9236/lesconcertspastel.jpg' border='0'/></a>
 
Uploaded with <a target='_blank' href='http://imageshack.us'>ImageShack.us</a> -->
		<!-- Nathalie Jourdan, Dominique Salloum, les Concerts Pastel, piano, peinture, projection de tableaux, tableaux en mesure, tableaux sur mesure, concept nouveau, concert expo -->
		<!-- Les Concerts Pastel, un concept nouveau de Dominique SALLOUM (piano) et Nathalie JOURDAN (peintre), où des tableaux 'sur mesure', racontent la musique, projetés 'en mesure' sur écran géant durant le concert -->
	</div>
	<script type="text/javascript">
           var so = new SWFObject("Les Concerts Pastel - Dominique SALLOUM (piano) & Nathalie JOURDAN (pastels) - Press Book.swf", "Captivate", "1058", "823", "10", "#CCCCCC");
                so.addParam("quality", "high");
                so.addParam("name", "Captivate");
                so.addParam("id", "Captivate");
                so.addParam("wmode", "window");
                so.addParam("bgcolor","#000000");
                so.addParam("menu", "false");
                so.addVariable("variable1", "value1");
                so.setAttribute("redirectUrl", "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash");
                so.write("CaptivateContent");
        </script>
 
 
	<script type="text/javascript">
                document.getElementById('Captivate').focus();
                document.Captivate.focus();
        </script>
</center>
</body>
</html>

Merci pour votre attention
Cordialement
cosi-fan-tutte

Invité · 01/08/2011, 13h59

Bonjour,
OUI et OUI !
Il faut utiliser les 2 méthodes car elles n'ont pas le même effet !

1/ -> contenu alternatif : dans le site chez free.fr
C'est du texte qui sera lu par les moteur de recherche

2/ -> + Redirection physique plutôt que transparente des AUTRES noms VERS le site chez free.
La redirection physique fait qu'on sera redirigé sur la page chez free.fr (au lieu qu'elle soit affichée dans une iframe, où elle ne sera pas lu par les moteurs de recherche)

Invité · 29/07/2011, 20h51

A vrai dire TOUT ne va pas si bien.

En effet, en terme de référencement, c'est quasiment nul ...

Si tu regarde le code source de ta page sur http://dominique-salloum.com/ :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
  "http://www.w3.org/TR/html4/frameset.dtd">
 
<html>
<head>
<title>dominique-salloum.com</title>
</head>
 
<frameset>
    <frame src="http://dominique.salloum.free.fr" name="redir">
 
    <noframes>
      <p>Original location:
        <a href="http://dominique.salloum.free.fr">http://dominique.salloum.free.fr</a>
      </p>
    </noframes>
</frameset>
 
</html>

Il n'y a absolûment RIEN pour identifier ton site, même pas de mots-clé ou quoi que ce soit d'autre, qu'un moteur de recherche pourrait se mettre sous la dent ...

Quant au code source sur http://dominique.salloum.free.fr/ :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!-- Copyright [2008] Adobe Systems Incorporated.  All rights reserved -->
<!-- saved from url=(0013)about:internet -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Dominique SALLOUM & Nathalie JOURDAN - Press Book</title>
<meta name="Keywords" lang="fr" content="Nathalie Jourdan, Dominique Salloum, les Concerts Pastel, piano, peinture, projection de tableaux, tableaux en mesure, tableaux sur mesure, concept nouveau, concert expo" />
<meta name="Description" lang="fr" content="Les Concerts Pastel, un concept nouveau de Dominique SALLOUM (piano) et Nathalie JOURDAN (peintre), où des tableaux 'sur mesure', racontent la musique, projetés 'en mesure' sur écran géant durant le concert." />
<script src="standard.js" type="text/javascript"></script>
</head>
 
 
 
<body   bgcolor="#000000">
<center>
 
	<div id="CaptivateContent">&nbsp;
 
	</div>
	<script type="text/javascript">
           var so = new SWFObject("Les Concerts Pastel - Dominique SALLOUM (piano) & Nathalie JOURDAN (pastels) - Press Book.swf", "Captivate", "1058", "823", "10", "#CCCCCC");
                so.addParam("quality", "high");
                so.addParam("name", "Captivate");
                so.addParam("id", "Captivate");
                so.addParam("wmode", "window");
                so.addParam("bgcolor","#000000");
                so.addParam("menu", "false");
                so.addVariable("variable1", "value1");
                so.setAttribute("redirectUrl", "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash");
                so.write("CaptivateContent");
        </script>
 
	<script type="text/javascript">
                document.getElementById('Captivate').focus();
                document.Captivate.focus();
        </script>
</center>
</body>
</html>

Ce n'est pas beaucoup mieux ....

En clair : pour les recherches "google", aucune chance de trouver ton(tes) site(s) !

C'est dommage, car la musique est de qualité ... et l'idée des "concerts-expos" est intéressante !

A lire : Guide du référencement d'un site en Flash
=> L'as-tu lu ?

**cosi-fan-tutte** · 29/07/2011, 20h34

Bonjour,

Mon problème est je maintenant résolu

Explication :
Sur ma page perso, il y a 4 fichiers :
- un fichier swf, (le site lui-même au format flash)
- un fichier "index.html" (qui affichait une page noire au lieu de faire ouvrir le fichier swf, et parce que j'avais oublié de télécharger un fichier au format js, mais ce problème est résolu)
- un 3ème fichier au format htm
- un 4ème fichier, standard.js

(Explication pour la page noire : Du fait que j'avais "oublié" d'uploader le fichier js, je n'arrivais pas à ouvrir le fichier flash en cliquant sur index.html. Et j'ai pensé qu'il s'agissait d'un "problème de code" dans ce fichier html)

Je viens d'uploader mon fichier sj qui manquait sur ma page perso, réglant le souci de la page noire

Merci pour vos remarques

Cosi-fan-tutte

Intégration d'un site en Flash

HTML

Vue hybride

Discussions similaires

Partager

Partager