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.
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 Merci !
Mon dilemme est le suivant : passer le site entièrement en HTML 5 ou pas ?
Le site est entièrement fait à base de :
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
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
Loraga
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.
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 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"> </td>
<td width="800" align="center"><p class="HeaderSpare1" style="padding-bottom:10px"> </p></td>
<td width="22"> </td>
</tr>
<tr>
<td width="20"> </td>
<td width="800"><div align="center"><img src="graphics/qnds.jpg" alt="Cover" width="500" height="446"></div></td>
<td width="22"> </td>
</tr>
<tr>
<td width="20"> </td>
<td width="800"> </td>
<td width="22"> </td>
</tr>
<tr>
<td width="20"> </td>
<td width="800" align="right"><img src="graphics/Sign1.png" alt="Sign" width="400" height="85" /></td>
<td width="22"> </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
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
Loraga