Le blog WAIBE.FR, des astuces pour faire votre site Internet...



Les chartes graphiques "responsive" sont disponibles

21 août 2015



Les premières apparences graphiques dites "RESPONSIVES" viennent d'être mises en ligne, et sont désormais disponibles sur www.waibe.fr.

Pour accéder à ces apparences graphiques, connectez-vous sur www.waibe.fr  puis cliquez en haut sur l'étoile marquée "apparence du site". Vous aurez ainsi accès à toutes les nouvelles apparences graphiques. Les anciennes apparences (non responsives) restent accessibles en attendant que j'aie terminé de créer suffisamment de graphismes. Elles disparaitront ensuite progressivement de waibe.fr.

C'est quoi un site "RESPONSIVE" ? 

C'est un site dont l'affichage va s'adapter automatiquement aux petits écrans des tablettes et téléphones portables. Les différents blocs d'informations vont se déplacer et se mettre en place les uns en dessous des autres pour que la lisibilité soit toujours bonne. Faites le test avec notre site de démonstration : http://demo.waibe.fr  : visualisez le sur ordinateur, puis sur smartphone, et regardez la différence.

Un meilleur référencement

L'énorme avantage d'un site RESPONSIVE, c'est également qu'il est mieux référencé par google : c'est l'un des critères de classement que retient google pour classer les sites Internet lorsque vous faites une recherche sur Internet : les sites RESPONSIVE ont plus de chances d'être mieux classés.

Mais attention à la construction de votre site Internet

Ce n'est pas parce que la charte graphique est responsive que tout va être automatisé et fonctionner parfaitement, il y a également quelques règles à respecter au moment où vous rédigez vos différents textes, ou mettez vos images sur votre site. Voici quelques unes de ces règles : 

  • Evitez d'utiliser des tableaux en taille fixe : si vous mettez un tableau de 1000 pixels de large, sa taille restera à 1000 pixels, donc trop grande pour un smartphone. Utilisez plutôt des tailles en pourcentage (exemple : 100%)
  • Ne fixez pas la taille de vos images : quand vous mettez une image sur votre site Internet, si vous la redimensionnez sur le site (par exemple en la rendant plus petite ou plus grande, au moment où vous écrivez, sa taille sera figée "en dur", comme pour le tableau. Il vaut mieux choisir une bonne taille au moment du téléchargement dans la bibliothèque d'images, et ensuite ne pas toucher à la taille lorsqu'on la met dans les textes. Ainsi, le logiciel RESPONSIVE pour réduire la taille des images sur les petits écrans.
  • L'import de vidéos peut aussi poser problème : quand vous insérez une vidéo youtube, le code HTML fourni par youtube donne une taille en pixels, donc il se peut que la taille soit figée et la vidéo trop grande sur smartphone.
  • N'utilisez plus les galeries et diaporamas FLASH : cette technologie ne fonctionne plus sur les smartphones et tablettes, nous vous recommandons de ne pas la mettre en oeuvre -  lisez ceci pour plus d'explications : http://www.waibe.fr/blog-1-1428349187_2015_-flash-et-html-5-deux-technologies-des-differences.html. Nota - Flash est encore disponible sur waibe.fr car beaucoup de personnes l'ont encore sur leur site, mais viendra à disparaître un jour prochain.

 

Attention : le fonctionnement du menu a changé. Lisez ceci pour en savoir plus

Ecrire un commentaire

(Tous les commentaires seront validés par le webmaster avant d'etre publiés)

Votre nom


Votre texte


Tapez le code à gauche*

facebook partager

 

www.waibe.fr - Comment créer un site Internet pas cher, le modifier à volonté, et sans aucune connaissance informatique
Création de site Internet à petit prix pour PME, PMI, association, indépendant, profession touristique, photographe, modèle...

 

Comment créer un site photo pas cher. Création site web pas cher. Liens vers des sites photo - Comment créer un site Internet pour autoentrepreneur ? - Creation de sites Internet Bassin d'Arcachon - duovip.waibe.fr -