FORMATION GOOGLE SITE Comment créer un site avec Google

Transcription

FORMATION GOOGLE SITE Comment créer un site avec Google
FORMATION GOOGLE SITE
Comment créer un site avec Google
Créer un site
Pour utiliser Google Sites, il vous suffit de créer un compte Google. Vous en possédez peut être
déjà un si vous utilisez un autre service Google comme Gmail.
1.
2.
3.
4.
5.
Rendez vous sur la page officielle de Google Sites.
https://sites.google.com
Connectez vous. Si vous n'avez pas de compte Google, créez en un.
Cliquez sur le bouton Créer un site.
Remplissez le formulaire suivant :
Vous pouvez choisir un modèle de site à utiliser. Dans ce cas votre site sera déjà prérempli et pré-configuré avec certains gadgets jugés pertinents pour l'usage que vous choisissez.
Vous pourrez bien sûr modifier et adapter toute cette configuration une fois le site créé.
Attention: vous pourrez modifier ultérieurement toutes ces caractéristiques (nom du site,
description, partage, thème...) SAUF l'adresse de votre site. Vous pourrez néanmoins lui
attribuer par la suite un nom de domaine dont vous êtes propriétaire.
5.Cliquez sur Créer un site.
Vous voila désormais propriétaire d'un Google Sites mais aussi d'un compte Google qui vous
donne accès à différents types de services que vous pourrez utiliser en interaction avec
votre Google Sites comme :


Gmail (messagerie internet)
Picasa Web Album (hébergement et partage de photos)
André Debaisieux - Formateur Internet - 06.30.00.91.44 - www.flash-comet.com


Google Documents (suite bureautique en ligne)
et bien d'autres encore...
Par la suite, vous pourrez accéder à votre site directement en vous rendant sur la page officielle
de Google Sites ou en utilisant l'adresse internet que vous lui avez attribué.
N'oubliez pas que pour gérer votre site, vous devez être connecté sur une de vos
application Google.
Gestion du site
Pour bien démarrer avec votre Google Sites, commencez par consulter l'aide officielle.
https://support.google.com/sites
Les différents modèles de page
publié le 15 oct. 2009 à 23:44 par Zboo Ing [ mis à jour : 31 oct. 2009 à 14:25 ]
Lorsque vous créez une page avec Google Sites, vous avez le choix entre plusieurs types
de mise-en page appelés modèles :




Page classique : il s'agit d'une page html classique, qui peut contenir du texe, des images
et des gadgets Google.
Annonces : ce modèle permet de visualiser toutes les sous-pages les unes en dessous des
autres, de la plus récente à la plus ancienne (format de type blog).
Classeur : il s'agit d'une page qui vous permet de gérer vos documents importés.
Liste : la page présente un tableau triable.
Pour plus d'informations, consultez la rubrique Création de pages de l'aide officielle Google
Sites.
Vous pouvez aussi créer vos propres modèles et les réutiliser.
Comment déplacer les pages de votre site
publié le 9 sept. 2010 à 23:02 par Zboo Ing [ mis à jour : 9 sept. 2010 à 23:18 ]
La structure de votre site est un élément important pour la navigation. Il est possible de déplacer
facilement les pages de votre Google Sites afin de créer une arborescence claire.
André Debaisieux - Formateur Internet - 06.30.00.91.44 - www.flash-comet.com
Déplacer une seule page :
La méthode la plus simple pour déplacer une seule page est la suivante :



Rendez vous sur la page que vous souhaitez déplacer et cliquez sur Plus d'actions > Déplacer la
page
Un plan de votre site apparaît alors. Il vous suffit alors de sélectionner la page sous laquelle vous souhaitez
placer.
Cliquez alors sur Déplacer.
Réorganiser la structure du site.
Pour les modifications d'importance, il peut s'avérer fastidieux de déplacer les pages unes à unes.
Heureusement, Google Sites vous offre la possibilité de réorganiser facilement vos pages de manière
globale.



Cliquez sur Plus d'actions > Gérer le site.
Sélectionnez l'onglet Page.
Vous pouvez alors déplacer les pages souhaitées grace à un simple glisser-déposer avec votre
souris.
Attention : déplacer une page revient à changer son url. Si d'autres sites font des liens vers votre page,
ils donneront désormais sur une page inexistante. Il est donc conseillé d'effectuer des modifications
structurelles de votre site avant de rendre votre site public ou de déplacer une page peu de temps après
sa création.
Insérer un logo personnalisé
publié le 20 août 2010 à 23:17 par Zboo Ing [ mis à jour : 31 août 2010 à 22:20 ]
Afficher un logo sur votre site est probablement la première personnalisation que vous souhaiterez
André Debaisieux - Formateur Internet - 06.30.00.91.44 - www.flash-comet.com
effectuer.
Rien de plus simple, pour cela :
1.
Connectez-vous à votre Google Sites.
3.
Sous Apparence du site, choisissez Mise en page du site.
2.
4.
5.
6.
Cliquez sur Plus d'actions > Gérer le site dans le coin supérieur gauche.
Dans la partie qui correspond à l'En-tête du site, cliquez
sur Modifier le logo. Une boîte de dialogue Configurer le logo du
site apparaît alors.
Cochez la case Logo personnalisé puis Choisissez un fichier. Vous pouvez aussi décider de
supprimer le logo (Pas de logo).
Pour sauvegarder vos modifications, cliquez sur OK puis sur Enregistrer les
modifications avant de revenir à votre site.
Modifier la mise en page de son site
publié le 24 août 2010 à 23:00 par Zboo Ing [ mis à jour : 31 août 2010 à 22:12 ]
Différents éléments composent la mise en page de votre site :

L'en-tête du site, qui contient elle même les éventuels logos (voir Insérer un logo personnalisé),
titre du site et la barre de recherche (voir Paramétrer le moteur de recherche du site).
André Debaisieux - Formateur Internet - 06.30.00.91.44 - www.flash-comet.com



La barre de navigation horizontale.
La barre latérale, qui peut elle même contenir des gadgets ou un menu (gadget de navigation).
Le pied de page du site.
Ces éléments sont tous facultatifs. D'ailleurs, la barre de navigation horizontale et le pied de page du site
ne sont pas présents initialement. Vous pouvez choisir ou non d'activer des différents éléments. Lorsqu'ils
sont présents, ils apparaîtront alors sur toutes les pages de votre site.
Parmi ces éléments, on peut aussi distinguer le pied de page système, réservé aux liens Google Sites qui
ne peut être ni modifiés ni supprimés.
Agencement des éléments de mise en page
L'interface de mise en page du site vous permet de choisir les éléments de mise en page que vous
souhaitez voir apparaître sur votre site mais aussi de paramétrer leurs dimensions et leur composition.
Pour y accéder :
1.
Connectez-vous à votre Google Sites.
3.
Sous Apparence du site, choisissez Mise en page du site.
2.
4.
5.
Cliquez sur Plus d'actions > Gérer le site dans le coin supérieur gauche.
Cliquez sur le bouton Modifier la mise en page du site. Une boîte de dialogue apparaît alors.
Configurez comme vous le souhaitez les éléments de mise en page :
André Debaisieux - Formateur Internet - 06.30.00.91.44 - www.flash-comet.com


la Largeur du site,
les éléments de l'En-tête :



sa présence en cochant la case correspondante.
sa hauteur.
Vous pouvez aussi ajuster l'alignement vertical et horizontal des éléments de l'Entête (cad : le logo, le titre du site et la barre de recherche).


La Barre de navigation horizontale : choisissez de la faire apparaître ou non.
La Barre latérale :




sa présence.
sa position (gauche ou droite).
sa largeur, sachant qu'elle réduira d'autant la largeur de la Zone de contenu.
Le Pied de page :


sa présence.
sa hauteur.
Pour sauvegarder vos modifications, cliquez sur OK et n'oubliez pas d'Enregistrer les modifications avant
de revenir au site.
Contenu des éléments de mise en page.
Maintenant que vous avez choisi les éléments de mise en page que vous souhaitiez voir apparaître et leur
disposition. Il vous reste à définir leur contenu.
André Debaisieux - Formateur Internet - 06.30.00.91.44 - www.flash-comet.com
Pour cela, fermez la fenêtre Modifier la mise en page de votre site. Une vue schématique de votre site
apparaît alors où vous retrouvez tous les composants de votre site munis de liens pour les modifier. Pour
retrouver cette page à partir du site :
1.
Connectez-vous à votre Google Sites.
3.
Sous Apparence du site, choisissez Mise en page du site. Une représentation schématique de
2.
Cliquez sur Plus d'actions > Gérer le site dans le coin supérieur gauche.
votre site apparaît alors.
La barre latérale :
En cliquant sur Ajouter un élément à la barre latéral, vous pouvez choisir les gadgets que vous souhaitez
voir apparaître parmi la liste ci-dessous.
AdSense
Rentabilisez votre site en insérant des annonces AdSense dans votre barre
latérale.
Navigation
Ajoutez des liens vers des pages individuelles pour que les utilisateurs puissent y accéder rapidemen
fait d'un gadget de menu.
Texte
Ajoutez du texte à votre barre latérale. Ce gadget assez polyvalent vous permet notamment de créer
image pour
votre site. Il ne permet néanmoins pas d'intégrer des gadgets.
Activités récentes sur le site
Liste des activités récentes sur votre
site
Mes activités récentes
Liste des activités récentes de l'utilisateur actuellement connecté
Décompte
Décompte des jours jusqu'à une date
spécifique
La barre de navigation horizontale.
En cliquant sur modifier le contenu de la barre de navigation horizontale, vous pouvez choisir les liens
vers les pages ou les URL que vous souhaitez ajouter mais aussi choisir le style du menu (zones, onglets
ou liens).
Le pied de page du site.
Cliquez sur modifier le contenu du pied de page. Il s'agit d'une simple zone de texte qui peut
André Debaisieux - Formateur Internet - 06.30.00.91.44 - www.flash-comet.com
contenir du texte enrichi (images, liens...) mais pas de gadgets.
Modifier le contenu d'une page
publié le 7 janv. 2010 à 21:15 par Zboo Ing [ mis à jour : 16 sept. 2010 à 00:47 ]
Si vous avez créé un site à partir d'un template, ou tout simplement si vous souhaitez mettre à
jour votre site, vous aurez besoin d'éditer le contenu de vos pages.
Dans Google Sites, c'est aussi simple qu'utiliser un logiciel de traitement de texte comme
Microsoft Word. Cette page vous indique les principales fonctionnalités disponibles.
Connectez vous à votre Google Sites puis cliquez sur le bouton Modifier la pagedans la barre
supérieure grise de votre page.
Vous avez désormais accès en écriture à votre page et un menu d'édition apparait dans le
haut de votre page :
Onglet Insérer
Vous permet d'ajouter des objets et des applications dans votre page.
Onglet Format
Vous pouvez gérer la mise en forme du texte sélectionné :



Supprimer la mise en forme de votre texte
Titre (T2) : correspond à la balise HTML <h2>
Sous titre (T3) :
André Debaisieux - Formateur Internet - 06.30.00.91.44 - www.flash-comet.com
correspond à la balise HTML <h3>

Petit titre (T4) :
correspond à la balise HTML <h4>







Texte de paragraphe normal : supprime les balises de titre
Barré : permet de barrer votre texte
Exposant : met en exposant votre texte
Indice : met en indice votre texte
Code
Code blockquote
Alignement : vous permet de gérer le positionnement de votre texte dans la
page : à droite, centré ou à gauche.
Onglet Tableau
Vous permet d'insérer un tableau dans votre page puis de le gérer (Ajouter ou supprimer des
lignes ou des colonnes).
A
B
C
D
1
2
3
4
Onglet Mise en page
Vous pouvez modifier la disposition de vos pages. Plusieurs mises en pages sont possibles
: une ou plusieurs colonnes, avec ou sans en-tête et pied de page.
André Debaisieux - Formateur Internet - 06.30.00.91.44 - www.flash-comet.com
A noter que pour organiser le contenu de vos pages, il est préférable de passer par cet onglet
plutôt que d'utiliser des tableaux. En effet, ceux-ci sont plus difficilement accessibles aux
robots indexeurs de sites, ce qui peut nuire au référencement du site.
Annuler et répéter des modifications
Vous pouvez annuler et rétablir des modifications en cliquant sur les boutons flèche dans la
barre d'outils. Vous pouve
z également utiliser les raccourcis clavier usuels :


Annuler (Ctrl-z)
Refaire (Ctrl-Y ou Maj-Ctrl-Z)
Modifier le type de police et la taille
Vous pouvez sélectionner le type de police et la taille en utilisant la liste de deux menus
déroulants.
Type de caractères





B ajoute caractères gras
I vous permet de mettre en italique
U souligne le texte
A change la couleur du texte
Le marqueur change la couleur de l'arrière plan du texte
Créer un lien hypertexte
Sélectionnez le texte que vous souhaitez transformer en lien, puis cliquez sur le bouton Lien.
Une fenêtre apparaît avec ces options pour la création de votre lien :
Page existante : vous créez alors un lien qui pointe vers une page de votre site.
Vous pouvez aussi créer un lien vers une page qui n'existe pas encore en cliquant sur + Créer
une nouvelle page (en bas).
Adresse Web : vous créez un lien vers une page externe à votre site.
Une case à cocher en bas de la fenêtre vous permet de définir si vous souhaitez que la page
s'ouvre dans un nouvel onglet ou non.
André Debaisieux - Formateur Internet - 06.30.00.91.44 - www.flash-comet.com
Créer une liste
Cliquez sur le bouton de Liste numérotée ou le bouton de Liste à puces, en fonction de vos
besoins. Ecrivez le premier élément de votre liste et appuyez sur Entrée. Le nombre ou la puce
suivant(e) apparaîtra alors.
La touche de tabulation vous permet d'indenter votre liste vers la droite, tandis que la
touche Entrée l'indentera vers la gauche.
Augmenter ou diminuer le retrait.
Les deux boutons à côté de la liste à puces vous permettent d'augmenter ou diminuer le
retrait de votre texte ou de vos puces.
Alignement de votre texte
Les boutons suivants vous permettent de modifier l'alignement de votre texte.
Vous avez la possibilité d'aligner le texte vers la gauche, au centre ou à droite de la page.
Supprimer la mise en forme
Vous pouvez supprimer le formatage du texte en le sélectionnant puis en cliquant sur cette
icône.
Modifier la source HTML
Cliquez sur le bouton HTML pour modifier le code HTML de votre site. Vous n'avez pas
accès à l'ensemble du contenu HTML de votre site mais uniquement à la partie qui concerne le
contenu de votre page.
Pour des raison de sécurité, vous ne pourrez pas insérer certains codes complexes (iframes,
javascript...). Vous pourrez néanmoins utiliser du code enrichi en passant par
des Gadgets externes (onglet Insérer).
Remarque : le copier-coller
Pour les gadgets, le copier-coller à la souris ne fonctionne pas, vous pouvez néanmoins utiliser
les raccourcis claviers usuels :
Copier (Ctrl+C)
André Debaisieux - Formateur Internet - 06.30.00.91.44 - www.flash-comet.com
Coller (Ctrl+V)
Couper (Ctrl+X)
Modifier le modèle d'une page
publié le 15 oct. 2009 à 23:46 par Zboo Ing [ mis à jour : 31 oct. 2009 à 23:29 ]
Au fur et à mesure de la création de votre Google Sites, il se peut que vous réalisiez que vous
n'avez pas utilisé le bonmodèle pour créer votre page et que vous souhaitiez en changer.
1.
2.
Connectez vous à votre Google Sites.
Naviguez jusqu'à la page que vous souhaitez modifier et cliquez sur Plus d'actions > Modifier le modèle de page.
3.
4.
Choisissez le nouveau modèle que vous souhaitez utiliser.
Si vous souhaitez redémarrer votre page de zéro, cochez la case Appliquer le contenu par défaut du
modèle.Attention, si vous cochez cette case, vous perdrez tout le contenu de votre page.
Cliquez sur Appliquer le contenu par défaut du modèle.
5.
Outils Google pour les webmasters
publié le 31 oct. 2009 à 23:14 par Zboo Ing
Google met à la disposition des webmasters un outils pour analyser et
améliorer son référencement. Leur utilisation vous permettra demieux
comprendre la façon dont Google perçoit votre site comme les mots clés
principaux qui lui sont associés, les liens qui pointent vers vos
pages les principales requêtes utilisées par vos visiteurs.
Vous pourrez également soumettre une sitemap et visualiser les pages qui
sont indexées.
La procédure classique de validation de votre site dans les Outils Google pour
webmasters suppose l'insertion d'une balise méta dans le header de votre site.
Or Google Sites ne vous offre pas la possibilité de modifier cette partie du
code HTML. Ce problème est à l'origine de beaucoup de sujets de discutions sur
les forums, alors qu'il vous suffit simplement de passer par l'interface de gestion
du site.
Validation de votre Google Sites
Sur Outils Google pour webmasters :
André Debaisieux - Formateur Internet - 06.30.00.91.44 - www.flash-comet.com
1. Cliquez sur Ajouter un site
2. Rentrez l'url du site (http://sites.google.com/site/votresite) et cliquez
sur Continuer.
3. Copiez la balise méta qui vous est proposée et cliquez sur Valider.
Sur Google Sites :
1.
2.
3.
4.
Connectez-vous à votre Google Sites.
Cliquez sur Plus d'Actions > Gérer le site (en haut à droite).
Dans le menu de gauche : Choisissez Général (sous Paramètres du site).
Sur cette page, repérez le champ Validation avec les Outils Google pour
les webmasters.
5. Collez ici la balise méta (par exemple : <meta name="google-siteverification" content="RZWTXRO45rikPUXx2M8wpZ1sJ7_rrwcy-r9Ws_mwtus"
/>)
6. Pensez à cliquer sur le bouton Enregistrer les modifications (tout en bas
de la page) avant de revenir à votre site.
Retournez sur la page des Outils Google pour Webmasters :
Votre site apparaît dans la liste il n'est pas encore validé c'est normal. Cliquez sur
le bouton ! Valider ce site puis sur Valider.
Vous pouvez désormais accéder à l'ensemble des outils.
Soumission d'un sitemap
La création et l'envoi d'un sitemap vous permet de vous assurer
que Google connaît toutes les pages de votre site, y compris celles qui pourraient
ne pas être détectées par le processus d'exploration standard de Google.
Le sitemap de votre Google Sites est créée automatiquement. Si votre site se
trouve à l'adressehttp://sites.google.com/votresite, l'URL de votre sitemap est
:
http://sites.google.com/site/votresite/system/feeds/sitemap
Rendre votre site multilingue
publié le 18 oct. 2009 à 13:56 par Zboo Ing [ mis à jour : 16 sept. 2010 à 00:43 ]
André Debaisieux - Formateur Internet - 06.30.00.91.44 - www.flash-comet.com
Google Traduction est un service de Google qui vous permet de traduire automatiquement un texte ou un site
internet dans la langue de votre choix.
Depuis Décembre 2009, Google Sites intègre directement le gadget Google Traduction (Google Translate Element)
ses pages.
Vous n'avez rien remarqué?
C'est normal, vous êtes identifié automatiquement comme utilisateur francophone sur votre propre site et la tradu
ne vous est donc pas proposée.
Par contre, n'importe quel internaute non francophone qui navigue sur votre site voit l'onglet "traduire" en bas à d
de son écran. Lorsqu'il clique dessus, votre site estautomatiquement traduit dans sa propre langue.
Un petit exemple de ce qui se passe lors que vous naviguez sur un Google Sites anglophone : ici.
Comment avoir un aperçu de la traduction automatique de votre site
Pour avoir un aperçu de la traduction de votre Google Sites : Rentrez son url dans le champ de Goolgle
André Debaisieux - Formateur Internet - 06.30.00.91.44 - www.flash-comet.com
Traductor, choisissez la langue source de votre choix puis cliquez sur Traduire.
Les langues supportées
afrikaans
albanais
allemand
anglais
arabe
arménien
azéri
basque
biélorusse
bulgare
catalan
Chinois
coréen
Créole haïtien
croate
danois
espagnol
estonien
finnois
français
galicien
gallois
géorgien
grec
hébreu
hindi
hongrois
indonésien
irlandais
islandais
italien
japonais
letton
lituanien
macédonien
malaisien
maltais
néerlandais
norvégien
persan
polonais
portugais
roumain
russe
serbe
slovaque
slovène
suédois
swahili
tagalog
tchèque
thaï
turc
ukrainien
urdu
vietnamien
yiddish
Les restrictions

Bien que très performante, la traduction automatique est effectuée par un robot, elle n'est donc pas parfa
certaines subtilités de langage peuvent être mal interprétées. Si vous n'êtes pas satisfait de la traduction
automatique de Google, la seule solution est de mettre en ligne une copie de votre site traduite par un
professionnel.

Le référencement de votre site ne se fait pas dans toutes les langues mais uniquement dans la
langue d'origine. les pages de votre site ne sortiront donc probablement pas d'une requête en
anglais dans un moteur de recherche. Là encore pas d'autre solution que de dupliquer votre site
dans la langue de votre choix.
André Debaisieux - Formateur Internet - 06.30.00.91.44 - www.flash-comet.com
Cours réalisé par André Debaisieux
formateur certifié CQP
André Debaisieux - Formateur Internet - 06.30.00.91.44 - www.flash-comet.com