Transformer un site html en responsive
Fermé
depaninf
Messages postés
124
Date d'inscription
mercredi 31 octobre 2007
Statut
Membre
Dernière intervention
6 mars 2019
-
Modifié le 5 nov. 2018 à 22:54
patricia@84 Messages postés 106 Date d'inscription vendredi 27 novembre 2015 Statut Membre Dernière intervention 24 septembre 2023 - 11 déc. 2015 à 20:56
patricia@84 Messages postés 106 Date d'inscription vendredi 27 novembre 2015 Statut Membre Dernière intervention 24 septembre 2023 - 11 déc. 2015 à 20:56
A voir également:
- Transformer un site html en responsive
- Site de telechargement - Guide
- Site de vente en ligne particulier - Guide
- Site inaccessible - Guide
- Traduire un site en français - Guide
- Editeur html - Télécharger - HTML
3 réponses
patricia@84
Messages postés
106
Date d'inscription
vendredi 27 novembre 2015
Statut
Membre
Dernière intervention
24 septembre 2023
9
5 déc. 2015 à 10:25
5 déc. 2015 à 10:25
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...
depaninf
Messages postés
124
Date d'inscription
mercredi 31 octobre 2007
Statut
Membre
Dernière intervention
6 mars 2019
13
Modifié le 5 nov. 2018 à 22:52
Modifié le 5 nov. 2018 à 22:52
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
depaninf
Messages postés
124
Date d'inscription
mercredi 31 octobre 2007
Statut
Membre
Dernière intervention
6 mars 2019
13
>
segatasenchiro
25 nov. 2015 à 16:02
25 nov. 2015 à 16:02
Merci segatasenchiro tu as l'air bon à ce jeu là ;)
Tu pourrais m'aider dans ce projet stp je ne suis pas développeur...
Merci d'avance
Tu pourrais m'aider dans ce projet stp je ne suis pas développeur...
Merci d'avance
depaninf
Messages postés
124
Date d'inscription
mercredi 31 octobre 2007
Statut
Membre
Dernière intervention
6 mars 2019
13
Modifié le 5 nov. 2018 à 22:51
Modifié le 5 nov. 2018 à 22:51
Hello ? Personne ? Sniff
11 déc. 2015 à 17:38
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
Modifié le 17 août 2017 à 10:24
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...
11 déc. 2015 à 19:03
Merci
11 déc. 2015 à 20:56
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.