1. Introduction à Gamma et Objectif du Tutoriel [1]

thumbnail

  1. Présentation de l'outil Gamma [5]

    1. Romain présente la chaîne dédiée à l'IA et au No-code. [3]
    2. La vidéo est la première pour parler de l'outil Gamma. [5]
    3. Gamma était connu pour ses présentations de style PowerPoint, qui sont toujours disponibles. [6]

  2. Objectif de la vidéo [7]

    1. L'objectif principal est la création de site web avec Gamma. [7]
    2. Les présentations sont faites avec l'outil, comme vu en introduction. [8]
    3. L'approche sera pratique, car rien n'est mieux que d'essayer. [10]
    4. Un petit cadeau est promis à la fin de la vidéo. [12]

2. Démarrage sur Gamma et Gestion des Crédits [16]

thumbnail

  1. Accès et Crédits [16]

    1. L'utilisateur se retrouve sur Gamma. [16]
    2. Le premier constat est la possession de 400 crédits. [20]
    3. Pour obtenir ces crédits, il suffit de créer un nouveau compte. [21]
    4. La connexion la plus simple se fait via Google. [23]
    5. Pour obtenir plus de crédits, il faut recréer un compte et réitérer l'opération. [25]

  2. Exploration de la Page d'Accueil [26]

    1. La page d'accueil montre différents modèles et inspirations. [26]
    2. On y trouve aussi les sites internet déjà créés (aucun en mémoire ici). [26]
    3. Il est important de noter qu'il existe des modèles déjà exploitables et des inspirations. [28]
    4. Utilisation d'un Modèle (Test) [30]
    5. L'utilisateur peut cliquer sur un modèle ou voir un aperçu. [31]
    6. Il est possible de tout modifier directement après l'ouverture. [34]
    7. L'utilisateur peut copier une inspiration pour la modifier. [44]
    8. L'objectif est de partir de zéro pour la démonstration. [47]

3. Création du Site Web via l'Intelligence Artificielle [49]

thumbnail

  1. Options de Création par l'IA [49]

    1. Dans le menu, il faut cliquer sur le bouton "Créer à partir de l'IA". [50]
    2. Trois options sont proposées : Coller le texte, Générer, ou Importer un fichier à partir d'une URL. [53]
    3. L'importation par URL permet d'extraire un site existant pour le moderniser. [54]
    4. L'option "Générer" utilise une phrase courte pour que l'IA développe le contenu. [56]

  2. Choix de l'Option "Coller le Texte" [58]

    1. L'approche choisie sera plus précise que la simple génération. [58]
    2. L'option "Coller le texte" nécessite de mettre le contenu, les notes, ou le plan. [60]
    3. Pour éviter de se "casser la tête", une solution est proposée. [62]

4. Utilisation de ChatGPT pour la Structure du Contenu [64]

thumbnail

  1. Configuration de l'Assistant ChatGPT [64]

    1. L'utilisateur utilise un assistant ChatGPT créé pour l'occasion : "Assistant de création pour Gamma". [64]
    2. Il faut cliquer sur "créer un site web". [68]
    3. L'assistant est optimisé pour la création de sites ou présentations. [69]
    4. L'assistant guide l'utilisateur étape par étape en posant des questions. [70]
    5. Définition du Projet (Exemple : Chats) [71]
    6. Objectif : Site de présentation pour les chats. [71]
    7. Audience : Les amateurs de chats. [74]
    8. Style souhaité : Coloré et cute. [75]

  2. Génération de la Structure et du Prompt [77]

    1. ChatGPT génère la structure parfaite pour le site. [77]
    2. La structure est divisée par cartes (sections). [80]
    3. Une carte est une section, et Gamma propose huit sections par défaut pour le modèle gratuit. [81]
    4. L'assistant propose un prompt à copier-coller si la structure convient. [85]
    5. Intégration dans Gamma [88]
    6. Le prompt est copié et collé dans l'option "Coller le texte" de Gamma. [87]
    7. L'utilisateur doit choisir le format "page web". [89]
    8. Cliquer sur "continuer" lance la génération du contenu. [91]

5. Finalisation de la Génération et Choix du Thème [92]

thumbnail

  1. Processus de Génération [92]

    1. L'utilisateur arrive sur une nouvelle étape. [92]
    2. Il est conseillé de ne rien toucher, car l'IA est performante. [94]
    3. L'utilisateur clique sur "continuer". [96]

  2. Sélection du Thème [96]

    1. L'IA conseille un thème chaleureux et cute comme pearl, chisel, prisme, ou atmosphère. [96]
    2. L'utilisateur choisit le thème atmosphère dans la catégorie "coloré". [98]
    3. L'utilisateur clique sur "Générer". [105]

  3. Résultat de la Génération [106]

    1. La magie opère, et tout se fait automatiquement. [106]
    2. Le site est généré, incluant les huit sections (cartes) demandées. [112]

6. Ajustements et Personnalisation du Site [114]

thumbnail

6.1. Conseils d'Ajustement par ChatGPT et Modification des Cartes [114]

  1. Ajustements via ChatGPT [114]

    1. Si le site convient, il suffit de publier. [114]
    2. Si des modifications sont nécessaires, on revient à ChatGPT. [116]
    3. L'utilisateur indique à ChatGPT que c'est fait. [117]
    4. ChatGPT propose des ajustements possibles : couleur/police, images, disposition, appel à l'action, etc. [119]
    5. L'utilisateur peut demander des détails sur un point précis (ex: le point 3). [123]

  2. Modification du Style de la Carte (Disposition) [126]

    1. L'utilisateur peut changer le style de la carte (ex: "Bienvenue royaume des chats"). [127]
    2. L'image peut être mise en entête, à gauche, à droite, ou en incrustation de fond. [128]
    3. L'utilisateur revient à la disposition initiale pour la démonstration. [132]

  3. Modification des Images [133]

    1. Régénération et Coût [139]
    2. Améliorer la rapidité d'exécution demande un compte premium. [139]
    3. On peut régénérer l'image sans changer le prompt. [140]
    4. On peut demander à ChatGPT un prompt adapté pour changer l'image. [140]
    5. Options de Remplacement [141]
    6. On peut réutiliser les images déjà fournies sur le site. [141]
    7. On peut régénérer une image (coûte des crédits). [141]
    8. Autres options : Téléchargement d'images ou utilisation d'un GIF. [143]
    9. Téléversement d'une Image Personnelle [144]
    10. L'utilisateur téléverse une image depuis ses téléchargements. [145]
    11. L'image est changée. [151]
    12. Disposition et Couleur [155]
    13. La disposition de l'image peut être modifiée après le changement. [155]
    14. La couleur de la carte peut être changée (par défaut en blanc). [156]
    15. L'alignement du contenu (écriture) est possible, mais non démontré ici. [160]
    16. La largeur de la carte peut être réglée sur médium ou large. [163]

6.2. Modification du Texte et des Boutons d'Appel à l'Action [166]

  1. Modification du Texte et Coût des Crédits [166]

    1. Le texte peut être modifié en cliquant sur la petite image. [166]
    2. Si l'utilisateur utilise son propre texte (optimisé SEO par ChatGPT), il peut le coller. [167]
    3. Attention : Chaque correction ou génération par l'IA coûte 5 crédits. [169]

  2. Modification des Boutons (Appel à l'Action) [172]

    1. Deux boutons sont créés par défaut. [172]
    2. Un bouton peut être supprimé. [173]
    3. L'utilisateur change le texte d'un bouton (ex: de "découvrir l'univers félin" à "Conseil"). [174]
    4. Redirection du Bouton [177]
    5. Il faut cliquer sur l'encart pour choisir un chemin de redirection. [177]
    6. La redirection est définie vers la section "Conseil pour les amoureux des chats". [178]
    7. Une fois publié, cliquer sur le bouton emmènera directement à cette section en bas de page. [181]

7. Options de Personnalisation Avancées et Coûts [183]

thumbnail

  1. Modification des Éléments de Texte [183]

    1. Les puces peuvent être changées en zones de texte ou les icônes modifiées. [183]
    2. Il est encouragé de "trifouiller" et de s'amuser, car cela ne consomme zéro crédit. [185]

  2. Gestion des Crédits et Coûts [186]

    1. Seule la génération par l'IA (image ou modification de texte) coûte des crédits. [186]
    2. L'utilisateur dispose de 400 crédits de base. [187]
    3. Si les crédits sont épuisés, il suffit de recommencer (créer un nouveau compte). [188]

  3. Modification de la Disposition des Colonnes [190]

    1. L'utilisateur montre une section avec plusieurs colonnes. [190]
    2. L'alignement du texte (gauche, droite, centré) peut être modifié. [195]
    3. Le format de l'image peut être changé : rectangle, carré, ou rond. [197]

  4. Suppression de l'Arrière-Plan (Fonctionnalité Clé) [202]

    1. La fonction "supprimer l'arrière-plan" est disponible sur les images proposées et les images personnelles. [203]
    2. Même si le site n'intéresse pas, cette fonction peut être utilisée pour retirer l'arrière-plan d'une image. [207]
    3. L'image sans fond peut ensuite être téléchargée et enregistrée. [208]
    4. L'utilisateur teste la suppression de l'arrière-plan sur une image personnelle (résultat non satisfaisant, annulation par Ctrl+Z). [211]

  5. Ajout et Apparence des Boutons [215]

    1. Il est possible d'ajouter de nouveaux boutons via le petit plus à droite d'un bouton existant. [217]
    2. L'apparence des boutons peut être modifiée pour les rendre plus attractifs. [219]

8. Publication, Domaine et Plans Payants [220]

thumbnail

  1. Publication Gratuite du Site [220]

    1. Une fois le site terminé, il peut être publié gratuitement. [221]
    2. Le processus de publication est long. [224]
    3. Une fois publié, le site est accessible via son URL. [228]
    4. Les animations se font automatiquement et apparaissent au fur et à mesure. [232]
    5. Le bouton de redirection testé fonctionne correctement. [236]
    6. Chaque bouton peut être modifié avec des redirections différentes. [240]

  2. Domaine et Plans Payants [241]

    1. L'URL par défaut (ex: royaume des chats gamit) n'est pas toujours souhaitée. [241]
    2. Pour changer le domaine, il faut passer à un plan payant. [243]
    3. L'utilisateur examine les plans. [245]

  3. Bilan des Crédits et Stratégie d'Utilisation [246]

    1. L'utilisateur revient à la page d'accueil et constate qu'il lui reste 350 crédits. [246]
    2. La création d'un seul site a coûté seulement 50 crédits. [250]
    3. Ajouter des textes coûte 5 crédits à chaque fois, ce qui peut être pénible. [251]
    4. Il est parfois préférable de régénérer le site intégralement (40 crédits) plutôt que de faire de petites modifications coûteuses. [254]
    5. Astuce pour les Images : Il est conseillé de demander à ChatGPT de générer l'image. [257]
    6. On peut donner à ChatGPT une image existante et lui demander un reverse prompt pour obtenir un style graphique similaire. [259]
    7. Cela permet de régénérer une image similaire et de l'intégrer sans utiliser de crédits. [260]

  4. Détails des Plans Pro [262]

    1. Le plan Gam Pro coûte 8 € par mois, mais ne permet pas encore de mettre un domaine personnalisé. [262]
    2. Il faut passer à un plan à 15 € pour obtenir une URL de domaine personnalisée. [264]
    3. L'utilisateur trouve cela cher et préférerait d'autres propositions (comme Hosinger) pour ce prix. [266]

9. Conclusion et Cadeau [268]

thumbnail

  1. Fin de la Vidéo [268]

    1. La vidéo se termine. [268]
    2. L'utilisateur rappelle l'importance du like et du commentaire pour booster la chaîne. [270]

  2. Le Cadeau Promis [272]

    1. Le cadeau promis est un lien vers le GPT personnalisé de l'utilisateur. [272]
    2. Ce GPT aide à créer le site, ses configurations et sa data. [273]
    3. L'utilisateur conclut et salue les spectateurs. [275]