Comment avoir un site qui s adapte a la resolution ? [Flash] - Infographie 2D - Graphisme
Marsh Posté le 24-07-2003 à 22:31:46
Bon, j'ai pas regarder ce site (RTC ) mais logiquement, si tu fais tout en vectoriel et que dans ta page tu fais appelle à ton animation flash en la définissant en pourcentage, ça doit s'adapter à toutes les résolutions. Après, si tu parles dans le sens photos, etc.. (.gif, .jpg, .png...) benh je sais pas.
Marsh Posté le 24-07-2003 à 22:44:58
y'a bien une solution en javascript, mais c'est innenvisageable! -> il faudrait faire 1 site par résolution
Marsh Posté le 24-07-2003 à 23:05:04
A la limite, ce qu'il me parait possible de faire si tu as des photos que tu ne peut pas mettre en vectoriel:
-tu fais toute l'interface du site en vectoriel
-tu fais plusieurs versiond e tes images (plusieurs tailles pour différentes résolutions)
-un petit script (javascript dans la page ou alors il doit bien avoir des fonctions dans le style en actionscript direct sou le flash) pour detecter la resoltion du client et hop, tu charges les images en conséquence. le reste étant en vectoriel, ça s'adapte.
Mais bon, c'est un peu du bidouillage là
Marsh Posté le 24-07-2003 à 23:06:26
RiderCrazy a écrit : Bon, j'ai pas regarder ce site (RTC ) mais logiquement, si tu fais tout en vectoriel et que dans ta page tu fais appelle à ton animation flash en la définissant en pourcentage, ça doit s'adapter à toutes les résolutions. Après, si tu parles dans le sens photos, etc.. (.gif, .jpg, .png...) benh je sais pas. |
oui mias la c est pas 100% vectoriel car , la femme qui est en arriere plan est clairement toshop .
Marsh Posté le 25-07-2003 à 11:00:22
DushnoK a écrit : non elle est en vecteurs..ça se voit quand on zoome |
ca me tonnerait qu il l aie faites sous flash
Marsh Posté le 25-07-2003 à 22:09:35
j'avais fait ça a une epoque pour mon site (http://www.graphicbeaute.com)
si ça peut aider...
function position() {
if (screen.width > 1152){window.moveTo(240,0);}
else if (screen.width > 1024){window.moveTo(176,0);}
else if (screen.width > 800) {window.moveTo(112,0);}
else if (screen.width = 800) {window.moveTo(0,0) ;}}
position();
function redim() {
if (screen.width >= 800)
{self.resizeTo(800, screen.height);}}
redim();
sa redimmensionne et sa centre la page
en ce qui concerne le fait qu'il faut que les images soient adaptés a la resolution, je pense que oué, il faut faire en vectoriel, mais pour les photos et autres, ya pas le choix ...
Marsh Posté le 26-07-2003 à 10:20:36
Donc si ya des photos ou autre chose que du vectoriel fait sous flash c est foutu ...
Marsh Posté le 26-07-2003 à 10:21:05
meme si par exemple je veux que que mon image aie une taille fixe et le reste de la page soit adaptable ?
Marsh Posté le 26-07-2003 à 10:54:33
_-_-_-_GREG_-_-_-_ a écrit : meme si par exemple je veux que que mon image aie une taille fixe et le reste de la page soit adaptable ? |
ben c tout a fait possible, il suffit d'utiliser des tableaux avec un parametre de taille en pourcentage
Marsh Posté le 27-07-2003 à 14:19:29
_-_-_-_GREG_-_-_-_ a écrit : Comment fait on un panneau dans flash 5 ? |
quest ce ke t'appellles un panneau ?
et quand je te parle de tableaux, je parle dans la page html , pas dans flash.
tu veux faire un site tt en flash ?
Marsh Posté le 27-07-2003 à 14:37:46
tu peux surement faire un script actionscript pour adapter a la resolution ou alors tu mets 100% ds les dimensions de l'anim ds la page html
Marsh Posté le 27-07-2003 à 14:42:52
PhenXDesign a écrit : tu peux surement faire un script actionscript pour adapter a la resolution ou alors tu mets 100% ds les dimensions de l'anim ds la page html |
Mais j aimerais que ce soit un element dans l anim qui reste tjrs a la meme taille , les autres grandissent en fonction de la resolution .
Marsh Posté le 27-07-2003 à 15:07:44
_-_-_-_GREG_-_-_-_ a écrit : Mais j aimerais que ce soit un element dans l anim qui reste tjrs a la meme taille , les autres grandissent en fonction de la resolution . |
pktu veux kil soit tj ala meme taille?
Marsh Posté le 27-07-2003 à 19:31:36
_-_-_-_GREG_-_-_-_ a écrit : pask il est pas en vectoriel |
ok, mais il fera toujours la meme taille si c'est en plein ecran (ou si la fenetre du site fait toujours la meme proportion de l'ecran dans differentes resolutions), donc on peut adapter sa taille ...
Marsh Posté le 27-07-2003 à 19:36:22
PhenXDesign a écrit : ok, mais il fera toujours la meme taille si c'est en plein ecran (ou si la fenetre du site fait toujours la meme proportion de l'ecran dans differentes resolutions), donc on peut adapter sa taille ... |
Oui mais non... ça va pixelliser
Marsh Posté le 27-07-2003 à 23:10:09
dans des basses resolutions 800*600, tout pixellise, bien sur on voit plus les pixels en 800*600 ke ne 1280*1024 kan on voit l'img a 100%; mais sa fait pas tache par rapport au reste et pui si on veut pas ke sa pixellise, sufit d'agrandir un chti peu l'img (le jpg permet de le faire sans trop de surplus de poids)
Marsh Posté le 01-08-2003 à 10:40:34
pour moi la nana du site, c une photo qui a été entierement vectorialisé (je sais pas si ca se dit ?! lol) sous Flash
Marsh Posté le 01-08-2003 à 14:40:44
leon-pctuning a écrit : pour moi la nana du site, c une photo qui a été entierement vectorialisé (je sais pas si ca se dit ?! lol) sous Flash |
Marsh Posté le 01-08-2003 à 18:24:45
pour un site tout en flash tu peux faire un index avec ce script :
<script language="JavaScript">
<!-- script créé par le webmaster de : -->
<!-- www.creation-de-site.net -->
<!-- vous y trouverez des javascripts, des images, des tutoriaux et des ressources gratuites. -->
<!--
function redirect_resolution()
{
if (screen.width < 800) // 640 et -
window.location.href='800.html';
else if (screen.width < 1024) // 800
window.location.href='800.html';
else if (screen.width == 1024) // 1024
window.location.href='1024.html';
else if (screen.width > 1024) // + de 1280 et +
window.location.href='1024.html';
}
-->
</script>
et ensuite tu fais les page html correspondante (ici 800.html et 1024.html) ou tu définis la résolution de ton document flash
pour le 800 :
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
id="index" width="740" height="440">
<param name="movie" value="index.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<embed name="index" src="800.swf" quality="high" bgcolor="#FFFFFF"
width="740" height="440"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
</object>
et pour le 1024 :
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
id="index" width="947,2" height="563,2">
<param name="movie" value="index.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<embed name="index" src="800.swf" quality="high" bgcolor="#FFFFFF"
width="947,2" height="563,2"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
</object>
Marsh Posté le 01-08-2003 à 23:26:14
Gaboriau a écrit : pour un site tout en flash tu peux faire un index avec ce script : |
Merci bien je vais etudier ce code de plus pres , mais je suis une tanche en html .
Je dois donc faire 2 version ?
Marsh Posté le 02-08-2003 à 00:43:55
_-_-_-_GREG_-_-_-_ a écrit : |
dans ce code 4... en fait c'est tout con: t'as un code javascript qui detecte la résolution de ton visiteur et qui le renvoie sur la page adéquat...
Marsh Posté le 02-08-2003 à 02:25:02
en fait la page avec l'"embeded object" est généré par le logiciel (swish dans mon cas), je t'ai donné tout le code mais c'était juste au cas ou tu aurais voulu avoir les formats, tu peux en générer un et ensuite modifier la résolution ici c'est width="740" height="440 pour l'écran 800 et width="947,2" height="563,2" pour le 1024.
Sans doute que ton logiciel flash génère aussi les page html, tout ce qui reste à faire ensuite c'est un index avec le script qui renvoie vers la bonne résolution.
Je sais pas si c'est très clair, n'hésites pas à redemander des explications si ça va pas
Marsh Posté le 24-07-2003 à 21:22:59
Bonjour a tous
J ai remarque que ce site www.designchapel.com s adapte aux resolutions de l ecran et ce sans deformer les image qui sont dedans . Comment fait on cela ?