Créer un site Internet avec Google Sites (1/3) : personnalisation graphique

Facebooktwittergoogle_plusFacebooktwittergoogle_plus

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.

Accéder à la nouvelle version

Accéder à la nouvelle version

Créer son premier site

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

Créer un nouveau site

Créer un nouveau 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.

Nommer un nouveau site

Nommer un nouveau site

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.

Interface Google Sites

Interface Google Sites

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.

Modifier le thème graphique

Modifier le thème graphique

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.

Ajouter des pages

Ajouter des pages

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 une page

Modifier une page

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.

Modifier l'image du titre

Modifier l’image du titre

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.

Modifier l'image du titre

Modifier l’image du titre

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

Réinitialiser l'image du titre

Réinitialiser l’image du titre

Modifier le titre

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

Modifier le type de titre

Modifier le type de 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

    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.

Visualiser un aperçu du site

Visualiser un aperçu du site

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 :

Aperçu en mode plein écran

Aperçu en mode plein écran

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

Aperçu en mode téléphone

Aperçu en mode téléphone

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

Facebooktwittergoogle_plusFacebooktwittergoogle_plus

Vous aimerez aussi...

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.