Que pouvez-vous faire avec le nouveau Google Sites ?

Créez des plates-formes de projet internes, des sites Web d'équipe, des sites Web publics et bien plus, sans concepteur, ni programmeur, ni aucune aide informatique.

Avec le nouveau Google Sites, vous pouvez créer des sites Web très facilement. Il vous suffit de faire glisser le contenu à l'emplacement voulu. Créez un répertoire unique centralisant toutes les informations importantes (vidéos, images, agendas, présentations, documents, dossiers, textes, etc.), puis partagez-le rapidement et en toute sécurité avec toute une organisation ou le monde entier.

Voici ce dont vous avez besoin :

account_circle Compte G Suite

schedule 10 minutes

Remarque : Le nouveau Google Sites est accessible sur la plupart des navigateurs et des appareils mobiles. Toutefois, pour le moment, vous pouvez modifier le contenu du nouveau Google Sites uniquement sur un ordinateur utilisant le navigateur Chrome ou Mozilla® Firefox®.

None
1.1

Créer un site

Sélectionnez une option:

Remarque: Tous les sites sont enregistrés dans Drive. Pour plus d'informations sur l'utilisation de Drive pour organiser vos fichiers, consultez la page Premiers pas avec Drive.

créer un site
1.2

Donner un nom au site

Lorsque vous créez un site, il est ajouté à Drive, comme tous les autres fichiers Drive. Toutes les modifications que vous effectuez sont automatiquement enregistrées dans Sites, mais votre site devient public uniquement lorsque vous le publiez.

Attribuez un nom aux différentes composantes de votre site :

  1. Nom du document du site : saisissez un nom unique pour effectuer le suivi de votre site. Le nom du document du site est visible uniquement par vous.
  2. Nom du site : le nom du site apparaît dans l'en-tête et dans la barre de titre de la fenêtre sur le Web et sur mobile une fois votre site publié. Votre site Web doit comporter au moins deux pages pour que le nom du site s'affiche.
  3. Titre de la page : chaque page de votre site est associée à un titre qui apparaît en haut de celle-ci. Le titre de la page apparaît également dans le menu de navigation.
Donner un nom au site
1.3

Sélectionner une mise en page

À droite, cliquez sur Mises en page et sélectionnez une nouvelle mise en page pour vos sections.

None
1.4

Sélectionner une image d'arrière-plan, un type de titre et un thème

Définissez l'apparence de votre site. Chaque thème proposé est associé à un arrière-plan, des couleurs et des polices prédéfinis. Vous pourrez modifier les polices, les couleurs et l'arrière-plan ultérieurement. Il est en outre possible de changer de thème une fois le site créé. Si vous changez d'avis, cliquez sur Annuler undo ou sur Rétablir redo.

  1. Pour changer l'image d'arrière-plan :
    1. Accédez à Sites et ouvrez votre site.
    2. Placez le pointeur sur l'image d'arrière-plan et cliquez sur
      Changer d'image image.
    3. Choisissez une option :
      • Pour charger une image se trouvant sur votre ordinateur, cliquez sur Importer.
      • Pour choisir une image dans la galerie ou dans un autre emplacement, cliquez sur Sélectionner une image.
    4. (Facultatif) Pour revenir à l'image d'arrière-plan d'origine, cliquez sur Réinitialiser refresh.
  2. Pour changer le type de titre :
    1. Placez le pointeur sur l'image d'arrière-plan et cliquez sur Type de titre Titre dans Sites.
    2. Choisissez une option :
      • Couverture
      • Grande bannière
      • Bannière
      • Titre uniquement
  3. Pour changer le thème et le style de police :
    1. Dans l'angle supérieur droit, cliquez sur Thèmes.
    2. Sélectionnez un thème et choisissez une couleur.
    3. Cliquez sur Style de police et sélectionnez un style.
sélectionner un arrière-plan et un thème
1.5

Ajouter, réorganiser et imbriquer des pages

Ajoutez des pages pour insérer du contenu supplémentaire. Regroupez les informations associées en imbriquant les pages. Les pages imbriquées apparaissent comme un sous-sujet d'une autre page.

1 Ajouter des pages :

  1. En haut à droite, cliquez sur Pages > Créer add.
  2. Choisissez une option :
    • Pour ajouter une page, cliquez sur Ajouter une page Sites ajouter une page. Attribuez un nom à la page, puis cliquez sur OK.
    • Pour ajouter une URL, cliquez sur Ajouter un lien insert_link.

2 Réorganiser ou imbriquer des pages

  1. Cliquez sur Pages.
  2. Faites glisser les pages vers le haut ou vers le bas dans la liste pour les réorganiser.
  3. Pour imbriquer une page, faites-la glisser sur une autre page.
  4. (Facultatif) Pour annuler l'imbrication d'une page, faites-la glisser au bas de la liste.

Remarque : Vous ne pouvez définir que cinq niveaux d'imbrication de page. Vous ne pouvez pas imbriquer la page définie comme page d'accueil.

3 Choisir les options de page

Sous Pages, sélectionnez une page, puis cliquez sur Plus more_vert et choisissez une option. Vous pouvez

  • définir cette page comme la page d'accueil ;
  • la dupliquer ;
  • la renommer ;
  • créer une sous-page ;
  • masquer la page ou la sous-page (vous ne pouvez pas masquer la page qui est définie comme page d'accueil) ;
  • supprimer la page du site (vous ne pouvez pas supprimer la page qui est définie comme page d'accueil).
ajouter réorganiser imbriquer des pages
1.6

Configurer la navigation sur le site

Le menu de navigation permet d'accéder aux différentes pages de votre site, si celui-ci en comporte plusieurs. Il est situé par défaut en haut de votre site. Pour l'afficher, cliquez sur la page d'accueil dans l'angle supérieur droit.

Vous pouvez déplacer le menu de navigation à gauche si vous le souhaitez. Vous pouvez modifier son emplacement uniquement si votre site comporte au moins une page.

Pour sélectionner un mode de navigation :

  1. Placez votre curseur sur le nom du site et cliquez sur Paramètres de navigation settings.
  2. Sélectionnez un mode de navigation.
  3. Pour afficher le menu à gauche, cliquez sur Menu menu.
  4. (Facultatif) Pour déplacer les pages dans le menu de navigation, consultez la section Ajouter, réorganiser et imbriquer des pages.
configurer la navigation sur le site
2

Mettre le site à jour et le personnaliser

Voyons à présent comment vous pouvez personnaliser votre site Web avec des images et du contenu interactif.

Dans cette section, vous apprendrez à :

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 dans un site

format_size

Ajoutez des titres et du texte.

code

Ajoutez du contenu directement à partir du Web (musique, vidéos, etc.).

image

Ajoutez des photos, des conceptions et d'autres images.

drive

Intégrez un fichier (À partir de Drive) ou le contenu d'un dossier enregistré dans Drive. Les modifications que vous apportez à vos fichiers dans Drive sont automatiquement répercutées dans Sites.

crop_7_5

Ajoutez des boutons redirigeant les visiteurs vers un autre contenu de votre site ou vers une URL externe.

maximize

Ajoutez une ligne de séparation (horizontale) à votre page.

video_youtube

Ajoutez des vidéos YouTube (présentations de produits ou publicités de l'entreprise, par exemple).

event

Ajoutez des agendas (agendas d'équipe ou d'événement, par exemple)

location_on

Ajoutez des cartes (adresses de bureaux, itinéraire d'accès à un événement ou cartes personnalisées, par exemple).

drive_document drive_presentation drive_spreadsheet drive_form drive_chart

Ajoutez à votre site tout élément de Docs, Slides, Sheets, Forms, ainsi que des graphiques Google. 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 dans la zone et effectuez la saisie. Vous pouvez également sélectionner une autre option dans la barre d'outils située au-dessus de la zone de texte.

Options d'édition :

None

Titres et en-têtes

Titres et en-têtes

Titre arrow_drop_down

Sélectionnez un en-tête prédéfini. Pour afficher des options de mise en forme supplémentaires, sélectionnez Normal.

Titres et en-têtes

format_align_left

Modifiez l'alignement du texte.

Titres et en-têtes

link

Insérez un lien sur le texte sélectionné.

Titres et en-têtes

delete

Supprimez un titre ou une zone de texte.

Titres et en-têtes

Texte normal

Titres et en-têtes

format_bold format_italic

Sélectionnez le texte et mettez-le en gras ou en italique.

Titres et en-têtes

format_list_bulleted format_list_numbered

Ajoutez des listes numérotées ou à puces.

Titres et en-têtes

more_vert

Accédez aux autres options.

Titres et en-têtes

code

Utilisez la police "Code".

Titres et en-têtes

strikethrough_s

Sélectionnez le texte et barrez-le.

Titres et en-têtes

format_clear

Sélectionnez le texte et supprimez toute la mise en forme.

2.3

Modifier des sections

Placez votre curseur sur une section pour la modifier.

  • Pour modifier l'arrière-plan de chaque section : cliquez sur Style palette, puis sélectionnez le style souhaité. Vous pouvez également cliquer sur Image image pour ajouter une image de fond.
  • 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 drag_indicator et faites-la glisser à l'emplacement souhaité.
  • Pour dupliquer une section : cliquez sur Dupliquer la section content_copy. Vous pouvez également copier et coller une section sur une autre page de votre site.
  • Pour ajouter un pied de page : faites défiler la page jusqu'en bas et cliquez sur
    Ajouter un pied de page add_circle. Celui-ci apparaît sur chaque page du site. Placez votre curseur sur le pied de page, puis cliquez sur Modifier create pour le modifier. Pour masquer le pied de page sur une page, placez votre curseur sur celui-ci et cliquez sur Masquer le pied de page remove_red_eye.
None
2.4

Modifier des images

Pour redimensionner une image :
Sélectionnez l'image et faites glisser les côtés ou les coins de l'image. 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 insérer une image dans une zone de texte.

Pour recadrer une image :

  1. Sélectionnez l'image, puis l'option Recadrer crop.
  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 done.
  5. (Facultatif) Pour rétablir l'image d'origine, cliquez sur Annuler le recadrage crop_free.

Pour remplacer une image :

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

Pour ajouter un texte alternatif à une image :
Le texte alternatif d'une image apparaît lorsqu'un visiteur de votre site place le curseur de sa souris sur cette image.

  1. Sélectionnez l'image, puis cliquez sur Plus more_vert > Ajouter un texte alternatif.
  2. Saisissez une description, puis cliquez sur Appliquer.
Modifier des images
2.5

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.

  1. Placez le curseur de la souris en haut de l'en-tête de la page, puis cliquez sur Ajouter un logo image.
  2. Cliquez sur Importer file_upload ou sur Sélectionner image.
  3. Sélectionnez le logo voulu, 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 arrow_drop_down, puis sélectionnez une couleur.
  5. (Facultatif) Pour sélectionner une couleur de thème basée sur votre logo, sélectionnez une couleur dans la fenêtre Modifier le logo.

Remarque : Le fichier du logo doit être au format JPG, PNG ou GIF. Pour un résultat optimal, la hauteur du logo doit être d'au moins 112 px.

None
2.6

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 d'App Maker
  • Rapports Google Data Studio

Selon le site Web que vous ajoutez, vous pouvez être en mesure de personnaliser son apparence. Avec certains sites, il est possible d'afficher un aperçu du contenu, ou encore de 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.

Pour ajouter du contenu à partir d'autres sites Web :

  1. Ouvrez votre site et, sur la droite, cliquez sur Insertion > Intégrer.
  2. Choisissez une option :
      • À partir d'une URL : collez l'URL (le lien) que vous souhaitez 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 à intégrer, puis cliquez sur Suivant > Insérer.

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

déplacer du contenu
2.7

Déplacer et redimensionner le contenu

Chaque élément de contenu inséré est ajouté en tant que "tuile" sur la grille. Les tuiles sont alignées sur cette dernière ; vous pouvez donc les déplacer, les aligner et les modifier facilement.

Pour déplacer du contenu sur le site :

  1. Placez votre curseur sur le contenu à déplacer et attendez que l'icône Déplacer open_with apparaisse.
  2. Faites glisser le contenu dans une zone en surbrillance.

Pour redimensionner du contenu sur le site :

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

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 vers la moitié supérieure ou inférieure de l'objet jusqu'à ce qu'une ligne bleue apparaisse.
  3. Pour modifier l'ordre des objets à l'intérieur d'un groupe, cliquez sur ce dernier.
  4. Cliquez sur l'objet à déplacer dans le groupe, puis appuyez sur la touche Haut ou Bas du clavier.

Pour dissocier des objets :

  1. Pour dissocier des zones de texte et des images, cliquez sur le groupe formé par ces éléments.
  2. Cliquez sur l'objet à retirer du groupe et faites-le glisser en dehors de celui-ci.
None
3

Partager et collaborer

Lorsque vous travaillez sur votre site, vous pouvez le partager à tout moment avec des collègues au sein de votre organisation pour collaborer avec eux sur le contenu.

Dans cette section, vous apprendrez à :

3.1

Partager un site Google et le modifier en mode collaboratif

  1. Choisissez une option :

    • Pour partager un site à partir de Sites, cliquez sur Ajouter des contacts person_add.
    • Pour partager un site à partir de Drive, sélectionnez le fichier du site dans ce dernier, puis cliquez sur Partager person_add.
  2. Choisissez les personnes avec lesquelles vous voulez partager votre site :

    • Pour définir des autorisations dans votre organisation : sous Qui a accès, cliquez sur Modifier, sélectionnez une option de partage, puis cliquez sur Enregistrer. Vous pouvez ensuite copier le lien d'accès au site et le coller dans un e-mail ou un message de chat.
    • Pour définir des autorisations pour des utilisateurs individuels : dans la zone Inviter des contacts, saisissez les noms et les adresses e-mail des utilisateurs de votre organisation avec lesquels vous voulez partager votre site, puis cliquez sur Envoyer > OK.
  3. Modifiez les autorisations des utilisateurs :

    • Pour accorder des autorisations, cliquez sur la flèche vers le bas arrow_drop_down à côté du nom de l'utilisateur, puis sélectionnez un niveau d'autorisation.
    • Pour supprimer des autorisations, cliquez sur la flèche vers le bas arrow_drop_down à côté du nom de l'utilisateur, puis cliquez sur Supprimer close.
  4. (Facultatif) Pour empêcher les éditeurs de publier du contenu, de modifier les autorisations d'accès au site ou d'ajouter d'autres utilisateurs, cochez la case affichée à côté de l'option Empêcher les éditeurs de publier des contenus, de modifier les autorisations d'accès et d'ajouter d'autres personnes. Cliquez sur Enregistrer les modifications > OK.

partager du contenu
4

Prévisualiser et publier votre site

Il est possible de prévisualiser un nouveau site avant de le publier. Lorsqu'il est prêt, vous pouvez le publier uniquement pour votre organisation ou pour tous les internautes.

Dans cette section, vous apprendrez à :

4.1

Prévisualiser votre site

Si vous affichez un site sur un appareil mobile, le contenu s'adapte automatiquement à l'écran. Vous pouvez prévisualiser la manière dont votre site apparaît sur différents appareils.

Prévisualiser votre site :

  1. Cliquez sur Aperçu visibility.
  2. Pour vérifier l'affichage de votre site sur différents appareils, choisissez une option :
    • Téléphone
    • Tablette
    • Grand écran
  3. Cliquez sur Fermer close pour quitter la fenêtre d'aperçu.
prévisualiser le site
4.2

Publier votre site pour la première fois

Lorsque vous publiez votre site pour la première fois, ajoutez un nom pour compléter l'URL de ce dernier. Vous pouvez utiliser uniquement des lettres, des chiffres et des tirets dans le nom du site. Le début de l'URL inclut le domaine de votre organisation et ne peut pas être modifié. Vous avez la possibilité de modifier le site après sa publication. Toutefois, vous devez republier le site pour afficher les nouveaux changements.

Pour publier votre site :

  1. Cliquez sur PUBLIER.
  2. Ajoutez un nom à la fin de l'URL. Certains termes, tels que "support" et "admin", ne peuvent pas être utilisés. Une case à cocher violette s'affiche à la fin de l'URL si celle-ci est disponible.
  3. Sous Personnes autorisées à consulter mon site, cliquez sur Gérer.
  4. Dans la fenêtre Partager, sélectionnez une option :
    • Brouillon : cliquez sur Modifier pour autoriser les utilisateurs de votre domaine ou les personnes que vous désignez à modifier la version brouillon de votre site.
    • Site publié : cliquez sur Modifier pour autoriser les utilisateurs de votre domaine ou les personnes que vous désignez à consulter la version publiée de votre site.
  5. Cliquez sur PUBLIER. Accédez à l'URL de votre site pour vérifier que celui-ci a été publié correctement.

Remarque : Pour partager la version publiée d'un site, cliquez sur Copier le lien insert_link > COPIER LE LIEN, puis collez le lien dans un message de chat ou un e-mail pour l'envoyer à un de vos contacts.

publier votre site
4.3

Modifier l'URL d'un site

Vous pouvez modifier l'URL de votre site à tout moment. Toutefois, en cas de modification, les favoris pointant vers l'ancienne URL ne fonctionnent plus.

Modifier l'URL de votre site :

  1. À côté de PUBLIER, cliquez sur la flèche vers le bas arrow_drop_down > Paramètres de publication.
  2. Saisissez une nouvelle URL.
  3. Cliquez sur ENREGISTRER.
paramètres de publication
4.4

Annuler la publication de votre site

Si vous souhaitez que votre site ne soit plus accessible en ligne, vous pouvez annuler sa publication. Vous pourrez continuer à accéder au contenu de votre site et à le mettre à jour. Vous pouvez également republier à tout moment le site en utilisant la même URL ou une autre URL. Si des utilisateurs essaient de visiter votre site non publié, ils voient s'afficher un message d'erreur.

Annuler la publication de votre site :

À côté de l'option PUBLIER, cliquez sur la flèche vers le bas arrow_drop_down > Annuler la publication.

annuler la publication d'un site
4.5

Effectuer une recherche sur un site

Lorsqu'un site Google Sites possède plusieurs pages publiées, vous pouvez effectuer des recherches dans la version publiée.

  1. Accédez à un site Web Google Sites, puis, en haut à droite, cliquez sur Rechercher search .
  2. Saisissez votre recherche, puis appuyez sur Entrée.
None

Étapes suivantes

Essayer maintenant
Autres ressources de formation

Créez un site d'équipe, intégrez des fichiers, ajoutez Google Analytics, etc.