CATALOGUE
Bureautique
Formation
Google Apps
Apprendre Google Sites
Guide d'intégration de code HTML et CSS avec Bootstrap
DescriptionProgrammeAvis
Cette leçon fait partie de la formation
29,00€
Paiement unique • Accès à vie
Acheter cette formation
Formation incluse dans l'abonnement Elephorm
Je m'abonne à Elephorm
Introduction à l'intégration de code
Objectifs
Les objectifs de cette vidéo sont :
- Comprendre les bases de l'intégration de code HTML et CSS.
- Savoir utiliser Bootstrap pour styliser des composants web.
- Être capable de récupérer et adapter du code existant pour un usage personnel.
Résumé
Découvrez comment intégrer facilement du code HTML et CSS sur votre site web en utilisant Bootstrap et des outils en ligne comme Bootsnip.
Description
Dans cette leçon, nous allons explorer comment intégrer des éléments HTML et CSS sur votre site web en utilisant des frameworks comme Bootstrap. L'objectif est de vous montrer comment récupérer des bouts de code pré-existants et les adapter à vos besoins. Vous apprendrez à :
- Créer et intégrer du code HTML de base.
- Utiliser de la CSS pour styliser vos composants.
- Utiliser la bibliothèque Bootstrap pour améliorer l'apparence de votre site.
- Travailler avec des grilles de layout pour organiser votre contenu.
Nous discuterons également des avantages d'utiliser des ressources en ligne comme Bootsnip pour récupérer des composants prêts à l'emploi, ce qui peut gagner énormément de temps.
Questions fréquentes
Questions réponses
Pourquoi utiliser Bootstrap pour l'intégration de code?
Bootstrap permet de rapidement styliser et structurer des sites web grâce à ses composants et son système de grille, facilitant ainsi le développement front-end.
Qu'est-ce que Bootsnip?
Bootsnip est une plateforme en ligne qui propose des extraits de code HTML, CSS et JavaScript prêts à l'emploi, souvent basés sur Bootstrap, pour accélérer le développement web.
Comment modifier un élément HTML intégré depuis Bootsnip?
Pour modifier un élément HTML intégré depuis Bootsnip, il suffit de copier le code depuis Bootsnip, de le coller dans votre projet, puis d'éditer les parties que vous souhaitez personnaliser.
Programme détaillé
Module 1 - Présentation de Google Site
Module 2 - Comment accéder à Google Site
L'accés par Url
02:31
L'accés par drive
01:20
Module 3 - Créer son premier projet
Module 4 - Construction d'un Gsite
Personnalisation
05:17
Ajouter d'un logo
01:37
Module 5 - Ajouter des pages et sous pages
Module 6 - Insertion de widgets et personnalisation
Intégrer mon agenda
03:22
Insérer un Slide
01:59
Insertion rapide
01:08
Ajouter un Google Form
04:51
Ajouter une Google Map
02:45
Module 7 - Insertion du pied de page
Créer un pied de page
01:35
Module 8 - Comment insérer du code personnalisé
Module 9 - Les différents droits et partages
Droits et partages
02:19
Module 10 - Présentation du widget " promotionnel et mise en avant"
Module 11 - La publication et le suivi de son Gsite
1 commentaire
4,0
1 vote
5
4
3
2
1
Il y a 3 ans
Cette formation permet d'aller à l'essentiel tout en montrant toutes les fonctionnalités de l'application