critique site : Activités Cuturelles et Artistiques Subaquatiques

critique site : Activités Cuturelles et Artistiques Subaquatiques - Web design - Graphisme

Marsh Posté le 08-09-2005 à 17:54:58    

Salut à tous,
 
en faisant une recherche pour régler quelques problèmes de noob, je suis tombé sur les topics de web-design et soumets donc le site à vos commentaires : www.adacua.com
 
Il est simple, c'est voulu mais c'est aussi par manque de connaissances techniques. Par exemple, la page d'intro n'est pas centrée dans IE (malgré l'ajout du code fourni ici http://forum.hardware.fr/hardwaref [...] 0101-1.htm
 
Et pis les rollovers de Golive pour la "barre de menu" en haut ne semblent pas fonctionner...
 
Bref, à part ça, dans le fond et la forme, qu'est-ce qui ne va pas ?
 
Merci pour les critiques !!!  :bounce:
 
edit : ZXS m'a bien cramé  :cry: (à juste titre) mais ct que la page d'intro, atomisée depuis...qq1 est chaud pour le reste du site www.adacua.com ?


Message édité par bombata le 09-09-2005 à 14:49:50
Reply

Marsh Posté le 08-09-2005 à 17:54:58   

Reply

Marsh Posté le 08-09-2005 à 18:05:18    

http://randoval.free.fr/divers/capture.jpg

Reply

Marsh Posté le 08-09-2005 à 18:10:01    

la réponse est bien illustrée ;)
 
j'ai viré les "trucs moches", du coup, on perd en info ce qu'on gagne en ... en quoi déjà ?
 
Le texte en bas s'est fait remballé par quel navigateur ? une vraie bouillie...
 
Bon, maintenant que la page d'intro s'est faite descendre, quelqu'un est chaud pour le reste ?  :bounce:


Message édité par bombata le 08-09-2005 à 20:07:48
Reply

Marsh Posté le 09-09-2005 à 09:41:30    

http://randoval.free.fr/divers/capture2.gif
 
css encore -> Bas des pages accueil et musique
http://randoval.free.fr/divers/capture3.gif
 
Je suis en 1600x1200 avec de grandes polices, l'utilisation des css te permettrais d'avoir un contrôle wysiwig
(what you see is what i get) ou wysiwwg ou wysiwtg mais c'est + dur à dire :D
 :hello:


Message édité par Profil supprimé le 09-09-2005 à 09:46:40
Reply

Marsh Posté le 09-09-2005 à 14:19:26    

wohoooooo !!! Y'a du vert ! Là où je l'attendais le moins vu que sur Firefox 1.0.6 et sur Explorer ces maudits rollovers ne marchent pas...de là à vouloir ajouter un petit son :sweat:  
 
Du coup, j'ai plutôt intérêt à bosser sur le WYSIWTAG : what you see is what They All get !!!  
 
Mon problème majeur étant que je pensais avoir imposé un CSS de mon cru (forcèment aigrelet). Alors je m'excuse si le topic n'est plus à sa place mais plutôt en programmation.
 
Il semble que j'appliquais le CSS uniquement au CSS Paragraph et non pas au CSS Span, CSS Style, etc...je m'étais emballé en voyant que ça marche, alors j'ai pas cherché plus loin (c*****)
Ca change tout...je fais le test, un modo moov le topic en programmation et je reviens avec une version "clean".
 
Pour la "vague caca", c'est un effet tenté sur Illustrator avec un pinceau...l'idée coule de source, le résultat est moins heureux, OK  :kaola:  
 
Encore merci pour ces critiques positives  :bounce:
 
edit : bah, j'trouve pas comment éviter le phénomène "grande police"


Message édité par bombata le 09-09-2005 à 14:37:56
Reply

Marsh Posté le 09-09-2005 à 14:31:05    

C'EST QUOI LE CODE CHELOU ????? :
 

<csscriptdict import>
  <script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
 </csscriptdict>


Ca sort d'où le "csscriptdic" ????? [:le kneu]

Reply

Marsh Posté le 09-09-2005 à 14:47:37    

On touche aux rollovers, c'est ma tentative ratée pour ajouter une Action "Play sound" au Rollover...entre autres !
 
Il est présent dans "Generated Items" : sous le titre CSScriptLib.js
 
Voilà le code qui correspond, je sais pas qui va me tomber dessus mais on pourra faire avancer le schmilblick...  
 
/* -- Adobe GoLive JavaScript Library */
 
 
function newImage(arg) {
 if (document.images) {
  rslt = new Image();
  rslt.src = arg;
  return rslt;
 }
}
 
function changeImagesArray(array) {
 if (preloadFlag == true) {
  var d = document; var img;
  for (var i=0; i<array.length; i+=2) {
   img = null; var n = array[i];
   if (d.images) {img = d.images[n];}
   if (!img && d.getElementById) {img = d.getElementById(n);}
   if (img) {img.src = array[i+1];}
  }
 }
}
 
function changeImages() {
 changeImagesArray(changeImages.arguments);
}
CSStopExecution=false;
function CSAction(array) {return CSAction2(CSAct, array);}
function CSAction2(fct, array) {  
 var result;
 for (var i=0;i<array.length;i++) {
  if(CSStopExecution) return false;  
  var aa = fct[array[i]];
  if (aa == null) return false;
  var ta = new Array;
  for(var j=1;j<aa.length;j++) {
   if((aa[j]!=null)&&(typeof(aa[j])=="object" )&&(aa[j].length==2)){
    if(aa[j][0]=="VAR" ){ta[j]=CSStateArray[aa[j][1]];}
    else{if(aa[j][0]=="ACT" ){ta[j]=CSAction(new Array(new String(aa[j][1])));}
    else ta[j]=aa[j];}
   } else ta[j]=aa[j];
  }    
  result=aa[0](ta);
 }
 return result;
}
CSAct = new Object;
var CSLastSound = null
function CSPlaySound(action) {
 if (eval('document.'+action[1])!=null) {
  if (CSLastSound != null && CSLastSound != action[1]) eval ('document.' + CSLastSound + '.stop()');
  CSLastSound = action[1]
  if (window.navigator.userAgent.indexOf("MSIE" ) > 0) eval ('document.' + CSLastSound + '.run()');
  else eval ('document.' + CSLastSound + '.play(true)');
 } else { alert ("The current Plug-In cannot be controlled by JavaScript. Please try using LiveAudio or a compatible Plug-In!" ); }
}
function CSStopSound (action) {if (eval('document.'+action[1])!=null) { eval ('document.' + action[1] + '.stop()');}}
function CSGotoLink(action) {
 if (action[2].length) {
  var hasFrame=false;
  for(i=0;i<parent.frames.length;i++) { if (parent.frames[i].name==action[2]) { hasFrame=true; break;}}
  if (hasFrame==true)
   parent.frames[action[2]].location = action[1];
  else
   window.open (action[1],action[2],"" );
 }
 else location = action[1];
}
function CSClickReturn () {
 var bAgent = window.navigator.userAgent;  
 var bAppName = window.navigator.appName;
 if ((bAppName.indexOf("Explorer" ) >= 0) && (bAgent.indexOf("Mozilla/3" ) >= 0) && (bAgent.indexOf("Mac" ) >= 0))
  return true; /* dont follow link */
 else return false; /* dont follow link */
 
...comme je disais, on dérive vers la programmation   :o

Reply

Marsh Posté le 09-09-2005 à 14:48:45    

bombata a écrit :

On touche aux rollovers, c'est ma tentative ratée pour ajouter une Action "Play sound" au Rollover...entre autres


Les rollovers se font en CSS.
 
On ne met jamais de sons ou de bruitages sur un site, y'a pas plus amateur :(

Reply

Marsh Posté le 09-09-2005 à 14:50:54    

Alors je suis pire qu'un amateur vu que j'y arrive même pas ! Mon incompétence me sauve de la ringardise  :D
 
edit : Je vais chercher un moyen de simplifier la chose et virer ce bout de code qui semble tout embrouiller. Une image réactive à la base, c'est plutôt couillon...enfin je crois... :pfff:  
 
Mais mon principal souci reste le chevauchement des text layers avec une grande police, classique des classiques j'imagine. J'vais faire un tour sur le forum programmation  :sarcastic:


Message édité par bombata le 09-09-2005 à 14:59:34
Reply

Marsh Posté le 09-09-2005 à 15:30:57    

La solution serait alors d'abandonner la mise en page "hyper-chiadée" et de laisser s'écouler le texte en un seul bloc avec des images séparant les paragraphes, ligne après ligne.  
 
On perd la mise en page "journal" mais "à priori", le texte va se pousser vers le bas et non plus se chevaucher. Du coup, ma ligne de fin (élément flash + liens + mail) sera chevauché, à moins de l'intégrer elle aussi au bloc global...j'ai bon ?
 
Solution naze mais faut faire avec ce qu'on a... :bounce:
 
D'autant que si j'empêche le texte de s'agrandir, les hautes résolutions et les bigleux liront quedal et j'aime pas me casser les  yeux pour lire sur un écran...clarté et accessibilité, c'est ce que je souhaitais pour le site.
 
edit : Evidemment, je l'ai dans le cul pour le cadre entourant le site, c'est bingo pour que le texte dépasse à chaque fois et du cadre en flash à gauche, et du liquid layout à droite !
 
edit 2 : c'est une solution merdique qui me fatigue rien que d'y penser. D'autant que les images ne s'alignent pas gentiment au centre comme dans Word, le structure est trop aérée et aléatoire  :cry:


Message édité par bombata le 09-09-2005 à 16:04:30
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed