Réaliser un site internet à l aide de Google Site 10 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 11 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 12 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.
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" Réaliser un site internet à l aide de Google Site 13 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 14 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.
9. Les diverses catégories de pages Réaliser un site internet à l aide de Google Site 15 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, Classeur: permet de proposer en téléchargement des fichiers et d'être tenu informé des mises à jour. Liste : permet de gérer des listes de personnes, produits, 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. Cliquez sur le bouton "Déplacer vers", "Nouveau dossier... ", entrez un nom pour le dossier 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). 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 publier 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. 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. Fiche d exercice 2 Concevoir quelques pages Reprenons notre cas fictif du club de scrabble... 1. Réalisez la page d accueil de ce site internet, elle contiendra du texte de présentation, une photo, 2. Réalisez la page de contact contenant les informations sur votre club, l adresse postale et mail, numéro de téléphone et plan d accès 3. Réalisez la page «liens utiles», proposant des liens vers d autres sites (Wikipedia pour aller lire les règles du jeu de Scrabble). 4. Concevez une page mini-blog d annonce permettant aux membres de votre club de publier des informations traitant du scrabble.
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 Réaliser un site internet à l aide de Google Site 21 Importer un document 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.