Voici la 2 ème partie de la formation créer et développer un site vitrine de A à Z. La 1 ère partie de ce tutoriel concernant la création de la maquette graphique sur Photoshop est disponible ici.

Dans ce tutoriel HTML CSS en vidéo, nous allons apprendre à faire une intégration HTML et CSS de notre maquette Photoshop.

Nous adorerons les nouvelles balises HTML5 afin d’intégrer au mieux la page d’accueil de notre site vitrine.

rendu site vitrine html

Programme du tuto intégration intégration HTML

  • Découper et intégrer les pages de notre maquette Photoshop
  • Intégrer une image d’arrière plan fixe
  • Intégrer une vidéo Youtube
  • Styliser les titres de navigation

La suite de ce cours pour débutant traitera du développement d’une maquette HTML CSS dans le CMS WordPress afin d’administrer facilement les pages de notre site vitrine via le backoffice.