Vote utilisateur: 3 / 5

Etoiles activesEtoiles activesEtoiles activesEtoiles inactivesEtoiles inactives
 
Equilibre et complémentarité HTML /css
C'est LA formation à suivre pour s'affranchir du design web, à moindre frais. Si vous maîtrisez HTML et css, plus besoin de graphiste ni de développeur pour gérer l'interface graphique d'un site. En plus c'est facile. En plus de en plus, ça plaît à Google... Exemple pour illustrer, en bas de page.

HTML et css sont deux "langages" utilisés pour la création de sites web.
Ils sont si simples, que certains développeurs ne les considèrent pas comme des langages de programmation.

Pourtant...

Surtout, leur facilité permet à n'importe qui d'apprendre l'essentiel de HTML et css sans difficulté.
Sauf à avoir une grosse allergie à <...> et à * > # . { : ;}.
Parce que pour le reste, c'est comme écrire une lettre.

HTML/css : 2 techniques simples, mais puissantes

HTML: bon élève Google

Structure le contenu: ordre d'affichage et sémantique.
La fameuse sémantique... Un des sésames pour Google.
Car oui, les machines savent lire. Et elles évaluent nos pages en fonction de la qualité rédactionnelle. Avec un plan structuré bien sûr.

Comme au bac. Il faut soigner sa copie avant de la rendre pour être bien noté.

Css: la pâte de l'artiste

Il s'agit d'un petit code très simple à comprendre et mettre en œuvre.
Un seul fichier texte peut gérer l'aspect visuel d'un site qui contient des milliers de pages.

Sa puissance, il la doit à la sémantique HTML justement.
CSS s'appuie sur la hiérarchisation de contenus, pour peindre la "toile" de nos sites. (huuuuu le jeu de mot...)

D'où la nécessité de connaître HTML, pour faire marcher css.
Et un css bien optimisé s.v.p.

Avec CSS on transforme totalement le look d'un site, sans presque rien toucher du code HTML.
Si on ne  cherche pas à mettre le pôle Nord au pôle Sud. Quand même, y a des limites. Quoique, chez certains fondus en quête de challenge...

Avantages d'une formation HTML / css

Pour le propriétaire d'un site réalisé avec un CMS, c'est d'abord une liberté totale.
Sauf faire appel à un graphiste pour le traitement des images et photos d'illustration, quelques pictos de-ci de-là (si vous y tenez).

Ensuite, c'est:

  • peu d'investissement en temps et en argent
  • la faculté de se passer de 2 personnes pour la refonte graphique, (programmeur et designer)
  • l'immédiateté, mais à votre ryhtme
  • ça peut être progressif: changer la charte graphique d'un élément seulement, reprendre le reste plus tard...
  • éviter le coût d'un template personnalisé: on peut ruser sur le template standard fourni avec le CMS

Exemple de refonte graphique avec css

Voici les 2 versions graphiques de mon site, réalisées exactement sur la même structure HTML (à 30 caractères près). Cliquez sur les images pour agrandir.

Dans cet exemple avant / après, très peu d'images sont utilisées.
Moins de 5 fichiers visuels.
Css gère tout le travail de refonte graphique.
Bluffant la différence entre les deux, non?
1- La version cordonnier mal chaussé * 2- La dernière mouture.
Ça change hein? Et le téléphone bouge, sans script, juste grâce à css.

(*) eh oui: quand on s'occupe plus de ses clients que de soi-même, ça arrive... :-p