Google propose depuis longtemps un service de création de site Internet nommé Google Sites. Cet outil a dernièrement été entièrement refondu. Aucune connaissance technique n’est nécessaire pour créer un site convivial, ou chaque service Google peut être intégré (agenda, suite bureautique, cartes…) Adapté à tous les écrans, le site créé permet de disposer d’une vitrine sur le web, facilement administrable et rapide à créer.

Nous débutons une série de tutoriels dédiés à la création d’un site Internet avec Google Sites. Dans cette première partie, nous détaillons la nouvelle interface de Google Sites et la personnalisation graphique des éléments du site.

Accéder à la nouvelle version de Google Sites

Cliquez sur le lien ci-contre pour accéder à Google Sites et identifiez-vous à l’aide de votre compte Google : https://sites.google.com/. Cliquez sur Nouvelle version de Google Sites pour accéder à l’interface.

Créer son premier site

Cliquez sur le + en rouge pour commencer à créer votre site.

La nouvelle interface de conception s’affiche à l’écran. Commencez par donner un nom à votre site en cliquant dans la zone Site sans titre en haut à gauche.

Présentation de la nouvelle interface

Google a souhaité faciliter au maximum l’utilisateur en proposant des outils d’insertion clairement situés et un mode de conception par cliquer glisser.

Choisir un thème graphique

Cliquez sur le bouton Thème pour afficher les styles graphiques proposés par Google. Même si le nombre de thème est limité au moment où nous écrivons ce tutoriel, nul doute que Google va prochainement en proposer de nouveaux. Cliquez sur le style souhaité pour afficher automatiquement les modifications sur la page de conception. Vous pouvez également choisir la police de caractère.

Ajouter des pages

L’onglet Pages permet d’insérer de nouvelles pages à votre site. Cliquez sur l’icône concernée pour créer une nouvelle page. Celle-ci s’ajoute dans un menu en haut de l’écran.

Chaque page peut être réorganisée par un cliquer glisser. Un clic sur les 3 points à côté du nom de la page permet de définir une page comme page d’accueil du site, de la renommer, la supprimer ou de ne pas l’afficher dans la barre de navigation.

Modifier l’image du titre

L’image du bandeau supérieur est modifiable en plaçant votre souris sur celle-ci. Cliquez sur Changer d’image.

Google permet d’insérer une image provenant de sa galerie libre. Vous pouvez aussi importer une photo de votre ordinateur ou à partir d’une adresse web. Enfin Google Sites propose de récupérer les images déjà présentes sur Google Drive. Sélectionnez l’onglet correspondant, cliquez sur l’image souhaitée puis sur Sélectionner.

Si l’image insérée ne vous convient plus, il est toujours possible d’afficher l’original en cliquant sur réinitialiser.

Modifier le titre

Le titre de votre page peut être modifié en cliquant sur Changer le titre.

3 modes d’affichage du titre sont disponibles :

• Grande bannière: pour agrandir le bandeau
• Bannière: le mode par défaut
• Titre uniquement: supprimer l’image de fond
  

  Modifier le type de titre

Visualiser le site

Vous avez à présent personnalisé votre site. Cliquez sur aperçu pour afficher votre site tel qu’il apparaîtra sur le web.

L’aperçu s’affiche à l’écran. Comme indiqué en introduction, le site est Responsive, c’est-à-dire qu’il s’adapte automatiquement au format d’écran utilisé (smartphone, tablette, ordinateur). Google affiche des icônes d’aperçu en bas à droite pour visualiser le site en fonction du support utilisé.

Voici notre site en mode ordinateur :

Et ce même site adapté aux écrans des téléphones :

Dans notre prochain tutoriel dédié à Google Sites, nous étudierons les différentes insertions de contenus.