Cours Création site Google, insérer Vidéos Agenda Iframe PPT Sheet

Section Technique... Publier sur Internet

• Créer un site Google Page

  Capacités:

  • Créer et paramétrer un site google
  • Créer et gérer des blocs
  • Créer des sous pages
  • Créer un menu
  • Utiliser l'éditeur simplifié

• Inserer Une Video YouTube Dans Mon Site Page

  Capacités:

  • Récupérer le code d'intégration d'une vidéo sur YouTube
  • Récupérer le code d'intégration d'une de mes vidéos sur ma chaine YouTube
  • Intégrer cette vidéo sur mon site Google

• Intégrer un Agenda Google à Une page Web

  Capacités:

  • Paramétrer un agenda google pour permettre et préparer son intégration
  • Copier et comprendre la balise iframe
  • Intégrer l'agenda sur un site internet

• integrer par Iframe un Contenu Dynamique Page

  Capacités:

  • Paramétrer manuellement un iframe
  • L'utiliser pour intégrer un site dans votre page

• Deux exemples de balise iframe pour donner envie de coder Page

  Quelques clics et un peu de copier coller permettent d'obtenir des résultats spectaculaires !

• Un autre exemple de balise iframe pour donner envie de coder Page

  Quelques clics et un peu de copier coller permettent d'obtenir des résultats spectaculaires !

  A chaque accès à la page un nouveau visage (essayez par F5 de rafraichir

  Code utilisé:  <p><br></p><iframe src="https://thispersondoesnotexist.com/" width="800" height="800"></iframe>

• Le site Google qui a servi pour créer ce chapitre URL
• Uploader un Power Point et l'afficher sur le Web Page

  Capacités:

  • Importer un fichier ppt sur le drive
  • le convertir au format Google Sheet
  • Créer le code d'intégration
  • Créer la page qui permet l'affichage en ligne du Diaporama

• Diaporama sur les Compétences (le fichier importé dans la démo précédente) Page
• Devoir: envoyez l'adresse de votre site au Formateur

   Dans le champs de réponse, copiez collez l'URL de votre site Google pour validation par le formateur

  Critères:

  • Le site est "propre"
  • Il contient plusieurs blocs
  • Plusieurs pages
  • Une interface de navigation
  • Du code intégré: Calendrier
  • Du code intégré: iframe
  • Du code intégré: iframe d'un site interactif
  • Un diaporama en ligne...

• Créer un doodle avec google sheet URL

  Gérer les votes / dates par exemple. lien vers un fichier sheet à copier dans votre drive

• Améliorez vos pages avec du code importé (avancé, en anglais)

  Vidéo qui explique en utilisant du code bootstrap comment créer:

  • Une bannière animée
  • Un carrousel d'images
  • Des menus qui se "collapsent" tout seuls

  https://www.w3schools.com/bootstrap