Tutoriel pour la création d'un Google Sites

Transcription

1 Créer un site web gratuitement avec Google Sites Le site des tutoriels Google Sites, pour créer gratuitement un site Google, trucs et astuces, best practice et info technique pour Google Sites, Gmail, Google Agenda, YouTube, Picasa, Google Maps, Google Reader, Google Groups, Google Document... Rejoignez-nous sur Facebook TECHNOCONSEIL

2 Sommaire Tutoriel pour la création d'un Google Sites... 3 Création du compte Gmail... 5 Création du site... 9 Paramètres du site Mise en page du site (1) Couleurs et Polices Configurer le moteur de recherche Mise en page du site (2) Modifier la page d'accueil Modifier les paramètres de la page d'accueil Créer les pages (annuaire, chiffres clés, historique...) Modifier la barre latérale (1) Insérer une liste des sous-pages Créer les pages (Les Clients, Les hommes, Actualités) Modifier la barre latérale (2) Modifier le modèle de page (Actualités) Utiliser la fonction mini blog d'annonces Ajouter une Google Maps à la page Annuaire Ajouter un graphique dynamique Ajouter une présentation Google Ajouter un diaporama Picasa Ajouter une vidéo YouTube Modifier le modèle de page (Les Hommes) Utiliser la fonction Classeur Créer une FAQ avec Google Groups Créer un blog et afficher les messages sur le site Se connecter sur son site Gestion des images TechnoConseil 2

3 Tutoriel pour la création d'un Google Sites Pré-requis pour réaliser les exercices de ce tutoriel : Posséder un compte Google, Avoir activé le service Google Sites, Être connecté (authentifié) sur votre Google Sites pour effectuer les exercices. Lorsque que vous créez un compte Google*, plus connu sous le nom de compte Gmail, vous disposez d'une palette d'outils tels que : Gmail Google Agenda Google Document Google Talk Google Sites (...) Dans ce tutoriel nous vous montrons comment réaliser un site Google Sites** avec votre compte Gmail. En suivant ce tutoriel pas à pas vous pourrez réaliser un site similaire à celui de notre exemple : Voici les services dont vous disposez (au 30/12/2009) lorsque vous créez un compte Gmail : * Il est possible de créer un compte Google avec votre adresse personnelle (ex : prenom.nom@mondomaine.com) mais dans ce cas vous ne disposerez pas de tous les services proposés par Google. TechnoConseil 3

4 Voici les services dont vous disposez lorsque que vous créez un compte Google avec une adresse qui ne se termine pas : ** Google Sites fait aussi parti des services d'entreprises Google Apps, voir les exemples sur TechnoConseil 4

5 Création du compte Gmail La 1ère étape de ce tutoriel consiste à lancer une recherche dans Google pour trouver le service Gmail... Une fois le résultat de la recherche affiché, vous pouvez sélectionner le lien vers le service Gmail... TechnoConseil 5

6 Choisissez l'option Créer un compte... Remplissez le formulaire d'inscription et continuez... TechnoConseil 6

7 Étape 2 de l'inscription... Une fois que vous avez reçu le code d'inscription via SMS, saisissez le dans le formulaire d'inscription et validez... TechnoConseil 7

8 Votre compte Gmail est créé ;o) Vous pouvez maintenant accéder à votre compte et aux différents services Google. TechnoConseil 8

9 Création du site Lorsque vous ouvrez votre page d'accueil Gmail, différents menus sont affichés en haut de la page à droite, il s'agit des services Google auxquels vous avez accès. Les menus plus et encore plus vous permettent d'afficher l'ensemble des services disponibles. Choisissez le menu Sites, si vous avez plusieurs compte Gmail, Google vous demandera de choisir le compte que vous souhaitez utiliser, choisissez le compte approprié et continuez. Si vous vous connectez pour la 1ère fois à Google Sites, Google vous demandera surement de vous identifier, saisissez vos informations et continuez... TechnoConseil 9

10 Vous êtes maintenant connecté au service Google Sites (l'url affichée n'est plus mail.google.com mais sites.google.com). Vous pouvez revenir sur le service Gmail quand vous le souhaitez en cliquant sur le menu Gmail en haut à droite de la page. Pour créer votre site cliquez sur le bouton Créer un site... Pour commencer et mieux comprendre Google Sites choisissez un Modèle vierge, renseignez le Nom de votre site (mon site perso... pour notre exemple), lorsque vous saisirez le nom de votre site L'adresse de votre site sera créée automatiquement donc ne vous ne vous occupez pas de cette information. Choisissez un modèle de site Simple... TechnoConseil 10

11 Pour un site Public choisissez l'option Tout le monde peut consulter ce site, renseignez le captcha et cliquez sur le bouton Créer un site... Votre site est maintenant créé. TechnoConseil 11

12 Paramètres du site Maintenant que le site est créé, vous allez pouvoir le customiser à votre guise, par exemple si vous ne souhaitez pas afficher le titre de votre site (mon site perso avec gmail dans notre exemple) mais plutôt une image et/ou un logo voici les étapes à suivre... Cliquez sur le menu Plus d'actions en haut à droite de la page Google Sites et sélectionnez le sous-menu Gérer le site... Un fois sur la page de gestion (administration) de votre site, cliquez sur le menu Général... Désactiver l'option Afficher le nom du site en haut des pages. Vous devez garder un Nom de site pour pouvoir l'identifier dans votre liste de sites (lorsque vous en aurez plusieurs cette information TechnoConseil 12

13 sera indispensable) et pour améliorer l'indexation dans les moteurs de recherche (Google, Yahoo et MSN) Enregistrez les modifications avant de sortir de la page et de Revenir au site. TechnoConseil 13

14 Mise en page du site (1) Vous allez fixer la largeur de votre site à 955 pixels pour qu'il soit toujours affiché de la même manière quel que soit le type d'écran utilisé. Vous éviterez ainsi que votre site soit complètement "cassé" sur un écran haute résolution. Cliquez sur les menus Mise en page du site et Modifier la mise en page du sitede l'interface de gestion (administration) du site. Renseignez les valeurs suivantes Largeur du site 955px, Hauteur de l'en-tête 160 pixels (l'image de notre exemple fait 159 pixels de hauteur), laisser la valeur par défaut de la Barre latérale à 150 pixels, cliquez sur OK... Enregistrer les modifications avant de Revenir au site. TechnoConseil 14

15 Couleurs et Polices Une fois la largeur de votre site ajustée, vous allez importer l'image d'en-tête de votre site (dans notre exemple l'image fait 955 pixels de largeur et 159 pixels de hauteur). Cliquez sur le menu Couleurs et polices, dans le menu déroulant choisissez l'option En-tête de site > image d'arrière plan des entêtes de sites... Cliquez sur le bouton Choisissez un fichier pour ouvrir la boite de dialogue et choisir l'image se trouvant sur votre ordinateur... Une fois l'image choisie, sélectionnez les options suivantes : Juxtaposition Aucun, Position horizontale Au centre, Position verticale Haut... TechnoConseil 15

16 Enregistrez les modifications avant de Revenir au site. Votre image est maintenant affichée en en-tête de votre site. TechnoConseil 16

17 Configurer le moteur de recherche Une fonction de Google Sites permet de modifier les paramètres du moteur de recherche intégré, il est aussi possible de le désactiver. Lorsque vous êtes sur la page d'accueil de votre site cliquez sur le menu Plus d'actions > Gérer le site, une fois que vous êtes sur la page de gestion (administration) du site cliquez sur le menu Mise en page du site et ensuite cliquez sur Configurer la recherche, la boite de dialogue Configurer la recherche sur le site doit s'afficher. 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, dans notre exemple nous allons juste modifier le libellé du bouton "Rechercher". Donc dans l'onglet Avancé vous allez cliquer sur le bouton Ajouter un moteur dans la fenêtre suivante vous ne modifiez pas l'option Type, vous nommez votre nouveau moteur de recherche, par exemple Nom : GO, et vous ajouter le site sur lequel vous êtes en train de travailler, soit Sites à inclure : sélectionnez votre site dans le menu déroulant (monsiteperso99 dans notre exemple) et cliquez sur le bouton Ajouter un site, cliquez sur OK... Il faut ensuite retourner dans l'onglet Général, désactiver l'option Moteur de recherche : Ce site et modifier la recherche par défaut pour afficher votre nouveau moteur, soit : Recherche par défaut : GO. Cliquez sur OK et Modifier la mise en page du site avant de Revenir au site. TechnoConseil 17

18 Votre nouveau moteur de recherche avec le bouton GO est maintenant affiché sur la page d'accueil. TechnoConseil 18

19 Mise en page du site (2) Dans Google Sites vous pouvez modifier le positionnement de la barre latérale ou la désactiver pour qu'elle ne soit plus affichée sur votre site. Dans notre exemple vous allez mettre la barre latérale à droite de votre site. Pour cela vous devez, lorsque vous êtes sur la page d'accueil de votre site, cliquer sur le menu Plus d'actions > Gérer le site, une fois que vous êtes sur la page de gestion (administration) du site cliquez sur le menu Mise en page du site et ensuite cliquez sur Modifier la mise en page du site. Ensuite cochez l'option Barre latérale : sur la droite puis cliquez sur OK. La barre latérale est maintenant affichée à droite TechnoConseil 19

20 Modifier la page d'accueil Pour modifier votre page d'accueil, cliquez sur le bouton Modifier la page... Une fois en mode modification, sélectionnez le menu Mise en page pour choisir un des modèles proposés par Google Sites, choisissez le modèle Barre latérale gauche (ce modèle permet d'avoir 4 zones distinctes nécessaires pour la suite de notre exemple). Dans la zone supérieure saisissez le titre de votre page, ce titre est indépendant du nom de la page (Accueil dans notre exemple), il ne sera pas affiché dans la barre latérale. Le nom de la page peut aussi être modifié et/ou masqué, nous le ferons plus tard dans notre exemple. Dans le corps de votre TechnoConseil 20

21 page saisissez votre texte... Pour insérer une image dans le texte, sélectionnez le menu Insérer > Image... TechnoConseil 21

22 Choisissez un fichier à importer, cliquez sur l'image importée et faites OK... Pour intégrer l'image dans le texte, cliquez sur l'image et activez l'option Texte intégré... Voici votre page après avoir effectué les opérations ci-dessus, n'oubliez pas d'enregistrer vos TechnoConseil 22

23 modifications. TechnoConseil 23

24 Modifier les paramètres de la page d'accueil Google Sites propose par défaut toute une série d'options, pour les connaitre cliquez sur les menus Plus d'actions > Paramètres de la page : Afficher le titre de la page : le titre est le nom que vous donnez à votre page lorsque que vous la créez pour la 1ère fois (vous pouvez le modifier ensuite), c'est l'information qui est affichée dans la barre latérale et dans l'onglet de votre navigateur (il s'agit de la balise title). Vous pouvez donc décider d'afficher ou non cette information. Afficher des liens vers les sous-pages : cette option permet d'afficher le Fil d'ariane des souspages liées à la page que vous êtes en train de modifier, ce Fil d'ariane s'affiche en pied de page. Autoriser les pièces jointes : en activant cette fonction vous pouvez uploader des fichiers (Word, Excel, PDF, images...) et les afficher en pied de page. Autoriser les commentaires : en activant cette fonction vous pouvez rédiger des commentaires et les afficher en pied de page (seules les personnes que vous aurez habilitées à modifier la page pourront écrire des commentaires). URL de la page : vous pouvez modifier l'url de votre page (à utiliser avec modération surtout si vous avez déjà partagé cette page avec d'autres sites ou si cette page est indexée dans les moteurs de recherche). Modèle de page en cours d'utilisation : voir exemple d'utilisation. Pour notre exemple vous allez désactiver les 4 premières fonctions et enregistrer les modifications... TechnoConseil 24

25 Ensuite vous allez renommer le titre de la page, cliquez sur Modifier la page... Renommer Accueil en Le Groupe et enregistrer les modifications. TechnoConseil 25

26 Créer les pages (annuaire, chiffres clés, historique...) Dans cet exercice vous allez créer 4 pages. Ces 4 pages sont en fait 4 sous-pages de la page d'accueil (renommée Le Groupe dans l'exercice précédent). Cliquez sur le bouton Créer page... Créer la 1ère page : choisissez un modèle de page classique, saisissez le nom Annuaire du groupe et placez la page sous la page Le Groupe (page d'accueil). Ensuite, cliquez sur le bouton Créer une page... TechnoConseil 26

27 Créer la 2ème page : choisissez un modèle de page classique, saisissez le nom Chiffres clés, cliquez sur le lien Choisir un autre emplacement... Sélectionner la page Accueil (ou le Groupe). Ensuite, cliquez sur le bouton Sélectionner puis sur le bouton Créer une page... TechnoConseil 27

28 Pour la page Historique, répétez l'exercice précédent... Ensuite vous allez créer la page Gouvernance pour obtenir le résultat suivant. TechnoConseil 28

29 Modifier la barre latérale (1) Par défaut, toutes les nouvelles pages (et sous-pages) que vous créez dans votre Google Sites (voir exercice précédent) sont affichées dans la barre latérale dans l'ordre alphabétique du titre de la page. Dans cet exercice vous allez pouvoir modifier l'ordre des pages manuellement et supprimer les souspages car, à terme, vous ne voulez afficher dans la barre latérale que les pages de 1er niveau. Les pages de 1er niveau sont créées dans l'exercice Créer les pages (Les clients, Les hommes, Actualité) et ajoutées à la barre latérale dans l'exercice Modifier la barre latérale (2). Pour réaliser cet exemple vous allez cliquez dans le menu Modifier la barre latérale... Dans la page Personnaliser la mise en page de votre site cliquez sur le bouton modifier du menu Navigation... TechnoConseil 29

30 Décochez l'option Organiser automatiquement ma navigation et cliquez sur OK... Maintenant vous pouvez réorganiser votre barre latérale, supprimer les pages Annuaire du groupe, Chiffres clés, Historique et Gouvernance. TechnoConseil 30

31 Enregistrer les modifications et revenez au site. TechnoConseil 31

32 Insérer une liste des sous-pages Google Sites permet d'afficher un sous-menu de type barre latérale sur chacune de vos pages, cette fonction permet de bien répartir la navigation de votre site entre la barre latérales et vos sous-menu. Pour réaliser notre exemple, positionnez-vous sur la page d'accueil, mettez votre curseur dans la zone vide à gauche de la page et cliquez sur les menus Insérer > Liste des sous-pages... Choisissez un titre à afficher pour votre sous-menu (Le Groupe dans notre exemple), choisissez le niveau supérieur de la série de pages à afficher (choisir une page...)... TechnoConseil 32

33 Sélectionner la page Accueil (ou Le Groupe) et cliquer sur OK... Choisissez la profondeur de l'arborescence à afficher, dans notre exemple nous ne souhaitons afficher qu'un seul niveau de sous-pages, Afficher les niveaux1. Laissez la largeur vide pour un ajustement à 100%, sélectionnez l'apparence et enregistrez vos modifications. Enregistrer les modifications faites sur votre page... TechnoConseil 33

34 Remarque : vous pouvez modifier votre sous-menu en cliquant sur la zone liste de pages "Le Groupe" et le menu Propriétés. Votre sous-menu s'affiche maintenant sur votre page d'accueil. TechnoConseil 34

35 Créer les pages (Les Clients, Les hommes, Actualités) Dans l'exercice Créer les pages (annuaire, chiffres clés, historique...) vous avez vu comment créer les sous-pages de la page d'accueil, dans cette exercice vous allez créer 3 pages de 1er niveau (elles sont au même niveau que la page d'accueil). Cliquez sur le bouton Créer page... Choisissez un modèle de page classique, le nom de votre page est Les clients, placez la page au premier niveau, cliquez sur le bouton Créer une page... Choisissez un modèle de page classique, le nom de votre page est Les hommes, placez la page au premier niveau, cliquez sur le bouton Créer une page... TechnoConseil 35

36 Créez de la même manière que les 2 pages précédentes la page Actualités. TechnoConseil 36

37 Modifier la barre latérale (2) Dans l'exercice Modifier la barre latérale (1) nous avons vu comment modifier le comportement par défaut de la barre latérale, dans cette exercice nous allons voir comment ajouter de nouvelles pages à la barre latérale. Dans l'exercice précédent vous avez créé les pages "Les clients", "Les hommes" et "Actualités", vous allez maintenant ajouter ces pages dans la barre latérale. Cliquez sur le menu Modifier la barre latérale... Cliquez sur le menu modifier de la zone Navigation de votre barre latérale... TechnoConseil 37

38 Cliquez sur le bouton Ajouter une page de la zone Navigation et sélectionnez les pages à ajouter. Vous ne pouvez ajouter qu'une seule page à la fois donc dans notre exemple vous devrez recommencer l'opération 3 fois pour ajouter les pages : Les client, Les hommes, Actualité. Une fois les pages ajoutées, cliquez sur le bouton OK... TechnoConseil 38

39 Enregistrez les modifications et revenez au site... Vos pages sont maintenant affichées dans la barre latérale. TechnoConseil 39

40 Modifier le modèle de page (Actualités) Dans l'exercice Créer les pages (Les clients, Les hommes, Actualités) vous avez créez la page Actualités. Lors de cette création vous avez choisi un modèle de page classique. Dans cet exercice vous allez transformer votre page Actualités en mini-blog d'annonces (les fonctions mini-blog sont vues en détail dans l'exercice suivant). Positionnez vous sur la page Actualités et cliquez sur les menus Modifier la page > Modifier le modèle de page... Sélectionner un nouveau modèle de page à utiliser, cliquez sur Annonces et cliquez sur Modifier le modèle de page... TechnoConseil 40

41 Votre page Actualités affiche maintenant un bouton Nouveau message et un bouton aux internautes de s'abonner au flux d'actualité de votre page. permettant 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 publier est affiché en haut de la page et les internautes peuvent vous suivre avec leurs outils préférés (ex : FeedReader, Google Reader, Firefox...). Les utilisateurs, que vous y aurez autorisés, pourront participer à la rédaction de vos messages d'actualités et ajouter des commentaires. Dans l'exercice précédent vous avez vu comment modifier une page en mini-blog, dans cet exercice vous aller utiliser les fonctions mini-blog de Google Sites. Pour pouvoir ajouter un message vous devez êtreconnecté sur votre site (voir Se connecter sur son site). Cliquez sur nouveau message... TechnoConseil 41

42 Saisissez le titre et le corps de votre message (vous pouvez ajouter des images, des vidéos, des documents...) Pour tester le l'abonnement au flux RSS, cliquez sur le lien s'abonner pour recevoir les messages... TechnoConseil 42

43 Par défaut Google vous propose d'utiliser igoogle ou Google Reader mais vous pouvez utiliser d'autre outil tel que FeedReader ou même directement Firefox(dans ce cas copiez et coller le lien se terminant par posts.xml dans votre outil). Dans notre exemple nous allons utiliser Google Reader, cliquez sur le bouton Add to Google Reader, le nouvel abonnement s'affichera dans Google Reader, vous pouvez ainsi valider le contenu tel qu'il sera vu par vos abonnés. TechnoConseil 43

44 Ajouter une Google Maps à la page Annuaire Votre compte Gmail vous permet d'accéder à de multiples services, Google Maps est un de ces services. Google Maps vous permet de créer vos propres cartes, dans notre exemple vous aller insérer dans votre Google Sites une carte représentant la position géographique des filiales de votre société. Cliquez sur les menus plus et Maps (si le menu Maps n'est pas affiché cliquez sur le menu encore plus)... Une fois que la page d'accueil de Google Maps est affichée (si Google vous demande d'activer ce service, faites le) créez votre carte personnelle en utilisant les menus mes cartes > créer une nouvelle carte (voir le tutoriel fourni par Google). TechnoConseil 44

45 Une fois que votre carte personnelle est prête, copiez l'url de votre Google Maps. Retournez sur Google Sites pour insérer la carte dans la page Annuaire du groupe. Cliquez sur le bouton Modifier la page, placer votre curseur dans la zone centrale de votre page, cliquez sur les menus Insérer puis Carte... Collez l'url dans la section collez un lien Google Maps ici. TechnoConseil 45

46 Modifiez les paramètres suivants : Cochez l'option Inclure une bordure autour de la carte Google, Décochez l'option Inclure un titre, Renseignez la Hauteur 500 pixels, Laissez la largeur vide, Enregistrez les modifications. Votre carte est maintenant affichée dans votre site. TechnoConseil 46

47 Ajouter un graphique dynamique Dans ce chapitre nous allons voir comment insérer un graphique dynamique dans la page Chiffres clés de votre site. La source de données pour le graphique dynamique provient d'une feuille de calcul Google Spreadsheet. Commencez en sélectionnant le menu Documents. Créez une nouvelle feuille de calcul, menus Create new > Spreadsheet... TechnoConseil 47

48 Saisissez les valeurs dans votre feuille de calcul, enregistrer les modifications (menus File > Save), renommer votre feuille de calcul si nécessaire (menusfile > Rename, dans notre exemple la feuille de calcul se nomme Motion Chart 2)... Vous pouvez tester le graphique dynamique directement dans Google Documents afin d'évaluer le résultat avant de l'insérer dans votre site. Dans votre feuille de calcul cliquez sur les menus Insert > Gadget... TechnoConseil 48

49 Choisissez le gadget nommé Motion Chart et ajoutez le à la feuille de calcul (Add to spreadsheet)... Paramétrez le gadget et jouez le (bouton Play ). Si le résultat vous convient, enregistrez les modifications. Copiez l'url de votre feuille de calcul, voici les différentes étapes : share > get the link to share > allow anyone with the link to view (copiez le lien) > save and close. Vous allez pouvoir insérer le graphique dynamique dans votre site... TechnoConseil 49

50 Retournez dans Google Sites, positionnez vous sur la page Chiffres Clés et cliquez sur le bouton Modifier la page. Cliquez sur les menus Insérer > Autres gadgets... Recherchez le gadget motion chart et sélectionnez le... TechnoConseil 50

51 Collez l'url de votre feuille de calcul dans la zone URL de la source des données, modifiez la largeur 100 pour cent, la hauteur 350 pixels, cochezl'option Ajouter un barre de défilement..., cochez l'option Ajouter une bordure..., décochez Afficher le titre..., cliquez sur OK. Le graphique dynamique est maintenant affiché dans la page Chiffres clés. TechnoConseil 51

52 Ajouter une présentation Google Dans ce chapitre nous allons voir comment insérer une présentation Google Documents dans votre site. Ouvrez Google Documents en cliquant sur le menudocuments. Créez une nouvelle présentation en cliquant sur les menus Create new > Presentation (vous pouvez aussi importer une présentation Powerpoint existante en cliquant sur le bouton Upload). Voici à quoi ressemble la présentation de notre exemple (le titre de cette présentation est Historique), sauvegardez les modifications... TechnoConseil 52

53 Retournez dans Google Sites, positionnez-vous sur la page Historique de votre site et cliquez sur le bouton Modifier la page. Cliquez sur les menus Insérer > Présentation... Sélectionnez la présentation Historique... TechnoConseil 53

54 Modifiez les paramètres suivants : cochez l'option Inclure une bordure..., décochez l'option Inclure un titre, Taille Moyenne (555 px), cliquez sur le boutonenregistrer... La présentation Google Documents est maintenant affichée sur la page Historique de votre site. TechnoConseil 54

55 Ajouter un diaporama Picasa Dans ce chapitre nous allons voir comment insérer un diaporama Picasa dans un Google Sites. Sélectionnez les menus plus > et encore plus... Dans la page des services Google, sélectionnez Picasa. Si Google vous demande d'activer le service, faites-le! TechnoConseil 55

56 Importez vos images dans Picasa Web (vous pouvez télécharger Picasa et l'installer sur votre ordinateur afin de bénéficier des fonctionnalités avancées de gestion des images et de synchronisation avec Picasa Web). Cliquez sur le bouton Transférer, créer le titre de votre album (Divers dans notre exemple), choisissez le mode de partage (Public ou Non répertorié) et continuez... Choisissez les fichiers à transférer et lancez le transfert... TechnoConseil 56

57 Copier l'url de votre album (Lien vers cet album)... Retournez dans Google Sites, positionnez-vous sur la page Les Clients et cliquez sur le bouton Modifier la page. Cliquez sur les menus Insérer > Diaporama Picasa Album Web... TechnoConseil 57

58 Collez l'url de votre album Web Picasa et paramétrez les options : Format du diaporama 400px, Cochez Lire automatiquement, Cochez Inclure une bordure..., Décochez Inclure un titre, Enregistrez les modifications. Le diaporama est maintenant affiché sur la page Les Clients de votre site. TechnoConseil 58

59 Ajouter une vidéo YouTube Dans ce chapitre nous allons voir comment mettre en ligne votre vidéo YouTube sur votre Google Sites. Sélectionnez les menus plus > YouTube... Si cela n'est pas fait, activez votre compte YouTube. Lorsque votre compte est actif, sélectionnez Ajouter une vidéo et suivez les instructions de YouTube... TechnoConseil 59

60 Une fois que votre vidéo est ajoutée à YouTube, vous pouvez la visualiser dans l'historique avant de la mettre en ligne sur votre site. Allez sur le lecteur personnalisable de YouTube, renseignez le nom du lecteur (lecteur 1 dans notre exemple), choisissez le thème, la mise en page, lecontenu à afficher, générez le code du lecteur et copiez le code dans votre presse papier (Ctrl C)... TechnoConseil 60

61 Retournez dans Google Sites, sélectionnez la page Actualités et créez un nouveau message... Renseignez le titre de votre message, positionnez votre curseur dans le corps du message et cliquez sur le menu HTML... TechnoConseil 61

62 Collez le code de votre lecteur YouTube et cliquez sur le bouton Mettre à jour... Enregistrez les modifications... TechnoConseil 62

63 Votre vidéo YouTube s'affiche maintenant sur la page Actualités de votre site. TechnoConseil 63

64 Modifier le modèle de page (Les Hommes) Dans ce chapitre nous allons voir comment modifier le modèle de la page Les hommes, l'objectif étant d'utiliser la fonction classeur de Google Sites. Cette fonction 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. Allez sur la page Les hommes et cliquez sur les menus Modifier la page > Modifier le modèle de page... Sélectionnez le modèle Classeur et cliquez sur le bouton Modifier le modèle de page... TechnoConseil 64

65 Votre page est maintenant prête pour réaliser l'exercice suivant de ce tutoriel. TechnoConseil 65

66 Utiliser la fonction Classeur Dans ce chapitre nous allons voir comment utiliser la fonction classeur de Google Sites. Cette fonction 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. Dans l'exercice précédent vous avez modifié le modèle de la page Les hommes pour pouvoir utiliser le mode Classeur. Vous allez créer 3 nouveaux dossiers, la procédure est la suivante : Cliquez sur le bouton Placez dans, Nouveau dossier..., Entrez un nom pour le dossier (dans notre exemple les noms sont Les ressources humaines, Le savoir faire, Les méthodes de travail) Enregistrez les dossiers créés. Ajouter des fichiers. Vous avez la possibilité de charger les fichiers de votre ordinateur ou de lier des fichiers externes, par exemple des Google Documents. Dans le 2ème cas il suffit de coller l'url du fichier dans la zone le Web et renseigner le texte à afficher. TechnoConseil 66

67 Une 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 placer dans puis en cliquant sur le nom du dossier de destination (Les ressources humaines dans notre exemple). Répétez l'opération autant de fois qu'il sera nécessaire. Les fichiers sont maintenant classés dans les dossiers. TechnoConseil 67