18 Crédits +d'infos

Créer un Template d'un Blog en HTML & CSS de A a Z Extrait gratuit 01m

Tuto Créer un Template d'un Blog en HTML & CSS de A a Z avec HTML, CSS

“ Créer un Template d'un Blog en HTML & CSS de A a Z ” est un tuto HTML, CSS, en vidéo, de 3h03m. Ce tutoriel est proposé par Hakim Ait tayeb, formateur independant.

ajouter ce cours aux favoris retirer ce cours des favoris


18 Crédits +d'infos

Dans cette formation Créer un template d'un blog en HTML et CSS d'une durée d'environ de 3 heures et découpée en 14 vidéo, vous allez apprendre à créer un template d'un blog ou site en HTML et CSS.

Je vous expliquerai, pas à pas, les bases nécessaires pour créer des pages HTML et comment travailler leurs styles pour leurs donner une présentation personnalisée. Avec la création de ce template de blog, nous aurons l'occasion de voir la majorité des balises HTML5 et CSS3 nécessaires pour créer un site web. Nous partirons d'une page blanche et nous réaliserons étape par étape les différentes pages qui composent notre blog.

  • Créer des pages HTML structurées.
  • Créer des feuilles de styles.
  • Décomposer une page HTML (Header, Navigation, Contenu,... et Footer).
  • Créer une barre de navigation.
  • Installer SASS ou Compass pour compiler le CSS.
  • Travailler avec SASS pour générer le CSS.
  • Intégrer un slider de plusieurs images.
  • Créer une présentation pour une page.
  • Créer une page d'articles (la liste des articles du blog).
  • Créer une Sidebar.
  • Créer une pagination.
  • Créer une page single d'un article.
  • Créer des formulaires.
  • Insérer une carte GoogleMaps.
  • Créer une page de contact.
  • Créer les pages de connexion et d'inscription.
  • Les balises HTML5 et CSS3.

A la fin de cette formation, vous serez en mesure de créer un Blog ou un site complet en HTML5 et CSS3. Tout le blog est inclus dans les sources fournies avec cette formation.

Table des matières de cette formation

    • Introduction 00:01:17
    • Décomposer la page d'accueil 00:03:44
    • Structure HTML de la page d'accueil 00:10:49
    • Contenu de la page d'Accueil 00:15:55
    • Installation de SASS et COMPASS 00:12:23
    • Barre de navigation 00:12:19
    • HEADER 00:11:49
    • Style de la page d'accueil 00:23:16
    • Slider 00:12:03
    • Page blog la liste des articles 00:29:29
    • Page article single 00:26:44
    • Page de contact 00:14:47
    • Page de connexion et d'inscription 00:07:58
    • Conclusion 00:01:15



Formateur : Hakim Ait tayeb

Hakim Ait tayeb a publié 17 tutoriels et obtenu une note moyenne de 4,2/5 sur 2 352 tutoriels vendus.

Voir les autres formations de Hakim Ait tayeb

  • C'est un très très bon tuto, merci beaucoup Hatakim, par contre j'ai un petit problème en css lorsque tu fait le : .lastArticles ul li &:hover { cursor:pointer; color:#ddd; } pour faire l'effet de gris au passage de la souris sur les articles, moi ça ne marche pas, pourrais tu m'aider s'il te plaît. Pour information, je n'ai pas compris à quoi correspondait le & du hover vu qu'il n'est pas dans le HTML.. Merci par avance, Cdt, Emmanuel ADAD
    Anonyminecraft, 24/08/2013
  • Excellent tutoriel ! Les explications du formateur sont très clair très précise. Le code généré est simple et professionnel. Formateur a suivre !
    lolo301187, 07/04/2013
  • Bonne prise en main , clair et détaillé une bonne aide pour commencer en html
    43860903400022, 21/02/2013