Créer sa page d' accueil web

Vous êtes agacé par les pertes de temps et les recherches énervantes pour retrouver le site web ou le groupe Facebook que vous souhaitez consulter ?

Regroupez tous ces sites, pages et groupes sur votre page d'accueil web. Vous pourrez alors y accéder d'un simple clic.

Introduction

Nous allons donc créer une page d'accueil web personnalisé.

La page d'accueil, par défaut, est la page qui s'affiche quand vous ouvrez votre navigateur (Edge, Chrome, Mozilla etc...).

Selon votre fournisseur d'accès internet ou vos propres paramètres, elle s'ouvre sur des informations ou des services "dont vous êtes le produit", vous connaissez la chanson.

Vous pouvez enregistrer vos adresses web préférées dans vos favoris, mais là encore, ce n'est pas très ergonomique, encore moins sur un smartphone.

Le cas Philippe Martin

Philippe Martin sera notre cobaye pour ce tutoriel.

Il souhaite accéder rapidement à son agenda, ses emails, sa page et ses groupes Facebook, sa banque en ligne, son Drive, sa chaîne Youtube, son compte Améli, son compte Free (Orange, ou SFR, etc...), son compte EDF, ses sites web préférés, etc...

Il ne supporte plus de devoir chercher, tous les jours, les liens vers ces pages.

Il décide donc de regrouper tous ses favoris sur une belle page web, à son image, qui s'ouvrira dès qu'il cliquera sur son navigateur internet. Pour cela, il crée ou utilise un compte Google.

Go vers Google Sites

Philippe se rend sur la page d'accueil Google Sites : cliquez ici

Il clique ensuite sur "Créer un site... vide", mais ne vous inquiétez pas, on va le remplir.

La photo suivante devrait apparaître. Nous allons en profiter pour parler du logo et faire un petit rappel de ce qu'il représente et de ce qu'il évoque, pour vous et pour Google.

Je ne vais pas m'étendre sur l'importance du logo pour une entreprise, on en parle ici. Plus simplement, un logo permet d'embellir votre cadre de vie, de rappeler votre personnalité et votre spécificité, un peu comme un tatouage.

Pour Google Sites, il va permettre de définir votre identité visuelle en adaptant les thèmes de vos pages web. Concrètement, dans la création graphique, l'image et les couleurs doivent vous ressembler pour créer une harmonie et un cadre bénéfique. Par conséquent, avant de créer une page ou un site web, attardez vous quelques instants sur le logo.

Bonjour, je vous présente Google Sites

Voici l'outil ultime de la création web, celui qui permet à chacun de conquérir le monde, en s'appuyant uniquement sur ses compétences, car il est gratuit, simple, intuitif, sécurisé, adapté automatiquement aux smartphones, bref, il est parfait... Bon, c'est un avis personnel...

Encore faut-il le remplir, un outil c'est bien, mais ça ne suffit pas, il ne va pas faire le boulot à votre place, c'est là que j'interviens.

  1. L'adresse URL du brouillon de votre page, que vous pouvez retrouver ici

  2. Le titre de votre page, on va mettre "Page d'accueil de Philippe"

  3. Le menu "plat"

  4. Le menu "colonne"

  5. L'aperçu de votre future page

Insertion du logo

Comme expliqué plus haut, l'insertion du logo va inciter Google Sites à vous proposer une palette de couleur de page, normalement harmonieuse avec celles de celui ci.

Dans notre exemple, Philippe Martin, plutôt égocentrique, préfère mettre sa photo plutôt qu'un logo. Après tout, sa page étant personnelle, il a le droit de se faire plaisir.

On va donc emmener le pointeur de souris en haut à gauche de la zone 5, à l'endroit où le titre de page apparait avec des pointillés. Un pop-up "Ajouter un logo" devrait apparaître.

Cliquons dessus.

Les paramètres de page

Les paramètres de votre page devraient s'afficher au milieu de la zone 5.

Plus précisément, au menu "Images de marques".

On choisit donc la photo de Philippe : Logo > Importer, qu'on peut aussi importer en favicon.

C'est quoi le favicon ? la réponse est ailleurs

C'est tout simplement l'image qui apparait en haut de l'onglet de votre page.

Pour voir le résultat, il va falloir attendre la publication.

La couleur de thème

Bon, il en va des couleurs comme va la vie.

Il m'arrive souvent de les modifier, en général le matin, quand j'ai encore une partie de mon cerveau dans le monde des ténèbres de mon inconscient, c'est ainsi.

Sachant que rien n'est définitif et qu'on peut tout modifier en quelques clics, on peut aussi s'amuser à faire des essais, on va donc commencer avec la couleur jaune qui est apparue après avoir importé la photo de Philippe.

On clique donc sur la couleur jaune pour sélectionner la couleur de thème de la page. Elle devrait apparaître automatiquement dans le menu 4. On peut fermer les paramètres (la croix en haut à droite, mais vous aviez compris).

Choix du thème

A droite, zone 4, le menu "Thèmes" vous propose différents choix, que vous pouvez modifier à tout moment, en vérifiant néanmoins les mises en page qui peuvent varier.

Le thème "Simple" est basique, passe partout. Pour ma part, j'associe le thème "Aristote" au juridique, à la comptabilité, au formel sans artifice. Le "Diplomate" est aussi formel mais tendance marketing, genre produit de luxe. Le "Vision" est plutôt politique, social. Le "Niveau" est pour moi carré, une institution, une assurance. L'"Impression" a de l'impact, très marketing.

Tout cela est, bien sûr, subjectif, il suffit de cliquer sur chaque thème pour obtenir un aperçu immédiat du résultat en zone 5, faites votre choix.

Choix des couleurs et des polices

Philippe choisit :

  1. le thème "Impression"

  2. la couleur jaune correspondant à sa photo

  3. la police "Franc"

Titre de page

Zone 5, sélection du texte pour modifier le titre de page.

On va mettre "Mon Web"

Type de titre

La fonction "Type de titre", s'affiche lorsqu'on emmène le pointeur de la souris sur la zone marron du titre.

Elle définit les 4 types proposés, classés du plus grand au plus petit.

On choisit la "Bannière", elle permet de mettre une photo dans la zone de titre sans trop empiéter sur le contenu de la page.

Image de fond de la zone de titre

Nous allons ensuite changer l'image de fond de la zone de titre.

Vous pouvez importer une image ou en sélectionner une dans les propositions Google, ce que nous allons faire.

Ajouter un bouton

On entre enfin dans la partie "technique" de notre page. Nous allons insérer les liens vers les sites web au moyen d'un bouton. Mais on peut aussi le faire avec une image ou un simple texte, le principe est le même.

Donc, zone 4 > "Bouton", Nom : Agenda

Insérer le lien

Vous l'aurez compris, ce premier bouton permettra d'ouvrir l'agenda de Philippe en un clic.

Il suffit de raisonner en mode "agile", par exemple, pour l'agenda, ce sera le premier bouton car il correspond à la première consultation web de Philippe quand il démarre son ordinateur.

Il suffit ensuite de copier l'adresse URL de l'agenda et de la coller dans la zone "Lien" du bouton. Pour finir, clic sur "Insertion".

Mise en page

On devrait donc obtenir ce résultat.

Vous avez à gauche le menu de la section. La section est la bande horizontale dans laquelle se trouve le bouton.

Vous pouvez modifier l'image de fond (la palette), la dupliquer (les 2 feuilles) ou la supprimer (la corbeille).

Vous pouvez aussi modifier le type de bouton, le nom et le lien ou le supprimer par le menu affiché au dessus du bouton.

Exercice

Allez, un petit exercice facile : essayez de reproduire cette disposition.

Vous pouvez déplacer le bouton dans la section en pointant et laissant le clic gauche de la souris enfoncé sur celui ci.

Pour régler sa largeur, il faut faire un clic gauche et étirer les cercles bleus des extrémités.

A vous de jouer

Voilà, je vous ai montré le principal, à vous de jouer avec les boutons, les images (Insérer > Images en zone 4), vous avez acquis les bases.

Soyez curieux, essayez d'insérer une vidéo YouTube, un carrousel d'images, un graphique, une carte, c'est très facile et très intuitif.

Construisez votre page d'accueil pour qu'elle facilite votre quotidien.

L'aperçu

Vous pouvez observer les résultats de vos travaux en cliquant sur l'icône "Aperçu" en zone 3.

Vous pouvez basculer entre les versions smartphone, tablette et ordinateur.

Publier sa page

Je vous recommande de bien faire attention quand vous publiez sur le web. Le web, c'est un peu comme le monde extérieur, il n'y a pas que des bisounours.

Commençons : zone 3 > bouton bleu "Publier" qui va ouvrir la fenêtre ci-jointe.

Par défaut, la publication de votre page sera publique, comme indiqué au paragraphe "Personnes autorisées à consulter mon site". Il va donc falloir modifier cela en cliquant sur "GERER".

Partager sa page...

...ou pas, dans notre cas, Philippe n'a pas besoin de partager sa page, encore moins de la rendre publique.

1ère sécurité : cliquer sur la roue dentée en haut à droite afin de décocher la case de partage avec des contacts.

2ème sécurité : cliquer sur "Modifier" au paragraphe "Liens", puis "Limité" sur "Site publié".

Ceci étant fait, cliquez sur "Terminé" puis "Publier" à la fenêtre suivante.

Adresse URL de la page

Nous allons récupérer l'adresse de la page afin de l'ouvrir directement quand on ouvre son navigateur.

Zone 3 > Lien du site publié > Copier le lien.

Page d'accueil (Chrome)

Afin de paramétrer la page d'accueil dans le navigateur, sur Chrome, il faut suivre le cheminement suivant :

  1. Clic sur les 3 points (personnaliser)

  2. Clic sur "Paramètres"

Coller le lien

  1. Faire défiler jusqu'à la rubrique "Au démarrage".

  2. Clic sur les 3 points > Modifier

  3. Clic droit sur l'ancienne adresse URL > coller

Félicitations

Bravo, sauf erreur ou oubli, votre page web perso devrait apparaitre à la prochaine ouverture de votre navigateur. Fermez donc tous les onglets et ouvrez à nouveau pour voir.

Je vous en souhaite une bonne utilisation, n'hésitez pas à la modifier et j'espère qu'elle simplifiera votre vie numérique.