Transformer un site html en responsive
depaninf
Messages postés
124
Date d'inscription
Statut
Membre
Dernière intervention
-
patricia@84 Messages postés 106 Date d'inscription Statut Membre Dernière intervention -
patricia@84 Messages postés 106 Date d'inscription Statut Membre Dernière intervention -
Bonjour tout le monde,
Mon site [Publicité supprimée Modération CCM] a été créé il y a 10 ans, je l'ai adapté au fur et à mesure et il est aujourd'hui en PHP 5.6.
Je souhaite le faire évoluer en responsive web design et qu'il passe tous les tests Google:
Publicité supprimée Modération CCM
Quelqu'un qui s'y connait en responsive peut il m'aider ?
Merci d'avance :)
Mon site [Publicité supprimée Modération CCM] a été créé il y a 10 ans, je l'ai adapté au fur et à mesure et il est aujourd'hui en PHP 5.6.
Je souhaite le faire évoluer en responsive web design et qu'il passe tous les tests Google:
Publicité supprimée Modération CCM
Quelqu'un qui s'y connait en responsive peut il m'aider ?
Merci d'avance :)
A voir également:
- Transformer un site html en responsive
- Site comme coco - Accueil - Réseaux sociaux
- Site de telechargement - Accueil - Outils
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site x - Guide
- Site pour vendre des objets d'occasion - Guide
3 réponses
Bonjour,
Avez-vous visité cette page : https://openclassrooms.com/courses/qu-est-ce-que-le-responsive-web-design ?
Vous y trouverez certainement de quoi vous aider à passer en responsive...
Avez-vous visité cette page : https://openclassrooms.com/courses/qu-est-ce-que-le-responsive-web-design ?
Vous y trouverez certainement de quoi vous aider à passer en responsive...
J'aimerais que sur le 2è lien tant sur ordi que sur mobile le test affiche 100%
...mais que le XHTML et le CSS restent stricts
Merci encore
...mais que le XHTML et le CSS restent stricts
Merci encore
Salut,
déjà oubliez le doctype strict qui date d'il y a 16 ans.
passez en HTML5 qui en plus d'améliorer les possibilités est nettement plus simple, par exemple le doctype HTML5
<!doctype html>
Plutôt mieux non?
Si vous utilisez xsl, xml cela ne changera rien mais vos documents seront mieux formés et donc prêt à être responsive
Avec CSS vous pouvez utiliser plusieurs feuilles de styles différentes(voir media queries CSS).
Le responsive design c'est un vaste sujet qui est limitrophe avec l'accessibilité(d'où l'utilité d'avoir un document HTML aux normes du jour = correctement décrit) et d'autres choses.
Après vous avez des possibilités pour 'automatiser' certaines compatibilités comme la bibliothèque javascript Modernizer, autoprefixer(https://css-tricks.com/autoprefixer/) et des références su_r les compatibilités des divers éléments et fonctionnalités comme sur le site de W3C
et http://html5please.com/ et "least but not last" : http://caniuse.com
déjà oubliez le doctype strict qui date d'il y a 16 ans.
passez en HTML5 qui en plus d'améliorer les possibilités est nettement plus simple, par exemple le doctype HTML5
<!doctype html>
Plutôt mieux non?
Si vous utilisez xsl, xml cela ne changera rien mais vos documents seront mieux formés et donc prêt à être responsive
Avec CSS vous pouvez utiliser plusieurs feuilles de styles différentes(voir media queries CSS).
Le responsive design c'est un vaste sujet qui est limitrophe avec l'accessibilité(d'où l'utilité d'avoir un document HTML aux normes du jour = correctement décrit) et d'autres choses.
Après vous avez des possibilités pour 'automatiser' certaines compatibilités comme la bibliothèque javascript Modernizer, autoprefixer(https://css-tricks.com/autoprefixer/) et des références su_r les compatibilités des divers éléments et fonctionnalités comme sur le site de W3C
et http://html5please.com/ et "least but not last" : http://caniuse.com
Le site est très intéressant...malheureusement je vais avoir du mal à m'en occuper moi même car pas assez calé.
J'ai besoin d'aide :) Help
Commencez par passer votre site en html5... cela n'est pas difficile... vous trouverez un cours sur la réalisation d'un site en html5 ici : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
Ensuite, pour le responsive, voyez ici : https://openclassrooms.com/fr/courses/2847691-maquettez-votre-site-responsive-avec-photoshop cela vous paraîtra peut-être plus clair...
Merci
Pour votre site, c'est la version html qui est importante, c'est elle que l'on indique dans le doctype et le html5 facilite la mise en page du site.