Google Site N. Vanassche Réaliser un site internet à l aide de Google Site IFOSUP
Réaliser un site internet à l aide de Google Site 2 Chapitre 1 Introduction à Google Site 4 1. Blog ou Google Site? 4 2. Une mise en contexte 4 Chapitre 2 Créer son site et ses pages avec Google Site 9 1. Créer un Google site 9 2. Se connecter à Google Site quand le site a déjà été créé 11 3. Créer la page d accueil 11 4. Créer d autres pages 12 5. Modifier ou supprimer une page 12 6. Restaurer une page modifiée par erreur 12 7. Modifier la mise en page de la page 13 8. Modifier les paramètres de la page 13 9. Les diverses catégories de pages 14 Chapitre 3 Intégrer des images dans son site Web 16 1. Insérer des images dans une page 16 2. Trouver des images libres de droits 16 3. Modifier une image (> Windows XP) 17 Chapitre 4 Intégrer des liens hypertextes dans son site Web 18 1. Créer un lien hypertexte vers ses propres pages 18 2. Créer un lien hypertexte vers un site extérieur 19 3. Créer un lien de messagerie 19 4. Créer une image cliquable 20 5. Créer un lien vers un fichier (PDF, ) 20 Chapitre 5 Gestion de la navigation 22 1. Ajouter une barre de navigation horizontale Erreur! Signet non défini. 2. Ajouter une barre de navigation latérale 23 3. Personnaliser les barres de navigation Erreur! Signet non défini. 4. Ajouter un fil d Ariane 21 Chapitre 6 Gestion de l apparence 27 1. Modifier les paramétrages du site 32 2. Modifier l'en-tête (barre du haut) 27 3. Modifier le pied de page (barre du bas) Erreur! Signet non défini.
Réaliser un site internet à l aide de Google Site 3 4. Insérer des éléments multimédias dans une page 28 Chapitre 7 Partage du site 32 1. Les utilisateurs d un Google Site 32 2. Inscrire des lecteurs et/ou des auteurs et/ou des propriétaires 34 3. Supprimer des commentaires et des pièces jointes? 34 Chapitre 8 Les +! Erreur! Signet non défini. 1. Ajouter une Google Maps 28 2. Ajouter un diaporama Picasa 29 3. Ajouter une présentation Google 29 4. Ajouter une vidéo 30 5. Ajouter un forum 31
Réaliser un site internet à l aide de Google Site 4 Chapitre 1 Introduction à Google Site 1. Blog ou Google Site? Google propose deux outils : La réalisation d un blog à l aide de Blogger (non traité dans ce cours) Adresse du blog : http://nomdevotreblog.blogspot.com La réalisation d un site à l aide de Google Site Adresse du site : : http://sites.google.com/site/nomdevotreblog Pour utiliser ces deux services, il suffit de posséder un compte Gmail. Les deux sont très faciles et rapides à installer et à utiliser. Google Site est peut-être un peu plus complet, mais c'est surtout dans la présentation que se trouve la différence. Dans un blog les messages (articles) s'affichent par ordre chronologique et dans un site l'arborescence des pages est déterminée par l auteur du site. 2. Une mise en contexte Le World Wide Web ou WWW ou encore Web est un système permettant l accès aux ressources d Internet à partir d une navigation hypertexte et multimédia. Les documents publiés sur le web peuvent regrouper du texte, des images, du son, de la vidéo ou des liens hypertextes renvoyant à d autres documents. Le cadre d exécution du Web est celui du modèle Client Serveur. a. Réseau Internet
b. Fonctionnement Réaliser un site internet à l aide de Google Site 5 En clair que se passe-t-il lorsque vous tapez une adresse dans votre navigateur? 1. Votre navigateur (le client) envoie l'adresse URL (Uniform Ressource Locator) que vous avez tapée, vous soumettez une requête au serveur. 2. Le serveur web est un "ordinateur" présent sur l'internet et qui héberge la page que vous demandez. Sur ce serveur on trouve un logiciel apte à traiter les requêtes HTTP que vous envoyez lorsque vous demandez une page web. Ce logiciel va donc chercher le fichier demandé dans son arborescence et renvoie a votre navigateur la page HTML. 3. Votre navigateur interprète les différents langages se trouvant dans ce fichier (HTML, JavaScript, CSS, etc...) et affiche la page. Les échanges des données entre les serveurs et les clients web est possible grâce au protocole de communication http (Hypertext Transfer Protocol). L adresse URL (Universal Ressource Locator) est utilisée par le client pour demander un document Web. Cette URL est une référence unique qui contient toutes les informations permettant de localiser le document sur un serveur. c. Rôle de Google site Il n y a pas UNE méthode unique pour créer un site, Google a ici été choisi pour sa facilité d utilisation et sa version gratuite accessible à tous. Google va gérer pour vous tous ces aspects techniques, non seulement en vous aidant à le créer, mais il vous l'héberge gratuitement sur un de ses serveurs et vous fournit l adresse URL liée à cet hébergement. En gros, il vous guidera lors de la création, en quelques clics de votre site internet.
Réaliser un site internet à l aide de Google Site 6 Il s agit d un outil qui s utilise à 100% en ligne, vous n aurez donc rien à installer ou à sauvegarder sur votre propre ordinateur, même pas les pages que vous créerez. Ce type d outil s intitule «plateforme en ligne de création de site». d. Préparer son site internet Le processus de conception d un site Web comprend généralement les étapes suivantes : Tâches Qui? Quand? 1/ La planification du projet de site Web : objectif, clientèle visée, contenu, structure de navigation, hébergement*, etc. 2/ La création d un dossier racine qui regroupera tous les documents utiles : pages Web*, images, photos, etc. 3/ La création de la structure puis des pages Web et l importation de documents. 4/ La conception d une structure de navigation entre les pages du site Web en utilisant des boutons interactifs ou des liens hypertextes. 5/ La publication du site Web sur un serveur spécialisé pour l hébergement des sites Web. * Géré automatiquement par Google Site Il est essentiel de planifier correctement son projet : Vous Vous Vous, aidé par Google Site Vous, aidé par Google Site Google Site Avant de commencer le site Avant de commencer le site Au fur et à mesure de la réalisation du projet Au fur et à mesure de la réalisation du projet Au fur et à mesure de la réalisation du projet 1. Comment va être structuré mon site? a. Définition des objectifs du site : A quoi mon site va-t-il servir? b. Définissez votre public cible : A qui mon site va-t-il servir? c. Structurez votre contenu en fonction des objectifs et du public définis : Quelle information vais-je mettre dans mon site? Comment vais-je la présenter? - Préparer les textes des pages - Préparer les images qui figureront sur les pages, les fichiers qui seront éventuellement proposés en téléchargement (veillez à ce que les noms de vos fichiers ne comportent ni accents, ni majuscules, ni espaces blancs!) - Rassemblez tout ce matériel dans un dossier de votre ordinateur d. Combien et quelles pages Web vont constituer mon site?
Réaliser un site internet à l aide de Google Site 7 e. Création de la structure du site (arborescence du site) : La création d un organigramme est essentielle pour penser valablement votre site web avant d entamer sa réalisation. 2. Penser son système de navigation La navigation doit rester cohérente au sein de tout le site, ne changez pas radicalement de système d'une page à l'autre, le système de navigation doit rester simple : il doit être intuitif. Imaginez comment vos visiteurs doivent pouvoir se déplacer d'un point à un autre, essayer d appliquer la règle des trois clics: principe informel d'ergonomie selon lequel l'internaute doit pouvoir accéder à n'importe quelle information présente sur un site web en suivant au plus trois hyperliens (trois clics de souris) depuis la page principale. Retenons toutefois que le plus important n est pas le nombre de clics, mais le fait que l'information soit trouvée ou non, l essentiel est que les utilisateurs arrivent à leur fin. Inutile de proposer tous les liens sur la page accueil, une barre de navigation vers les principales rubriques suffit. Si votre site propose une grande quantité d information, aménagez un menu latéral proposant les sous-rubriques. Retenez que vos visiteurs doivent toujours savoir où ils se trouvent! Soignez le bandeau titre du site sur toutes les pages, il permettra également de revenir facilement à la page d'accueil. 3. Penser au look du site Google site va vous proposer toute une série de thèmes faciles à employer essayer de rester dans celui-ci et de ne pas multiplier les couleurs ou les polices d écriture. D'une manière générale, il est préférable d'utiliser le moins possible d'images lourdes (allégez autant que possible le nombre d'images ainsi que leur taille, une image doit réellement apporter quelque chose au site) pour alléger le chargement des pages (la taille maxi d'une page, surtout pour la page d'accueil ne doit pas
Réaliser un site internet à l aide de Google Site 8 dépasser 40-50Ko), mais aussi pour ne pas énerver l'internaute pressé qui recherche une information précise (les effets ne doivent être utilisés que pour attirer l'attention de l'utilisateur). Adopter un look homogène pour chacune de ses pages facilite la navigation et repose le regard!! Tester son site sur plusieurs tailles d'écran car l'affichage peut être totalement différent sur un écran de grande taille. Tester votre site sur les principaux navigateurs : Internet Explorer, Mozilla FireFox, Safari, car une page peut très bien fonctionner sur l'un mais nettement moins bien sur l'autre! Pas de fautes d'orthographe, un site doit être soigné comme n'importe quelle publication!!! Attention aux graphismes, textes, photos que vous utilisez, le droit d auteur s applique à presque tous les documents disponibles sur Internet. Exemple de structuration avant de débuter la réalisation d'un site internet : Nous retiendrons les 4 règles d'or Rapidité d'affichage, Sobriété, Clarté de la présentation Mise à jour fréquentes et de qualité...
Réaliser un site internet à l aide de Google Site 9 Chapitre 2 Créer son site et ses pages avec Google Site 1. Créer un Google site 1. Rendez-vous sur www.google.be et connectez-vous à votre compte Gmail Notez qu il est préférable d employer Google Chrome afin de travailler sur son site car celui-ci est parfaitement adapté aux technologies de Google. Si, comme sur cette image, un encart vous propose d installer Google Chrome, vous pouvez, après avoir vérifié si vous ne le possédez pas déjà, l installer. 2. Connectez-vous ensuite directement à la page d accueil de Google consacrée aux Google Site: https://sites.google.com 3. Cliquez sur Créer
Réaliser un site internet à l aide de Google Site 10 F A B C D E 4. Compléter les champs du formulaire : A. Sélectionnez le modèle à employer, mieux vaut débuter avec un modèle vierge (plus simple à appréhender) B. Saisir le nom du site (les accents et les espaces sont possibles). C. L'adresse du site (attention pas d'accent ou d'espace et au moins 8 caractères) se complètent automatiquement en fonction du nom du site que vous avez choisi, vous pouvez éventuellement la corriger : http://sites.google.com/site/**********/ D. Les choix du thème et des "lecteurs" du site pourront être modifiés ultérieurement (mieux vaut débuter avec un modèle vierge et un thème simple pour débuter) E. Saisir le code affiché F. Cliquer sur "Créer un site".
2. Se connecter à Google Site quand le site a déjà été créé Réaliser un site internet à l aide de Google Site 11 1. Rendez-vous sur www.google.be et connectez-vous à votre compte Gmail 2. Connectez-vous à la page d accueil de Google consacrée aux Google Site: https://sites.google.com 3. Votre site apparaît dans la liste des sites que vous gérez (vous pouvez gérer plusieurs sites à partir d un même compte), cliquez dessus. 3. Créer la page d accueil Le site est désormais créé. Il ne reste plus qu'à lui donner du contenu. Au départ, le site contient une arborescence très simple: une simple page d'accueil. 1. Cliquez sur Modifier la page 2. Ajoutez le contenu à votre page d accueil Saisissez le titre de votre page (indépendant du nom de la page) et le message de bienvenue, d introduction à votre site dans la zone principale Les différentes fonctions de mise en page du texte sont similaires à celle d'un traitement de texte. On peut changer la police, faire varier la taille, mettre en gras etc Préférez les styles prédéfinis du menu Format pour une bonne uniformité et un bon référencement sous la recherche Google.
Réaliser un site internet à l aide de Google Site 12 4. Créer d autres pages 1. Cliquer sur "Nouvelle page" dans la barre de menu. 2. Saisir un nom pour cette page dans la ligne "Nom de la page" (il peut y avoir des accents, espaces,...). En dessous s'affiche automatiquement l'url (l'adresse Internet) de cette nouvelle page (sans accent, espace,...) celle-ci peut être modifiée. 3. Sélectionner un modèle (explications ci-après) 4. Sélectionner le niveau (si elle de même importance que la page d accueil : "Placer la page à la racine", sinon, Placer la page sous ) 5. Validez par "Créer" 5 2 3 4 5. Modifier ou supprimer une page Modifier une page 1. Affichez la page à modifier 2. Cliquez sur "Modifier la page" dans la barre de menu Supprimer une page 1. Affichez la page à supprimer. 2. Cliquer sur "Plus d'actions" dans la barre de menu, puis "Supprimer la page" 3. Confirmez la suppression. 6. Restaurer une page modifiée par erreur 1. Affichez la page concernée. 2. En cliquant sur "Plus d'actions" dans la barre de menu, puis "Historique des révisions", il est possible d'accéder à l'historique de cette page et de consulter et/ou de revenir à une version antérieure.
7. Modifier la mise en page de la page Réaliser un site internet à l aide de Google Site 13 Une fois en mode modification, sélectionnez le menu Mise en page pour choisir un des modèles proposés par Google Sites. Ces modèles permettent d'avoir des zones distinctes sur la page (elle permet d'opter pour une présentation sur plusieurs colonnes). Essayez de préserver une mise en page identique tout au long de votre site. 8. Modifier les paramètres de la page Accéder aux paramètres de la page permettent de modifier certains éléments constitutifs, pour ce faire, la page à modifier doit être affichée > Cliquez sur Plus d actions la page. > Puis sélectionnez Paramètres de Autoriser ou non commentaires Décochez "Autoriser les commentaires" (d'une manière générale, il n'y a pas de raison que les visiteurs aient besoin de commenter toutes les pages de votre site web). Cliquez sur Enregistrer. Autoriser ou non les pièces jointes Décochez "Autoriser les pièces jointes" Autres modifications possibles au niveau d'une page Afficher ou non le titre de la page. Afficher ou non des liens vers des sous-pages.
Réaliser un site internet à l aide de Google Site 14 9. Les diverses catégories de pages Lors de la création d'un page, quatre modèles sont proposés : Page classique Annonces : permet de gérer des événements, news, qui se présenteront chrnonologiquement tel un blog Classeur: permet de proposer en téléchargement des fichiers, organisés dans des dossiers et sousdossiers, et d'être tenu informé des mises à jour. Liste : permet de gérer des listes de personnes, produits, cette liste pourra être triée en ligne par les internautes. a. Utiliser la fonction classeur La fonction classeur de Google Sites permet de partager des documents (Word, Excel, Powerpoint, PDF...), des fichiers, des images, etc. comme vous le feriez si vous partagiez les répertoires de votre ordinateur. Ajoutez des fichiers en les chargeant de votre ordinateur (Ajouter un fichier) ou en liant des fichiers externes (Ajouter un lien), par exemple des Google Documents (il suffit de coller l'url du fichier dans la zone le Web et renseigner le texte à afficher et une description). Cliquez sur le bouton "Déplacer vers", "Nouveau dossier... ", entrez un nom pour le dossier Un fois que vous avez ajouté vos fichiers, vous pouvez les classer dans les dossiers créés précédemment en sélectionnant le(s) fichier(s) à classer et en cliquant sur le menu Déplacer vers puis en cliquant sur le nom du dossier de destination b. Utiliser la fonction mini blog d annonces La fonction mini-blog d'annonce vous permet de gérer une partie de votre Google Sites comme un blog, le dernier message publié est affiché en haut de la page et les internautes peuvent vous suivre. Les utilisateurs, que vous y aurez autorisés, pourront participer à la rédaction de vos messages d'actualités et ajouter des commentaires.
Réaliser un site internet à l aide de Google Site 15 Pour pouvoir ajouter un message vous devez être connecté sur votre site, cliquez sur nouveau message... Saisissez le titre et le corps de votre message (vous pouvez ajouter des images, des vidéos, des documents...) Le lien s'abonner pour recevoir les messages... permet l'abonnement au flux RSS. c. Utiliser la fonction Liste La page présente un tableau facilitant l encodage d un grand nombre de données et qui peut être trié directement par l internaute.
Réaliser un site internet à l aide de Google Site 16 Chapitre 3 Intégrer des images dans son site Web 1. Insérer des images dans une page N'hésitez pas à construire un site visuel en incorporant des éléments graphiques! Le menu Insertion permet d'importer dans la page des images provenant de votre disque dur ou d un site web. 2. Trouver des images libres de droits Cliquez sur le lien Images situé dans la partie supérieure de la page du moteur de recherche et entrez les mots-clés de votre recherche comme d habitude, lancez celle-ci. La liste des résultats est alors affichée sous forme de vignettes accompagnées de quelques informations relatives aux images trouvées : taille, format de fichier, site sur lequel se trouve l image. Affinez le résultat de recherche en cliquant sur Outils de recherche en haut de la page de résultats : taille de l image, type (photo, clipart), les formats de fichiers, couleurs Les images sont en libre accès sur Internet mais ne sont pas pour autant toutes libres de droits. Les images sont soumises aux droits d auteur ; dans la plupart des cas, vous ne pourrez pas les utiliser librement, et parfois, vous devrez payer une licence d utilisation. En ne respectant pas les conditions d utilisation, vous risquez de devoir retirer l image que vous avez utilisée du support où vous l avez insérée (site web, document), mais également de devoir payer des indemnités à l auteur. Dans les options avancées de Google, le critère Droits d utilisation vous permettra donc de restreindre les résultats aux images que vous pourrez utiliser. Vérifiez tout de même les conditions d utilisation de celles qui vous intéressent (deux précautions valant mieux qu une), surtout si l usage que vous leur destinez est à caractère professionnel. 2. Les sites de partage ou de vente de photographies http://www.stockvault.net/ Site simple de partage photos avec une navigation efficace (près de 30 000 photos de qualité) http://www.everystockphoto.com/ Moteur de recherche d images gratuites et libre de droits www.fotolia.com Images, vecteurs et vidéos libres de droits à partir de 0,16 www.istockphoto.com Fichiers audio, photos, illustrations et vidéos à des prix imbattables.
www.shutterstock.com Plus de 28 millions de photos, d'illustrations, d'images vectorielles et de vidéos http://subtlepatterns.com/ Fond d'écran pour sites web libre de droit Autres sites de partage de photos : www.fotosearch.fr www.dreamstime.com www.stockfreeimages.com Réaliser un site internet à l aide de Google Site 17 3. Modifier une image (> Windows XP) Clic droit sur l image > Modifier L image s ouvre dans Paint, elle est prête à être modifiée Sous l onglet Accueil, dans le groupe Image, cliquez sur Redimensionner. Dans la boîte de dialogue Redimensionner et incliner, activez la case à cocher Conserver les proportions pour que l image redimensionnée ait les mêmes proportions que l image d origine. Si la case à cocher Conserver les proportions est activée, vous devez seulement entrer la valeur horizontale (largeur) ou la valeur verticale (hauteur). L autre zone de la zone Redimensionner est mise à jour automatiquement. Pour redimensionner votre image d un certain pourcentage, cliquez sur Pourcentage, puis entrez un pourcentage pour réduire la largeur dans la zone Horizontal ou un pourcentage pour réduire la hauteur dans la zone Vertical. Pour redimensionner l image à une taille spécifique, cliquez sur Pixels, puis entrez une nouvelle largeur dans la zone Horizontal ou une nouvelle hauteur dans la zone Vertical. Cliquez Enregistrer
Réaliser un site internet à l aide de Google Site 18 Chapitre 4 Intégrer des liens hypertextes dans son site Web 1. Créer un lien hypertexte vers ses propres pages 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.
2. Créer un lien hypertexte vers un site extérieur Réaliser un site internet à l aide de Google Site 19 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. 3. Créer un lien de messagerie Vous pouvez créer un lien qui déclenchera l ouverture du logiciel de messagerie installé, par défaut, sur le poste de l internaute : Cliquez sur le bouton Modifier la page pour ouvrir l'éditeur de site. Sélectionnez le texte qui constituera le lien puis cliquez sur le bouton Lien dans la barre d outils Créez ensuite un lien vers une adresse Web contenant une URL précédée par «mailto :»
4. Créer une image cliquable Réaliser un site internet à l aide de Google Site 20 Cliquez sur le bouton Modifier la page pour ouvrir l'éditeur de site. Insérez votre image comme d habitude (cfr chapitre 03) Lorsque votre image est sélectionnée, il est dès lors possible de modifier le lien hypertexte automatiquement attaché à l image insérée : Il est ainsi possible de créer une image cliquable qui mènera à une page de notre Google site ou vers un site extérieur au nôtre. 5. Créer un lien vers un fichier (PDF, ) Vous pouvez intégrer des liens vers des documents (feuilles de calcul, présentations, ) stockés dans votre Google Drive. Cliquez sur le bouton Modifier la page pour ouvrir l'éditeur de site. Sélectionnez le texte qui constituera le lien Dans le menu Insertion > Google > Drive > sélectionnez l'élément que vous voulez insérer. Remarque : Une fois inséré, l'élément ne sera accessible qu'en lecture au public. Toutefois, lorsque le contenu des éléments est modifié à son emplacement source et publié, il est automatiquement mis à jour sur votre site. Lorsqu'un utilisateur dispose d'un droit d'accès collaborateur sur votre site, il peut voir un lien sous chaque élément inséré. Il lui suffit de cliquer dessus pour faire apparaître une version modifiable de l'élément en question. Google Drive Google Drive est une mini-suite bureautique en ligne. On y trouve un traitement de texte, un tableur et un outil de création de diaporamas. Les trois outils bénéficient d une utilisation très simple. Il suffit d avoir un compte Google, une fois connecté, la page d accueil de Google Documents affiche la liste des derniers documents créés ou modifiés, et propose d en créer de nouveaux. Mais le vrai intérêt de Google Drive est la possibilité de stocker et partager ses documents, les envoyer par email, ou, surtout, travailler à plusieurs en même temps sur un même document. Toutes les modifications sont enregistrées, et il est même possible de consulter l historique des modifications. Il est possible d importer et d exporter des fichiers dans des formats connus et de les utiliser via Google Drive mais également de les afficher directement sur un site Web.
Créer un document sur son Drive Cliquez sur Créer puis sur le type de document à réaliser Vous les créez ensuite comme avec une suite bureautique classique Importer un document Réaliser un site internet à l aide de Google Site 21 Vous pouvez également télécharger un document en cliquant sur Importer. Cliquez sur Parcourir et sélectionnez le fichier désiré à l'endroit où il est rangé sur votre disque dur, ou s'il est en ligne, l'adresse du fichier Donnez-lui un titre et cliquez sur Démarrer l importation, votre fichier s'ouvre dans la fenêtre de Google Drive, vous pouvez le modifier. Publier et partager l'édition de documents Ajoutez ou créez tout d abord votre fichier dans l'interface de Google Drive Une fois présent dans votre Drive, sélectionnez votre fichier puis cliquez sur Partager. Déterminez comment va s'effectuer le partage, vous pouvez copier ce lien et le communiquer aux personnes concernées ou inviter certain utilisateurs par mail à consulter ce document. Lorsqu un document est partagé et qu il est consulté au même moment par plusieurs personnes, une zone de conversation apparaît permettant un dialogue en direct fonctionnant comme du chat. 6. Ajouter un fil d Ariane Un fil d Ariane (en anglais, breadcrumb, par allusion aux miettes de pain utilisées par Le Petit Poucet) est un système d'aide à la navigation fournissant des liens en arrière sur chaque étape (page) parcourue par l'utilisateur au fil de sa navigation. 1. Affichez la page d accueil de votre site 2. Cliquez sur «Plus d'actions» puis "Paramètre de la page" 3. Afficher des liens vers les sous-pages : cette option permet d'afficher le Fil d'ariane des sous-pages liées à la page que vous êtes en train de modifier, celui-ci s'affiche en pied de page.
Réaliser un site internet à l aide de Google Site 22 Chapitre 5 Gestion de la navigation 1. Modifier la mise en page du site Le menu est la colonne vertébrale de votre site. Il vous permet de naviguer facilement dans les différentes parties. Il est donc important qu'il soit bien pensé et esthétique. Le menu par défaut de Google Sites est textuel. 1. Affichez la page d accueil de votre site 2. Cliquez sur «Plus d'actions» puis "Modifier la Mise en page du site" 3. Une fois sur la page de gestion (administration) de la mise en page du site, activez ou désactivez les zones à afficher sur le site ("En-tête", "Navigation horizontale", "barre latérale", "pied de page") Chaque élément est ensuite modifiable individuellement. 2. Ajouter une barre de navigation horizontale 1. Cliquez sur «Plus d'actions» puis "Modifier la Mise en page du site" 2. Activez l affichage de la navigation horizontale 3. Cliquez sur la zone correspondant à la barre de navigation horizontale pour la personnaliser
Réaliser un site internet à l aide de Google Site 23 B A C D A. Ajoutez les pages qui se retrouveront dans cette barre de navigation, Ajouter une URL permettra d ajouter un lien vers un site extérieur (par exemple une page Facebook) A. B. Réorganisez les pages constituant votre navigation, supprimez éventuellement une page de cette barre de navigation (la page en elle-même ne sera pas supprimée) C. Ajoutez des liens vers des pages générées par Google Site D. Choisissez un style pour la barre de navigation 4. Cliquez sur "Ok" lorsque les modifications ont été terminées. 3. Ajouter une barre de navigation latérale 1. Affichez la page d accueil de votre site 2. Cliquez sur «Plus d'actions» puis "Modifier la Mise en page du site" 3. Activez l affichage de la navigation horizontale 4. Cliquez sur la zone correspondant à la barre latérale pour la personnaliser
Réaliser un site internet à l aide de Google Site 24 A B D C E A. Titrez la barre de navigation, choisissez d afficher le titre ou non B. Décochez «Organiser automatiquement ma navigation» si vous souhaitez choisir quelles pages et dans quel ordre celles-ci s afficheront. C. Ajoutez les pages qui se retrouveront dans cette barre de navigation, Ajouter une URL permettra d ajouter un lien vers un site extérieur (par exemple une page Facebook) D. Réorganisez les pages constituant votre navigation, supprimez éventuellement une page de cette barre de navigation (la page en elle-même ne sera pas supprimée) E. Ajoutez des liens vers des pages générées par Google Site 5. Une fois le menu composé de toutes les pages souhaitées, il est possible d en modifier son aspect. Cliquez sur la zone correspondant la barre latérale (crayon) pour la personnaliser
Réaliser un site internet à l aide de Google Site 25 1. La barre latérale peut apparaître sur la droite ou la gauche et une largeur peut être définie 4. Ajouter un en-tête à votre site 2. Affichez la page d accueil de votre site 3. Cliquez sur «Plus d'actions» puis "Modifier la Mise en page du site" 4. Activez l affichage de la navigation horizontale 5. Cliquez sur la zone correspondant à l en-tête pour le personnaliser
Réaliser un site internet à l aide de Google Site 26 B C A A. Si vous souhaitez ajouter une image personnelle dans la bannière de votre site, accédez à celle-ci en activant «Logo personnalisé» et en cliquant sur «Choisissez un fichier» B. Déterminez une hauteur différente pour votre site web en utilisant la taille initiale de l image ajoutée ou en définissant une dimension en pixels C. Déterminez un alignement horizontal et vertical pour l image au sein de la bannière 5. Ajouter un pied de page à votre site 1. Affichez la page d accueil de votre site 2. Cliquez sur «Plus d'actions» puis "Modifier la Mise en page du site" 3. Activez l affichage de la navigation horizontale 4. Cliquez sur la zone correspondant au pied de page pour le personnaliser 5. Tapez et formatez le texte comme d habitude, celui-ci apparaîtra en pied de page de toutes les pages du site web.
Réaliser un site internet à l aide de Google Site 27 Chapitre 6 Gestion de l apparence 1. Modifier le look (thème) du site 1. Cliquez sur «Plus d'actions» puis "Gérer le site" et enfin "Thèmes, couleurs et polices" 2. Modifiez le thème défini au départ 2. Personnaliser le look (thème) du site 1. Cliquez sur «Plus d'actions» puis "Gérer le site" et enfin "Thèmes, couleurs et polices" Sélectionnez chaque élément du site et personnalisez l apparence de l arrière-plan, police d écriture, Conseil : Prenez note sur un bout de papier des codes couleurs que vous employez, des noms des polices d écriture Evitez de mélanger plus de 3 couleurs ou 3 polices d écriture différentes pour éviter un effet «surcharge»!
Réaliser un site internet à l aide de Google Site 28 Chapitre 7 Insérer des éléments multimédias dans une page N'hésitez pas à construire un site visuel en incorporant des éléments graphiques! Le menu Insertion permet d'importer dans la page différents éléments comme des images mais aussi un agenda Google, des documents de bureautique stockés sous Google Docs, des diaporamas Picasa, des vidéos YouTube, etc. 1. Ajouter une Google Maps Google Maps vous permet de créer vos propres cartes, et ainsi localiser précisément une adresse. 1. Affichez la page devant contenir le Google Map, cliquez sur Modifier la page 2. Placez le curseur là où vous souhaitez la carte et dans le menu Insertion, cliquez sur Cartes (Google) 3. Encodez l adresse à localiser et ajoutez éventuellement un repère 4. Personnalisez son apparence
Réaliser un site internet à l aide de Google Site 29 5. Une fois inséré, les gadgets peuvent être personnalisés : Revenir à la boîte de dialogue de paramétrage Gérer l alignement horizontal Intégrer dans le texte Supprimer le gadget 2. Ajouter un diaporama Picasa 1. Affichez la page devant contenir le diaporama, cliquez sur Modifier la page 2. Placez le curseur là où vous souhaitez le diaporama et dans le menu Insertion, cliquez sur Google + puis sur Album photo 3. Vous accédez aux albums web de Picasa associés à votre compte, sélectionnez l album souhaité 4. Personnalisez son apparence 5. Personnalisez sa taille et son emplacement sur la page 3. Ajouter un Agenda 1. Affichez la page devant contenir l agenda, cliquez sur Modifier la page
Réaliser un site internet à l aide de Google Site 30 2. Placez le curseur là où vous souhaitez la présentation et dans le menu Insertion, cliquez sur Google Agenda 3. Si vous disposez de plusieurs agendas associés à votre compte, sélectionnez celui qui devra apparaître sur le site 4. Personnalisez son apparence 4. Ajouter une vidéo 1. Affichez la page devant contenir le diaporama, cliquez sur Modifier la page 2. Placez le curseur là où vous souhaitez la présentation et dans le menu Insertion, cliquez sur Drive puis sur Vidéo 3. Vous pouvez également intégrer des vidéos directement de YouTube 4. Cette manœuvre suppose que la vidéo devant apparaître sur votre site a été stockée auprès de Google Drive ou You tube lisez leurs conditions d utilisation pour en savoir plus 5. Au moment de l ajout du lien vers la vidéo, une fenêtre vous permet de personnaliser l apparence du lecteur de la vidéo.
5. Ajouter un forum Réaliser un site internet à l aide de Google Site 31 Google Groups est un service prévu pour gérer des forums, aussi appelé groupes de discussions ou encore newsgroup. Il faut bien évidemment créer ce groupe avant de pouvoir l insérer dans sa page. 1. Affichez la page devant contenir l agenda, cliquez sur Modifier la page 2. Placez le curseur là où vous souhaitez la présentation et dans le menu Insertion, cliquez sur Groupe d. Créer un groupe Google 1. Rendez-vous à l adresse : https://groups.google.com/ 2. Dans l'écran d'accueil, cliquez sur le bouton Nouveau groupe. La page Créer un groupe s'affiche. 3. Vous devez fournir trois éléments lorsque vous créez un groupe Google : une description, le type de groupe et les autorisations de base. Pour créer un groupe Google : 4. Cliquez sur le bouton Créer. Le groupe est créé. 5. Une fois que votre forum est créé vous pouvez personnaliser le message de bienvenue et lancer une nouvelle discussion. 6. Vous pouvez directement ajouter un lien vers votre forum dans votre barre de navigation en ajoutant un lien externe.
Réaliser un site internet à l aide de Google Site 32 Chapitre 7 Paramètres et Partage du site 1. Modifier les paramétrages du site 1. Cliquez sur «Plus d'actions» puis "Gérer le site", catégorie "Général" Changer le titre du site: modifier le nom dans la ligne "Nom de site". Afficher ou non le nom du site en haut de chaque page : cocher ou décocher "Afficher le nom du site en haut des pages " (sous "Nom du site") Modifier ou compléter la description du site : modifier ou compléter la ligne "Description du site" Choisir ou modifier la page d'accueil du site, il s'agit de la page de destination par défaut que les utilisateurs voient lorsqu'ils visitent votre site (par défaut c'est la 1ère page créée) : cliquer sur "Modifier" dans la ligne "Page de destination" Copier ce site ou Supprimer le site (Attention, celle-ci est permanente!) permet de faire un backup ou supprimer le site internet Configuration de la recherche pour votre site permet L'onglet Général permet d'activer / désactiver la recherche et de choisir si vous voulez étendre la recherche au World Wide Web ou non. L'onglet Avancé permet d'ajouter un autre site de votre domaine à la recherche N hésitez pas à cliquer sur "En savoir plus" pour obtenir des informations complémentaires 2. Cliquez sur «Plus d'actions» puis "Gérer le site", catégorie "Partage et autorisations" Envoyez un lien de partage via un ou plusieurs réseaux sociaux proposés Saisissez les adresses e-mail des personnes avec lesquelles vous désirez partager votre site. Vous pouvez personnaliser le message d'invitation, attribuez leur un niveau d'autorisation : propriétaire, collaborateur ou lecteur puis cliquez sur Inviter ces personnes.
Réaliser un site internet à l aide de Google Site 33 La personne invitée va recevoir un mail l'invitant à créer un compte google si elle n'en possède pas encore, afin de pouvoir se connecter sur votre Google Sites. 3. Cliquez sur «Plus d'actions» puis "Gérer le site", catégorie "Thèmes, couleurs et polices" Les thèmes sont des combinaisons de modèles, de couleurs et d'images préparées pour vous. Lorsque vous choisissez un thème, vous pouvez remplacer des valeurs spécifiques telles que les couleurs de l'arrière-plan et les images. Changer l'url de la page (celle qui s'affiche dans le navigateur Internet) Modifier l'url : seuls les caractères suivants (sans accent, espace ni cédille) sont autorisés pour les URL de pages : -,A-Z,a-z,0-9. L'URL est "proposée" par Google en fonction du titre de la page lors de la création de la page mais peut être modifié. Cliquer sur "Enregistrer". Remarques : le choix de l'url joue un rôle non négligeable dans le référencement de cette page dans les moteurs de recherche, en particulier Google, il est donc important de le soigner. Afficher le nom de la page dans la zone Navigation de la barre latérale (menu de droite ou de gauche) Cocher "Afficher la page dans la zone Navigation de la barre latérale". Cliquer sur "Enregistrer" 2. Les utilisateurs d un Google Site Un site peut être partagé avec des utilisateurs spécifiques ou avec le monde entier. Google Sites permet aux utilisateurs de choisir parmi différents niveaux d'autorisations. Ces options sont : Propriétaires, Collaborateurs et Lecteurs. Vous trouverez ci-dessous une description rapide de ces options. Les propriétaires peuvent : inviter d'autres propriétaires, collaborateurs ou lecteurs ; modifier les thèmes et la mise en page du site ; modifier le nom du site ; supprimer le site ; accéder aux mêmes fonctions qu'un collaborateur. Les collaborateurs peuvent : créer, modifier, supprimer des pages ; déplacer des pages ; ajouter des pièces jointes ; ajouter des commentaires ; ajouter/supprimer des pages au menu de navigation de la barre latérale ; s'abonner aux modifications du site et des pages.
Les lecteurs peuvent : uniquement consulter les pages. Réaliser un site internet à l aide de Google Site 34 3. Inscrire des lecteurs et/ou des auteurs et/ou des propriétaires Le menu Plus d'actions puis Gérer le site et l'onglet Partage et autorisations permet d inviter des utilisateurs en tant que propriétaires, collaborateurs ou lecteurs. Est-il nécessaire d'avoir un compte Gmail pour collaborer à un site? Dans l'aide en ligne de Google Sites on peut lire "Les utilisateurs qui n'appartiennent à aucun domaine doivent se servir du lien "Se connecter avec un autre compte" pour accéder au site auquel ils ont été invités à collaborer. A moins de réussir à trouver ce lien (où?), il semble nécessaire d'avoir un compte Google pour collaborer à un site. Recevoir un courriel à chaque création ou modification d'une page du site Cliquez dans la barre de menu sur "Plus d'actions" puis cliquer sur "Recevoir les notifications de mise à jour (site)" et/ou "Recevoir les notifications de mise à jour (page)". Inscrire un utilisateur. 1. Le menu Plus d'actions puis Gérer le site et l'onglet Partage et autorisations, cochez "Modification autorisée" ou "Consultation autorisée". 2. Saisir la ou les adresses des lecteurs et cliquez sur "Inviter ces personnes". 3. Complétez le courriel qui va leur être envoyé et cliquez sur "Envoyer" 4. La liste des utilisateurs s'affiche. Désinscrire un utilisateur. 1. Le menu Plus d'actions puis Gérer le site et l'onglet Partage et autorisations, affiche la liste des utilisateurs du site, 2. Il est possible dans cette liste de "Supprimer" un utilisateur. 4. Supprimer des commentaires et des pièces jointes? Seul l'auteur du commentaire ou de la pièce jointe ou le propriétaire du site est habilité à les supprimer. Ces utilisateurs disposent d'un lien Supprimer en regard de chaque commentaire et de chaque pièce jointe sur lesquels ils possèdent des droits.