Geckozone

Bonjour a tous,

Je suis un superdebutant dans Nvu et je viens de commencer a creer mon site dont voici l adresse :

http://perso.orange.fr/after.dark

J aurais besoin de vos eclairages,et de toutes vos critiques , pour ameliorer l ergonomie , la navigation et la mise en page

Soyez pas trop exaspéré , ayez pitié d un novice en html

Darkwolf , qui tent le fouet pour se faire flageller

Merci en tout cas

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Belle gueule pour l'ensemble, je trouve. Du côté des modifications, je conseillerais d'abord la mise en page des images de fond, qui si on est avec une résolution plus grande qu'elle, ne rend pas très bien (on la voit en quadruple). Deux solutions me passent par la tête :

1- soit rajouter une commande de redimensionnement de la page :

- l'ajout d'un script en début de page :

Code : Tout sélectionner

<script language="JavaScript">
   function retailler(x,y) {self.resizeTo(x,y);}
</script>

- l'ajout d'un lien sur lequel le visiteur cliquera pour redimensionner :

Code : Tout sélectionner

<a href="javascript:retailler(1024,768);"> 
   du texte, une image, ou un bouton 
</a>

2- soit faire un peu de CSS pour que l'image de fond soit automatiquement sélectionnée :

- l'image de fond mise en plusieurs tailles (par exemple 640 par 480, 800 par 600, 1024 par 768, et 1280 par 1024), ces fichiers étant sur le site :

fond640.JPG
fond800.JPG
fond1024.JPG
fond1280.JPG

- une création de petits fichiers texte, renommés au format CSS, et contenant le lien vers l'image de fond ; par exemple :

Code : Tout sélectionner

body {background-image:url("fond1024.JPG");}

- puis ce code dans la page, pour y faire référence :

Code : Tout sélectionner

<script language="JavaScript">
  if (screen.width <= 640) { fichier = '640.css' ; } 
  else if (screen.width <= 800) { fichier = '800.css'; } 
       else if (screen.width <= 1024) { fichier = '1024.css'; } 
  if (screen.width > 1024) { fichier = '1280.css'; } 

  document.write('<LINK HREF="'+ fichier + '" REL="stylesheet" TYPE="text/css">'); 
</script>

Et il y a certainement d'autres possibilités (comme par exemple de ne mettre qu'une seule image, mais que ce soit centré sur la page, pas juste en "fond" de page)...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

merci de ton retour, super sympa , je vais m y pencher ce soir,

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

Geckozone

mo site web

mo site web