Page anglaise
Navigation
Technique
Qui
Comment
Page 1
Page 2
Page 3
Pourquoi
Avec quoi



Site
Livre d'Or
Plan du site

Actualités
Index » Technique » Comment
Technique
Histoire d'un site perso.

Toutes mes aventures pour faire vivre ce site !

Le nouveau look du site :
Après avoir construit mes pages brutalement (on écrit et on passe à la ligne avec "BR"), j'ai essayé le découpage avec des "Frames" (ou cadres).
Je trouve le système pratique car chaque cadre est indépendant, mais le formatage, à l'intérieur de chaque cadre, laissait à désirer !
Alors je me suis lancé dans la programmation des tableaux. J'ai dessiné ma page sous Excel (pas de problème, tout est visuel).
Mais lorsqu'il faut passer à la programmation HTML d'un tableau, il faut faire jouer l'imagination (on a sous le nez des balises "TABLE" "TR" "TD" et il faut imaginer le résultat !)
On me dira : utilise un générateur style WebExpert. C'est vrai mais où est le plaisir ? Je cherche peut être la complication mais le plaisir d'admirer le résultat, le pied !
Alors, pour le moment, le site est construit avec des tableaux à l'intérieur de Frames (toutes les pages ne sont pas encore reconstruites. Exemple, la page que vous avez sous les yeux).

Le futur :
Il va falloir remplacer les Frames par des tableaux, car certains Browers n'apprécient pas.
De plus il semble que les moteurs de recherches n'admettent pas les pages constituées de Frames.
Mais pour obtenir un look valable (positionnement du menu, affichage des Actualités, etc.) il va falloir manipuler quelques petites images en forme de lignes et de colonnes.
Alors, rendez-vous dans quelques mois.
Haut
Le résultat (au 10/10/2000) :
Vous avez sous les yeux, le nouveau look du site, avec ses tableaux, et sans ses Frames.
Les moteurs de recherches vont être contents !
Le fonctionnement global des pages est différent: avant on faisait défiler un texte sans que le reste de la page ne bouge (avantage des Frames), alors que maintenant, toute la page défile. Ce n'est pas forcemment plus pratique, mais tous les sites professionnels utilisent ce système, alors...
Un avantage des tableaux : on peut modifier le contenu d'une partie d'une page, sans toucher au programme de cette page : par exemple, les actualités sont stockées dans un fichier indépendant, et affichées grâce à un tout petit programme en JavaScript. Donc la maintenance du site s'en trouve facilitée.
Pour le moment, seule cette zône Actualités est programmée grâce à JavaScript, mais, à terme, tout le contenu du site devrait s'afficher de cette façon (lorsque le look sera figé, ou presque !).
Haut
Une nouvelle expérience (au 17/10/2000) :
Après la suppression des Frames (ou cadres), voici le positionnement absolu !
Regardez la page ACCUEIL.
Cette page a été construite en positionnant des zônes sur la page. La balise "DIV" permet de donner les coordonnées, au pixel prés, de chaque zône à placer.
Cette méthode permet de s'affranchir de la complexité des tableaux. J'ai tout de même utilisé des tableaux à l'intérieur de certaines zônes, comme la zône centrale, par exemple.
L'avantage : on peut positionner des images ou des textes n'importe où sur l'écran, sans subir la contrainte des tableaux et des systèmes lignes-colonnes.

Un bon résultat (au 30/01/2001) :
Toutes les pages sont enfin programmées en positionnement absolu. J'en ai profité pour mettre tous les menus et le cadre Infos dans des petits fichiers JavaScript, pour faciliter la maintenance.
Pour ceux qui utilisent Netscape, ce merveilleux... navigateur n'apprécie pas beaucoup le positionnement absolu, avec les balises DIV. Il place certains menus à des endroits bizarres sur la page, et refuse d'afficher la barre de défillement verticale (avec la version 4.70).
Mais j'ai tout de même réussi à lui faire admettre les fichiers en JavaScript...

De bonnes surprises (à la date du 14/02/2001) :
Mes derniers essais avec Netscape version 6 (version dite définitive), semblent prometteurs !!!
Les balises DIV semblent mieux acceptées. Les blocs en JavaScript s'affichent, eux aussi, et les barres de défilement de Netscape fonctionnent.
Les images s'affichent à peu prés à l'endroit voulu !!! Bref, cette nouvelle version semble avoir un comportement plus logique, mais tout de même irrégulier (l'affichage des tableaux laisse encore rêveur !).
Par contre, j'ai fait quelques essais avec une version anglaise de Netscape 4.75 : c'est une vraie catastrophe ! Rien ne marche. Même pas le menu général, programmé en JavaScript, et bien reconnu par Netscape 6.
Et après tout ça, on critique IE5, et Microsoft !!!


début   précédent    suivant   fin


Haut