Créer un site à l aide de Google Site

Transcription

1 Créer un site à l aide de Google Site N Vanassche Ifosupwavre

2 Mise en contexte

3 Blog ou Google Site? La réalisation d un blog à l aide de Blogger (non traité dans ce cours) Adresse du blog : La réalisation d un site à l aide de Google Site Adresse du site : 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 le webmaster.

4 Fonctionnement client-serveur 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.

5 Fonctionnement client-serveur

6 Fonctionnement client-serveur En clair que se passe-t-il lorsque vous tapez une adresse dans votre navigateur? Votre navigateur (le client) envoie l'adresse URL (Uniform Ressource Locator) que vous avez tapée, vous soumettez une requête au serveur. 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. Votre navigateur interprète les différents langages se trouvant dans ce fichier (HTML, JavaScript, CSS, etc...) et affiche la page.

7 Fonctionnement client-serveur 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.

8 Une URL

9 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. 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».

10 Il est essentiel de planifier correctement son projet!

11 Tâches Qui? Quand? 1. La planification du projet de site Web : objectifs, clientèle visée, contenus, 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. Vous Vous Avant de commencer le site Avant de commencer le site 3. La création de la structure puis des pages Web et l importation de documents. Vous, aidé par Google Site Au fur et à mesure de la réalisation du projet 4. La conception d une structure de navigation entre les pages du site Web en utilisant des boutons interactifs ou des liens hypertextes. Vous, aidé par Google Site Au fur et à mesure de la réalisation du projet 5. La publication du site Web sur un serveur spécialisé pour l hébergement des sites Web. Google Site Au fur et à mesure de la réalisation du projet

12 1. Comment va être structuré mon site? Définition des objectifs du site : A quoi mon site va-t-il servir? Définissez votre public cible : A qui mon site va-t-il servir? 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

13 1. Comment va être structuré mon site? Combien et quelles pages Web vont constituer mon site? 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.

14 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.

15 3. Penser au look du site Google site va vous proposer toute une série de thèmes faciles à employer essayez 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 Attention aux graphismes, textes, photos que vous utilisez, le droit d auteur s applique à presque tous les documents disponibles sur Internet. 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!!!

16 Exemple de structuration avant de débuter la réalisation d'un site internet :

17 Nous retiendrons les 4 règles d'or Rapidité d'affichage, Sobriété, Clarté de la présentation Mises à jour fréquentes et de qualité...

18 Fiche d exercice 1 Préparer son site internet Prenons un cas fictif simple, qui servira d exercice pour réaliser un premier site Web. Imaginons Lucienne, responsable bénévole du club de Scrabble de sa commune. Actuellement, beaucoup de gens lui téléphonent le soir, pour connaître l adresse du club, les heures d ouverture, Elle se dit que, grâce à un site, les gens trouveraient directement l information, sans devoir la déranger et qu elle pourrait aussi attirer de nouveaux membres. Enoncez les 3 objectifs principaux et le public cible de ce site internet Recherchez sur internet des sites similaires afin de vous en inspirer Imaginez le contenu des pages et la structure du site internet, dessinez une arborescence simple Trouvez des images libres de droits pour illustrer votre site

19 Objectifs généraux du site Le club de scrabble a besoin : d un support de communication, d un site d information, d un support de fidélisation. Le site devra être un outil, avec des contraintes minimums de mises à jour.

20 Objectifs particuliers Communication aux membres du club (dates des événements particuliers, news, tournois, ) Information et promotion du club de scrabble (adresse, heure d ouverture) auprès de nouveaux affiliés Fidélisation des membres actuels

21 Public cible Membres du club (l intérêt de la cible sera d y trouver des informations). Nouveaux affiliés (le site doit toucher une population géographiquement proche de la commune (quelques kilomètres). Autres clubs de scrabble

22 Contenu du site Infos de localisation (adresse, plan d accès, lieu de stationnement, photo de l entrée, ) Contact (mail, tel, personne de contact) Agenda (date des rencontres, horaires, tournois, compétition) > possibilité d imprimer Activités (compétitions, rencontres habituelles et extraordinaires, festivités, ) Compétitions (dates, tournois, résultats obtenus par les membres du club, ) Histoire du club (membres, date de création, membres du comité, ) Comment devenir membre Infos sur le jeu de scrabble (règles, exemple de tirage pour s entraîner), autres jeux de lettres pour les passionnés Liens (autres clubs, fédération, site officiel du jeu de scrabble ) Liens vers réseaux sociaux (page Facebook, page Google+, )