Structurer son site en HTML5

Après avoir suivi le Mooc de OpenclassRoom sur le HTML5 j’ai eu envie d’approfondir mes connaissances dans ce domaine en suivant un module de formation sur le HTML5 et CSS3.

Dans le cadre de ce nouvel apprentissage j’ai utilisé la carte heuristique comme moyen pour assimiler les différentes balises et ainsi me constituer une bibliothèque de code réutilisable par la suite.

Donc chaque semaine je vous livrerai le contenu de ma progression sous forme heuristique.

Cette semaine cet article s’intitule  «  Comment structurer son site en HTML5« . La carte est organisée en 4 parties :

  • Structurer sa page (les balises  <section> </section> ;  <aside> </aside> ….)
  • Les modèles de blocs ( BLOCK et INLINE)
  • Créer les blocs ( display: block ; display: inline …)
  • Le positionnement des blocks en CSS

Je vous incite à visualiser les notes sur les branches, celles-ci contiennent des exemples de codes que vous pourrez réutiliser dans vos développements.

 

La carte est accessible et téléchargeable sur ce lien

 http://www.mindmeister.com/464576780/structurer-son-site-en-html5

 

Cette carte est également en partage sur le site de Biggerplate au format Xmind sur ce lien

http://www.biggerplate.com/mindmaps/Gu9vGRcY/structurer-son-site-en-html5

Bonne consultation

Olivier