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