Intégration HTML et CSS de la maquette graphique d’un site vitrine
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.
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.
N’hésitez pas à nous partager vos créations sur nos réseaux sociaux ! En effet, nous adorons regarder vos projets graphiques. De plus, il nous arrive également de les repartager, alors foncez nous présenter vos plus belles images.
Ce tutoriel est destiné aux débutants / intermédiaires. De plus, si vous avez des questions, n’hésitez pas à nous laisser un commentaire en dessous de la vidéo Youtube. Aussi, vous pouvez toujours nous écrire via le formulaire de contact.
Avis clients
Ce qu'en disent les apprenants
Comme toujours j''ai beaucoup apprécié la manière de donner ce tuto. C'est clair, c'est concis et les raccourcis sont répétés ce qui permet à la longue de les retenir
via tuto.com
Un super tuto comme d'habitude... Histoire de se mettre un peu à l'HTML5 au passage :)
via tuto.com
Comme d'hab, super simple et le résultat est sympa. Bonne diction, de bonnes astuces reçues. Je recommande.
via tuto.com
De super bonnes explications et un souci du détail de la part de l'auteur pour un superbe tuto au final... Je recommande vivement...
via tuto.com
Très bien réalisé clair et net, dommage que le .psd ne soit pas dans les fichiers source...
via tuto.com
Plus de cours...
Voici quelques tutoriels qui portent sur Adobe Illustrator, Adobe Indesign, Adobe Photoshop, Cinema 4D, Motion design, Procreate,suceptibles de vous intéresser !
