Site à transformer

Bonjour,
Je ne suis pas du tout webmaster et j'ai créé mon site, avec un peu d'aide, il y a une dizaine d'années. Les pages ont été faites à l'époque en .php. Ce site scientifique, que j'écris moi-même, a plus de 2000 pages, grossit continuellement par mes ajouts, est vu par 2000 personnes par jour, est gratuit, et bien référencé, donc je ne voudrais pas modifier les URL. Un flash ne fonctionnant plus, je voulais le modifier.
Or, on m'a dit qu'il faudrait modifier mon site pour qu'il soit vu sur les différents supports, en particulier tablettes, et que Google référence mieux ces sites.
J'aimerai moi-même faire cette refonte, mais je voudrais avoir de votre part une philosophie générale. Vers quoi dois-je m'orienter pour être à la page ?
Je travaille sur Dreamweaver 2017.
Merci d'avance pour votre aide. Je veux éviter de consacrer du temps à des pratiques obsolètes.

Bonjour.

Il y a quelque temps, je m'étais amusée à refaire des sites présents dans un bouquin (enfin une, voire deux pages) et puis je m'étais dit, tiens, il faudrait peut-être qu'ils soient 'responsives' c'est-à-dire qu'ils ressemblent à quelque chose quelle que soit la largeur de l'écran.

Eh bien, pas facile. Certaines pages s'y prêtent bien et ça va vite mais d'autres se révèlent assez compliquées. Bref j'ai laissé tomber et j'en suis venue à la conclusion que le 'responsive', il vaut mieux le penser dès le départ.

Mon expérience me dit que ce n'est pas impossible, que ça dépend de votre code de départ. Dans mon souvenir, Dreamweaver était synonyme de tableaux imbriqués...

A titre d'exemple, j'ai mis deux ans à refaire un site du même genre, sauf qu'il n'était pas écrit en PHP mais uniquement en HTML style années 2000, en particulier des tables imbriquées, des <br><br> à foison...
On peut se faire une idée du site ancien que j'ai conservé en référence http://paralletes.free.fr
et du nouveau site http://osirisnet.net/centrale.htm
J'ai d'autres sites en PHP, mais en fait le PHP génère du HTML, on est donc amené à modifier
1) le HTML que l'on veut obtenir
2) le PHP qui le génère
La dernière fois que j'ai fait une opération de ce genre, ça m'a pris environ 3 mois. Il faudrait du reste que je le refasse, car c'était en 2010, une époque où on ne se préoccupait pas beaucoup de "responsiveness".
Pour pouvoir t'aider davantage, il faudrait d'abord que tu nous donnes un mien vers le site en question, ça nous donnerait déjà une idée.
En ce qui concerne DreamWeaver, je l'ai toujours considéré comme une machine à générer du mauvais code et de mauvaises méthodes de travail, j'ai abandonné son utilisation au début des années 2000. Maintenant il est possible que ça ait évolué dans le bons sens, mais j'en doute.
Par ailleurs Adobe a une forte tendance à faire payer un max et à envahir ton PC, ce qui me fait éviter autant que possible l'utilisation de leurs produits.
Modifié par PapyJP (13 Jun 2017 - 10:47)

Rebonjour et merci pour ces réponses rapides.

Vous pouvez voir mon site : vetopsy.fr pour vous faire une idée en particulier pour papyJP qui comme moi, est et papy et JP .

Par contre, je ne veux pas partir forcément de l'existant, mais pouvoir en créer un nouveau en adoptant les techniques récentes pour éviter de consacrer du temps à des pratiques obsolètes.

J'ai regardé votre site... c'est touffu. L'embêtant avec les sites que l'on fait par ajout, c'est le côté 'monstrueux' qu'ils finissent par avoir : il y a beaucoup d'éléments au risque de noyer les points importants, on finit par aborder des points qui n'existaient pas au départ...

À votre place, je ferais une refonte qui permettrait de dégager les points essentiels et en mettant le reste moins facile d'accès... Vous pouvez aussi aérer le texte en hauteur, la page n'est pas limitée dans cette direction...

Je reconnais que c'est du boulot...

Hmm!
Assez d'accord avec Zelena: touffu, trop de choses dans une page, menu trop compliqué, et j'ajouterai que les petits dessins en gif sont vieillots et donnent une impression d'amateurisme des années 1990-2000. A cette époque, les débits étaient lents, et ces images s'imposaient. De nos jours ça ne fait plus sérieux.

J'ai remarqué aussi des trucs sans doute antérieurs à l'utilisation du CSS qui polluent le code, par exemple un séparateur entre les entrées de menu:

<img src="/act_page/images/gen/ligne_verticalepetite.gif" class="almid" alt="" width="4" height="18">

C'est le genre de chose à supprimer et à traiter autrement.

Je pense que la première chose serait de définir ce qu'on veut obtenir, en premier lieu sur une tablette de référence. Ce genre de site ne semble pas être la chose que l'on consulte sur un téléphone portable, mais de plus en plus de gens, même lorsqu'ils disposent d'un ordinateur, trouvent la tablette plus pratique en consultation.

Côté techno de développement, pourrait on avoir un aperçu du code PHP correspondant à une page typique? Cela permettrai d'avoir une idée du style de programmation utilisé et de regarder dans quelle direction on pourrait envisager d'aller.
Bon courage!

Je dois partir deux jours. Je continue cette discussion dès mon retour si vous le voulez bien.
Merci et à bientôt.

il n y a pas beaucoups de table ( tag <table> ) seul les largeurs sont fixés en pixel ( layout statistique par div ) . Donc pas trop de travail à mon avis
Est ce que les pages sont construite dynamiquement ( php -> html) ?
Est ce que le style in line est généré dynamiquement ?
page en php signifie quoi ? vous avez fait fait un template avec dreamweaver et avez défini une zone dynamique que vous changer avec l'éditeur html dreamweaver ? Coment son stocké les zone dynamique du contenu qui s affiche lorsque l on clique sur le lien en rapport ?

Cordialement
Modifié par 75lionel (16 Jun 2017 - 04:50)

Layout tout en float left ! ?et pixel en dure un peu particulière pour
-un div .top avec jolie image d'animaux avec fond transparent img_top.png
-la cygogne et le le texte qui appartient a la zone de texte principal
-un div .rechercher qui sort des largeurs du layout ( bleu ocean)
-un fichier flash <object>
-l'arrondi en image situé en haut a gauche du texte
- les 4 images en bas dans un ul li .

le decoupage vertical qui a dans un container float left 1118 px
--62px invisible
--col1 235px left ( 225 + padding 5px a G et 5 px D )
--col2 760 left

https://forum.alsacreations.com/upload/1497580334-48731-alsaveto.png

Modifié par 75lionel (16 Jun 2017 - 04:51)

Bonjour
a-Avez "dessiner" le site avec un outils graphique comme Dreamweaver ou avez codé les tags html et css a la main ?
b-Pouvez vous posté un zip ( dwt) de votre template dreamweacer avec la page principale ? ( en mp si vous voulez)
c-Quel offre avez vous souscrit auprès de ovh ? permet elle l installation d un CMS ? souhaitez vous passez à un CMS ?
d-avez vous des fichiers dont le contenu est identique mais l url change ou simplement son nom final du fichier?
e-utilisez vous plusieurs nom/lien de fichier (Diencephale et Dinecéphale ) avec des encodages (utf ..) différents ? pour le même contenu ?
f-le départ serait déjà de déplacer tout le code css inline dans un fichier css . Puis éventuellement de garder votre layout actuel pour le mode desktop et de faire du responsive MQ que pour les certaines tailles d'écrans inférieurs .
g- est ce que tout vos liens et fichiers existent .
error 500 pour ( liste limité ...Désolé pour le pic de chargement sur votre site )
vetopsy.fr/veto/thera-veto/thera-comp-veto/extinct-veto.php
vetopsy.fr/veto/thera-veto/thera-comp-veto/desens-veto.php
vetopsy.fr/veto/thera-veto/thera-comp-veto/contre-condit-veto.php
vetopsy.fr/veto/thera-veto/thera-comp-veto/immers-veto.php
link vetopsy.fr/veto/ct-veto/marq-ct-veto/malprop-trait-ct-veto.php
vetopsy.fr/veto/trait-veto/general-veto/alim-psycho-veto.php
vetopsy.fr/veto/ct-veto/marq-ct-veto/marq-urin-trait-ct-veto.php

Merci
Modifié par 75lionel (16 Jun 2017 - 21:41)