Heyoan a écrit :
Eh bien oui... mais il faudrait juste tout revoir !
Cette façon de faire à base de TABLE et d'IFRAME est obsolète depuis déjà longtemps, de même que l'utilisation d'images "en tranches".
[...]
Concernant les frames je t'invite à lire ce post. Elles sont parfaitement inutiles et posent en plus problème alors qu'un simple menu convient tout à fait...
Mais bon, pour être passé par là je sais que cela demande du temps de changer complètement sa façon de concevoir des sites. Cela dit ça n'est vraiment pas insurmontable et ça peut même être très plaisant.
Edit: après relecture de ton post je me rends compte que tu n'utilises peut-être pas de tableau de mise en page mais comme tu parlais de "tranches" il est bien possible que tu utilises tes éléments DIV comme des TD (typiquement en leur donnant une hauteur height alors que généralement on les laisse s'étirer en fonction de leur contenu).
Merci tout d'abord de ces conseils de fond !
Concernant d'abord le tranchage et les iframe :
Les tableaux correspondant aux différentes pages ont été générés automatiquement par Illustrator en fonction des éléments que j'ai tranchés et qui doivent contenir des liens ou des pages html (dans le cas des cadres gauche et droit).
Les deux iframes "Cadre_gauche" et "Cadre_droit" me sont nécessaires pour y afficher des pages html (page de menu dans le cadre gauche, page de contenu dans le cadre droit). (Comment autrement afficher une page html dans une cellule de tableau ?)
Pour ce qui est des div :
Travaillant sur des documentations électroniques volumineuses, complexes, contenant un grand nombre de copies d'écran ou de figures explicatives et nécessitant un important niveau de précision, j'utilise couramment des popups complémentaires : une page contient les seules informations principales, les informations complémentaires étant affichées par des popups que l'utilisateur ouvre selon ses besoins. (Le libellé des liens est rédigé de façon à ce que l'utilisateur sache d'emblée ce que contient le popup.)
Cette approche permet d'éviter des pages longues, difficiles à lire, pour lesquelles il faut en permanence jouer de la molette de la souris. (Je m'astreins à ce qu'une page ne dépasse pas la hauteur d'un écran 19 pouces, ou au maximum à ce qu'elle nécessite qu'une seule action de molette.)
Elle permet aussi d'éviter de subir des ruptures de lecture continuelles en commutant sur une nouvelle page à chaque clic. (L'utilisateur reste toujours sur la page courante.)
J'ai repris cette philosophie pour mon site : des textes principaux courts, complétés brièvement par des div-popups minutieusement positionnés et dimensionnés — avec une hauteur fixe, ce qui m'oblige à me faire violence en limitant drastiquement la longueur du texte — que le visiteur ouvre s'il le désire (avec des libellés de liens qui indiquent explicitement le contenu du popup).
J'ai d'autre part délibérément choisi de ne pas utiliser de menu (mon seul menu est celui affiché lors du survol du logo et permettant de revenir à l'une des pages précédentes)
Pour ce qui est de la façon de concevoir le site :
Je dois impérativement terminer ce site avant la fin du mois de façon à pouvoir entreprendre une action commerciale soutenue dès la rentrée. (Je travaille à mon compte.)
Je n'ai donc pas la possibilité de revoir de fond en comble la conception du site. Ce qui m'importe maintenant, c'est qu'il fonctionne correctement le plus rapidement possible, que Javascript soit activé ou non, .
Lorsque le site sera enfin en ligne, j'envisagerai dans un deuxième temps la façon d'en optimiser le code ou la conception technique, en conservant toutefois mon approche des popups complémentaires qui, en quelque sorte, est ma marque de fabrique et à laquelle je tiens.
Donc, maintenant, je trace ! (La partie utilisant les fonctions "Javascript intégrées" fonctionne entièrement. Il me faut maintenant réaliser le complément pour le cas où Js est désactivé.)
Modifié par cadbor (15 Aug 2009 - 15:01)