1485 sujets

Web Mobile et responsive web design

Bonjour à tous,

J'aimerais rendre responsive un vieux site web qui est en HTML 1, c'est à dire entièrement fait à base de tableaux... Ma question n'est pas vraiment "comment" faire en pratique, car je sais utiliser CSS 3 et les media queries, et heureusement CSS 3 est rétro-compatible avec HTML 1...

Ma question porte plutôt sur la façon dont je vais procéder, avant même d'entrer dans la phase de production. J'ai encore du mal à m'organiser et à imaginer comment je dois faire avant de commencer à coder, et si j'ai bien compris mes cours, réfléchir et mettre sur papier ses idées avant de coder est une bonne pratique. Smiley lol

Je crée donc ce post afin d'avoir de l'aide non pas sur le CSS en pratique, mais plutôt d'avoir de l'aide sur la réflexion qui précédera mon travail. Je remercie par avance ceux qui passent du temps sur ce forum à nous aider, nous, les débutants Smiley smile Merci !

Mon dilemme est le suivant : passer le site entièrement en HTML 5 ou pas ?

Le site est entièrement fait à base de :


 <tr>
    <td height="40"><table width="842" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="20">&nbsp;</td>
    <td width="800" align="center"><p class="HeaderSpare1" style="padding-bottom:10px">&nbsp;</p></td>
    <td width="22">&nbsp;</td>
  </tr>
  <tr>
    <td width="20">&nbsp;</td>
    <td width="800"><div align="center"><img src="graphics/qnds.jpg" alt="Cover" width="500" height="446"></div></td>
    <td width="22">&nbsp;</td>
  </tr>
  <tr>
    <td width="20">&nbsp;</td>
    <td width="800">&nbsp;</td>
    <td width="22">&nbsp;</td>
  </tr>
  <tr>
    <td width="20">&nbsp;</td>
    <td width="800" align="right"><img src="graphics/Sign1.png" alt="Sign" width="400" height="85" /></td>
    <td width="22">&nbsp;</td>
  </tr>


Ce n'est qu'un extrait, je vous épargne tout le code source du site web. Ce n'est pas moi qui l'ait créé, il doit avoir 20 ans, et j'étais à peine né à l'époque... Cela devrait excuser les quelques horreurs qu'on trouve à l'intérieur, et en 2017 ça fait bizarre Smiley lol

L'idéal évidemment, ce serait de tout passer en HTML 5 : je serai à l'aise, on aurait tout à y gagner en terme d’accessibilité, de propreté du code, etc ... Cependant, cette solution prendra beaucoup, beaucoup plus de temps. Et les bienfaits du HTML 5 en 2017 n’intéresse guère le propriétaire du site web qui aime beaucoup son site en l'état actuel.

Du coup, ce serait peut être plus rapide (mais pas forcément plus simple) de garder le HTML tel quel et d'y appliquer du CSS 3 pour gérer le côté responsive. Il faudrait déjà que je commence par enlever tous les attributs width=" " des <td>, pour leur attribuer des class afin de pouvoir les gérer via CSS 3.

Oui, mais après ? Est-ce vraiment la bonne solution en terme de rapidité ? Quels sont les pour et les contre de ces méthodes si le temps est une contrainte importante ? Et enfin, est-ce que je me pose les bonnes questions, et comment bien réfléchir avant d'entamer un projet de ce genre ?

Je vous remercie d'avance pour l'aide que vous saurez m'apporter dans ma réflexion. Je suis assez perdu dans ce cas, et surtout pas à l'aise avec le HTML 1, ça ne m'aide pas du tout... Mais c'est l'occasion d'apprendre encore Smiley smile


Loraga
Administrateur
Hello,

Je suis de rapide passage et ma réponse ne va pas être très fructueuse, mais je voulais juste signaler que HTML 1 n'a jamais vraiment existé (il n'y a pas eu de spec), et que la "mise en page en tableau" n'a pas vraiment de rapport avec la version de HTML (on peut faire du HTML5 en full tableaux).

Désolé pour le bruit, je suis déjà parti Smiley cligne

EDIT : en fait je vais quand-même donner mon avis rapidement.

En gros ça va dépendre de tes compétences :
- si tu es très à l'aise en Responsive de tableaux (et c'est pas gagné), ce sera bien plus rapide de conserver le code existant
- sinon, ce sera bien plus rapide de tout reprendre (et surtout bien plus maintenable pour toutes les futures améliorations du site)
Modifié par Raphael (12 Dec 2017 - 18:50)
Bonjour,
Passer en HTML5 n'est pas une obligation stricto sensu, surtout si le propriétaire du site est satisfait de sa version actuelle, mais cela reste toutefois préférable, compte tenu des possibilités offertes en matière de présentation / organisation des pages.
Faute de volumétrie indiquée dans le sujet initial permettant d'estimer la charge, le travail pour tout reprendre peut cependant s'avérer assez conséquent et, avouons le, fastidieux (du tableau, encore du tableau... à retravailler, ça use son homme).
Ceci étant posé, je développe actuellement un générateur HTML dont l'un des modules est prévu pour réimporter une page HTML existante et l'afficher sous forme arborescente pour faciliter sa réorganisation.
La problématique de ton site correspond à la réflexion en cours et il pourrait être intéressant que nous en discutions pour voir s'il est possible :
a) soit de réaliser une reprise / refonte entièrement automatique
b) soit de traiter une partie du travail et terminer ensuite "à la mano"
Pour cela, j'aimerais pouvoir jeter un œil (voire les deux) sur une ou deux pages type, extraites dudit site (une URL est-elle disponible ?), et voir dans quelle mesure mon moteur Java peut les exploiter / triturer (ou pas Smiley decu ) pour en obtenir une nouvelle version.
Cela permettrait de valider / invalider de mon coté certaines solutions et choix techniques et, de ton côté, d'économiser quelques heures de dur labeur.
C'est juste une approche et tout dépend si tu veux maîtriser l'intégralité du processus de réécriture ou en automatiser tout ou partie (ou du moins tenter de le faire car mon moteur est et reste en phase de développement, donc rien n'est gravé dans le marbre en matière de résultat Smiley smile ).
Si la proposition t'intéresse, fais moi part de ton avis sur le sujet, au choix via la messagerie privée ou bien sur le forum, histoire que tout un chacun puisse s'exprimer sur la méthode et ses chances de réussite / échec.