Premiers pas avec Google Sites

2. Mettre le site à jour et le personnaliser

Vous voulez exploiter tout le potentiel des applications Google au travail ou à l'école ?  Inscrivez-vous à un essai gratuit de Google Workspace
" "

Sites

Apprenez les bases qui vous permettront de créer et de modifier le contenu de votre site.

Dans cette section :

2.1 Ajouter du contenu à votre site
2.2 Modifier le texte
2.3 Modifier des sections
2.4 Modifier des images
2.5 Ajouter une bannière
2.6 Ajouter un logo
2.7 Ajouter des contenus d'un autre site Web
2.8 Déplacer et redimensionner le contenu

2.1 Ajouter du contenu à votre site

" "

Sur la droite, sélectionnez la page à laquelle vous souhaitez ajouter du contenu. Ensuite, choisissez l'une des deux options suivantes :

1 Double-cliquez sur la page elle-même.
2 Cliquez sur Insérer, puis sélectionnez le contenu à ajouter.

Insérer du contenu depuis la page ou via le menu

Ajouter des titres Ajoutez des titres et du texte.
Ajouter du contenu Ajoutez du contenu directement à partir du Web (musique, vidéos, etc.).
"" Ajoutez des photos, des conceptions et d'autres images.
Google Drive Intégrez un fichier (À partir de Drive), ou encore le contenu d'un dossier enregistré dans Drive. Les modifications que vous apportez à vos fichiers dans Drive sont automatiquement répercutées dans Sites.
"" Ajoutez une table des matières.
"" Créez et insérez des carrousels d'images.
Ajouter un bouton Ajoutez des boutons redirigeant les visiteurs vers un autre contenu de votre site ou vers une URL externe.
Ajouter un séparateur Ajoutez une ligne de séparation (horizontale) à votre page.
"" Ajoutez des vidéos YouTube (présentations de produits ou publicités de l'entreprise, par exemple).
  Ajoutez des agendas (agendas d'équipe ou d'événement, par exemple).
"" Ajoutez des cartes (adresses de bureaux, itinéraire d'accès à un événement ou cartes personnalisées, par exemple).
Documents dans Drive Diapositives dans Drive  Feuilles dans Drive Formulaires dans Drive  Graphique Drive Ajoutez à votre site tout élément de Docs, Slides, Forms ou Sheets (pour les graphiques). Toute modification apportée au contenu du fichier source est automatiquement répercutée sur votre site.

2.2 Modifier le texte

" "

Pour modifier du texte ou des titres de page, cliquez simplement dans la zone, puis saisissez un nouveau texte. Vous pouvez également sélectionner une autre option dans la barre d'outils située au-dessus de la zone de texte.

Les options de mise à jour du texte apparaissent au-dessus de la zone de texte


Options de modification :

Titres et en-têtes
Titre Flèche vers le bas Sélectionnez un en-tête prédéfini. Pour afficher des options de mise en forme supplémentaires, sélectionnez Normal.
Aligner à gauche Modifiez l'alignement du texte.
"" Insérez un lien sur le texte sélectionné.
"" Supprimez un titre ou une zone de texte.
Normal
GrasItalique Sélectionnez le texte et mettez-le en gras ou en italique.
Liste numérotée Liste à puces Ajoutez des listes numérotées ou à puces.
"" Accédez à des options supplémentaires.
Ajouter du contenu Utilisez le style de texte Code.
Barré Sélectionnez le texte et barrez-le.
Supprimer la mise en forme du texte Sélectionnez le texte et supprimez toute la mise en forme.

2.3 Modifier des sections

" "

Placez le curseur sur une section pour la modifier.

  1. Pour modifier l'arrière-plan de chaque section : cliquez sur Style Style et sélectionnez un style. Vous pouvez également cliquer sur Image "" pour ajouter une image d'arrière-plan.
  2. Pour déplacer une section : lorsque vous insérez un nouveau contenu, celui-ci est ajouté à une section nouvelle ou existante. Pour déplacer cette section vers le haut ou vers le bas, cliquez sur Déplacer la section " " et faites-la glisser à l'emplacement voulu.
  3. Pour dupliquer une section : cliquez sur Dupliquer la section "". Vous pouvez également copier et coller une section sur une autre page de votre site.
  4. Pour ajouter un pied de page : faites défiler la page jusqu'en bas, puis cliquez sur Ajouter un pied de page "". Le pied de page apparaît sur toutes les pages de votre site. Placez le curseur sur le pied de page et cliquez sur Modifier le pied de page "" pour le modifier. Pour masquer le pied de page sur une page, placez le curseur sur celui-ci et cliquez sur Masquer le pied de page Masquer.
Page dans Sites avec options de mise à jour en bas à gauche

2.4 Modifier des images

" "

Pour redimensionner une image :

Sélectionnez l'image et faites glisser les côtés ou les coins de celle-ci. Maintenez la touche Maj enfoncée pour conserver les proportions de l'image.

Pour déplacer une image :

Cliquez n'importe où sur l'image et faites-la glisser à un autre emplacement de la section ou dans une autre section. Vous pouvez placer l'image à n'importe quel endroit où apparaît une zone en surbrillance.

Remarque : Actuellement, vous ne pouvez pas placer d'image dans une zone de texte.

Recadrer une image :

  1. Sélectionnez l'image, puis cliquez sur Recadrer "".
  2. Pour effectuer un zoom avant ou arrière, faites glisser le point.
  3. Pour modifier la portion visible, faites glisser l'image.
  4. Cliquez sur Modification terminée "".
  5. (Facultatif) Pour rétablir l'image d'origine, cliquez sur Annuler le recadrage Annuler le recadrage.

Remplacer une image :

  1. Sélectionnez l'image.
  2. Cliquez sur Plus "" puis Remplacer l'image puis Importer ou Sélectionner une image, puis choisissez un nouveau fichier image.

Pour ajouter du texte alternatif à une image :

  1. Le texte alternatif d'une image apparaît lorsqu'un visiteur de votre site passe la souris au-dessus de cette image.
  2. Sélectionnez l'image et cliquez sur Plus "" puis Ajouter un texte alternatif.
  3. Saisissez une description, puis cliquez sur Appliquer.

Sélectionner l

2.5 Ajouter une bannière

" "

  1. Dans l'angle supérieur droit, cliquez sur Paramètres Paramètres.
  2. Cliquez sur Bannière d'annonce.
  3. (Facultatif) Pour personnaliser la couleur de la bannière, cliquez sur Couleur de la bannière, puis sélectionnez une couleur. Activez l'option Afficher la bannière si ce n'est pas déjà fait.
  4. Dans la section Annonce, saisissez le message de votre bannière dans la zone de texte.
  5. (Facultatif) Pour créer un bouton avec un lien sur votre bannière, saisissez du texte dans la section Texte du bouton, et une URL dans la section Lien. Si vous souhaitez que le lien s'ouvre dans un nouvel onglet du navigateur, sélectionnez l'option Ouvrir dans un nouvel onglet.
  6. Pour choisir le mode d'affichage de la bannière sur votre site, sélectionnez Page d'accueil uniquement ou Toutes les pages dans la section Visibilité.
  7. En haut à droite, cliquez sur Publier à côté de votre photo de profil.
 

2.6 Ajouter un logo

" "

Les logos sont affichés dans la barre de navigation située en haut de l'écran, à côté du nom du site.

Remarque : Les fichiers de logo peuvent être au format .jpg, .png ou .gif. Pour un résultat optimal, la hauteur du logo doit être d'au moins 112 px.

  1. Placez le curseur en haut de l'en-tête de la page, puis cliquez sur Ajouter un logo "".
  2. Cliquez sur Importer ou Sélectionner.
  3. Sélectionnez le logo, puis cliquez sur Ouvrir ou Sélectionner.
  4. (Facultatif) Pour modifier la couleur de l'en-tête de la page, sous Arrière-plan, cliquez sur la flèche vers le bas "", puis sélectionnez une couleur.
  5. (Facultatif) Pour sélectionner une couleur de thème en fonction de votre logo, sélectionnez une couleur de thème dans la fenêtre Modifier le logo.
"Ajouter un logo" à côté du nom du site

2.7 Ajouter des contenus d'un autre site Web

" "

Vous pouvez intégrer les éléments suivants :

  • Sites Web
  • Applications Web à l'aide de Google Apps Script ou App Maker
  • Rapports Google Data Studio

Selon le site Web que vous ajoutez, vous pouvez éventuellement personnaliser son apparence. Avec certains sites, vous pouvez afficher un aperçu du contenu, ou encore bénéficier d'un contenu actualisé de façon dynamique. Une fois le contenu ajouté, il faut parfois se reconnecter pour le faire apparaître.

Ajouter le contenu d'un autre site Web :

  1. Ouvrez votre site et, sur la droite, cliquez sur Insertion puis Intégrer.
  2. Sélectionnez une option :
    • À partir d'une URL : collez l'URL du lien que vous voulez intégrer. Sélectionnez Page entière ou Aperçu, puis cliquez sur Insérer.
    • Intégrer le code : collez ou saisissez le code HTML du site que vous voulez intégrer, puis cliquez sur Suivant puis Insérer.

Remarque : Si vous ne parvenez pas à ajouter ou prévisualiser un contenu, contactez le propriétaire du site Web.

Insérer ou intégrer à partir du Web, à l

2.8 Déplacer et redimensionner le contenu

" "

Chaque élément inséré est ajouté en tant que "tuile" de contenu dans la grille. Les tuiles s'alignent sur la grille ; vous pouvez donc les déplacer, les aligner et les modifier facilement.

Déplacer le contenu du site :

  1. Placez le curseur sur le contenu que vous souhaitez déplacer jusqu'à ce que l'option Déplacer "" s'affiche.
  2. Faites glisser le contenu dans la zone en surbrillance.

Redimensionner le contenu du site :

  1. Sélectionnez le contenu à redimensionner.
  2. Faites glisser les cercles bleus pour effectuer le redimensionnement.

Pour regrouper des objets :

Vous pouvez associer des zones de texte et des images dans un groupe vertical.

  1. Ajoutez une photo et une zone de texte à la page de votre site.
  2. Faites glisser la zone de texte dans la moitié supérieure ou inférieure de l'objet jusqu'à ce qu'une ligne bleue apparaisse.
  3. Pour modifier l'ordre des objets groupés, cliquez sur le groupe que vous voulez modifier.
  4. Cliquez sur l'objet que vous souhaitez réorganiser, puis appuyez sur la flèche Haut ou Bas de votre clavier.

Pour dissocier des objets :

  1. Pour dissocier des zones de texte et des images, cliquez sur le groupe que vous voulez séparer.
  2. Cliquez sur l'objet à supprimer du groupe et faites-le glisser en dehors du groupe.
Cliquer pour grouper et dissocier le texte et les images
Ces informations vous-ont elles été utiles ?
Comment pouvons-nous l'améliorer ?