Créer son propre site Web en language HTML

Dimension: px
Commencer à balayer dès la page:

Download "Créer son propre site Web en language HTML"

Transcription

1 Tutorial Créer son propre site Web en language HTML Voici un tutorial qui, comme vous devez vous en douter, va prendre un certain temps à assimiler. Je n'ai aucunement la prétention d'être un bon programmeur, mais il existe tellement d'outils à notre disposition sur le Net que j'ai quand même réussi à créer le site Tutopat seul... Il ne s'adresse donc pas à un internaute débutant, mais bien à une personne ayant déjà acquis quelques notions de base indispensables. Bien que le language HTML soit presque dépassé aujourd'hui, cela reste encore l'option la plus simple pour une première création, Rien ne vous empêchera de passer par la suite au XHTML ou même au Flash... Mais il s'agit bien ici de vous apprendre à créer un site simple. Voici donc la liste des logiciels que nous allons successivement employer et dont vous aurez besoin : Un décompresseur : IZArc34 pour lequel un tuto est à votre disposition ici. Un éditeur HTML : Nvu 1.0 Ce logiciel gratuit et en français est une excellente alternative au fameux FrontPage que tout créateur de site a un jour essayé, mais qui est lui, payant. Un logiciel de transfert FTP : Filezilla pour lequel un tuto est disponible là.

2 Les opérations vont être multiples et se diviser en plusieurs étapes consécutives, accessibles par lien direct à partir du sommaire ci-dessous Le téléchargement d'un kit de page Sa décompression L'installation du logiciel d'édition HTML Les droits d'auteur du concepteur La personnalisation et la mise en forme visuelle de la page index du site A- Ouvrir notre page index. B- Insérer sa bannière personnelle. C- Insérer son logo. D- Personnaliser les couleurs des objets. E- Changer la couleur du fond de page. F- Insérer une image supplémentaire dans la page. 6. La personnalisation et la mise en forme textuelle de la page index du site A- Insérer du texte dans la page. B- Insérer un lien hypertexte dans la page. C- Insérer un lien hypertexte sur une image de la page. D- Déterminer les couleurs des liens hypertexte. 7. La création des pages supplémentaires A- La création. B- L'enregistrement des pages supplémentaires. C- La navigation interne entre les pages du site. 8. Les méta-tags 9. Les scripts A- Présentation. B- Intégration d'un script. 10. Conclusion de la première partie 11. La recherche et la création d'un espace d'hébergement en ligne A- La recherche d'un hébergement en ligne. B- L'hébergement sur sa page perso. C- L'hébergement chez un hébergeur gratuit : Ifrance. 12. La mise en ligne A- La mise en ligne sur sa page perso. B- La mise en ligne sur un hébergement gratuit. 13. Le référencement A- Passer par les copains. B- Inscrire le site dans les principaux moteurs de recherche. C- Inscrire votre site dans des annuaires. D- Le partenariat. 14. Conclusion générale. ces différentes manipulations vont être décrites dans l'ordre, ci-après.

3 1 Le téléchargement d'un kit de page. Deux solutions s'offrent à vous quand vous désirez créer un site Web : 1. Créer totalement la page vous-même, mais cela n'est pas à la portée de tout le monde. En effet, vous devez posséder un certain nombre de connaissances en matière de feuille CSS, notamment. 2. Utiliser un kit tout prêt que vous aurez trouvé sur le Net. Je choisis donc cette seconde solution car plus simple. En fait, il est possible de trouver en ligne trois types de kits de page : 1. Les kits totalement gratuits. Généralement de qualité jugée inférieure, ils n'en demeurent pas moins tout à fait corrects. 2. Les kits «Allopass». Pour le montant d'un appel téléphonique, vous pouvez télécharger ces kits, un peu plus évolués. 3. Les kits professionnels. Là, on retrouve des tarif assez effarants pour le commun des mortels que je suis. De quelques dizaines d'euros, cela peut aller très, très haut... Dans le cas de ce tuto, j'ai choisi l'option du kit totalement gratuit. Le kit en question date de 2003 et nous est fourni par un des partenaires de Tutopat, le site WebDiz. Il est une réalisation de son Webmaster KingLouis qui m'a donné l'autorisation de l'utiliser dans ce tuto. Commençons donc par aller le télécharger ICI

4 Voici donc notre kit téléchargé. 2 La décompression du kit. Avant tout chose, il est nécessaire de créer un dossier spécifique sur notre disque dur, afin d'y stocker tout ce qui concernera notre site. Non seulement nous y retrouverons tous les éléments du kit de départ, mais nous y insèrerons tout ce que nous ajouterons : images supplémentaires, boutons, bannière, etc... Nommez le comme vous l'entendez, voici le mien : Décompressons à présent notre kit dans ce dossier. Si vous ne savez pas décompresser un fichier, un tuto spécifique est à votre disposition ICI

5 Etudions à présent le contenu du dossier en l'ouvrant. Trois choses différentes apparaissent : 1. Un document texte qui contiendra généralement un petit message de l'auteur du kit, vous demandant ou vous précisant certaines choses. 2. Un document «HTML» qui est en fait le code notre page. En effectuant un double-clic sur ce fichier, la page suivante va s'ouvrir dans votre navigateur :

6 Vous voyez là le kit de page tel qu'il se présente dans votre navigateur. Même s'il ne vous semble pas formidable, sachez que nous allons l'améliorer. 3. Enfin, un dossier images qui contient toute les images faisant partie du kit de page. Regardons d'un peu plus près son contenu.

7 Nous trouvons ici la totalité des portions des images de notre kit. Nous pourrons utiliser n'importe quel logiciel de graphisme pour les modifier à notre guise... Notre kit est à présent prêt à ce que nous nous en occupions. Il nous faut donc penser à installer l'outil indispensable : L'éditeur HTML.

8 3 L'installation du logiciel d'édition HTML. J'ai opté dans ce tuto pour le logiciel gratuit et en français appelé Nvu 1.0. Pour le télécharger, il vous suffit de cliquer ICI Procédez ensuite à son installation complète, elle est tout à fait classique. Et retrouvez vous avec votre raccourci vers le programme sur le bureau (ou dans la barre de lancement rapide). Lancez le, il apparaitra ainsi :

9 Nvu va devenir à compter de cet instant, notre outil principal pour la création de notre site. C'est grâce à lui que nous allons insérer ou modifier des textes, des images, des liens hypertexte, créer toutes les pages de notre site... Nous y créerons et gèrerons aussi nos méta-tags (indispensables à un bon référencement), entrerons des scripts, etc... Je n'entrerai pas dans toutes les fonctions disponibles, mais vous montrerai les principales. 4. Les droits d'auteur du concepteur. Ce passage est impératif! Sachez que tout réalisateur graphique vous demandera de laisser le lien inséré dans son kit, vers son propre site. Le fait de supprimer ce lien peut entrainer pour vous des poursuites judiciaires pour plagiat. Respectez donc son travail, c'est la moindre des choses... De la même façon, vous avez la possibilité d'ajouter votre propre copyright, concernant le contenu de votre site.

10 5 La personnalisation et la mise en forme visuelle de la page index du site. Maintenant que nous sommes prêts, voici venir l'étape la plus importante dans la création de notre site. Quelques conseils de base. En effet, le succès rencontré sera fonction, non seulement du contenu, mais aussi de la présentation de notre page d'accueil. Premier point : sachez que la présence de fautes d'orthographe par exemple, sera le plus sûr moyen de faire fuir les éventuels visiteurs. Pensez donc à utiliser les correcteurs à votre disposition, que ce soit dans Word ou sur le Net. Utilisez aussi un langage correct en évitant notamment le sms. Second point crucial : le poids de votre page. Evitez les pages de plus de 30 Ko, vous conseillent la plupart des sites pour Webmasters ; ce en quoi ils n'ont pas tort! L'internaute qui arrive sur votre site n'aura pas la patience d'attendre 20 secondes, voire une minute si sa connexion n'est pas très rapide, l'ouverture de la page ; il sera déjà reparti ailleurs... Le troisième point : les méta-tags. Cela fera l'objet du chapitre suivant car plus délicat et pointu à traiter. Le dernier point : le référencement. Il fera l'objet de la dernière partie du tuto, ne se justifiant que lorsque votre site sera réellement mis en ligne. Sachez prendre le temps lors de cette étape! Mettre en ligne un site non fini n'est pas souhaitable. Cela ne vous empêchera pas de l'étoffer ou le modifier par la suite... A titre indicatif, cela m'a pris un bon mois pour Tutopat... Afin de procéder à la personnalisation, il est nécessaire d'accéder à notre page du kit.

11 5/A- Ouvrir notre page index. La commande est simple. Un clic sur puis, allez chercher le fichier HTML ; Il se nomme toujours «index». Le fichier s'ouvre maintenant dans Nvu.

12 Nvu nous offre la possibilité de voir notre page de quatre façons différentes qui sont chacune matérialisée par une touche. L'image que nous visualisons ci-dessus est celle correspondant à la touche Elle est située en bas à gauche de la fenêtre de Nvu, ainsi que les suivantes. C'est là que nous pourrons modifier les textes, liens, images, etc...

13 La touche Elle va ouvrir le fichier en vous indiquant la position de toutes les balises HTML, le langage utilisé dans la programmation de la page. Nous n'utiliserons pas cette fonction dans le tuto car elle s'avère peu maniable pour un débutant en création de site,

14 La touche Elle va nous permettre de visualiser directement le code HTML de la page. Nous y interviendrons ultérieurement lors de l'implantation de scripts ou pour entrer nos méta-tags...

15 Pour finir, la touche Celle-ci va nous permettre après chaque modification, mais aussi à tout instant, de visualiser le résultat tel qu'il apparaitra dans un navigateur. Nous utiliserons donc dans notre cas alternativement les onglets «Normal» et «Aperçu» pendant toute la configuration de notre site.

16 Noubliez pas surtout... Cette manoeuvre est à faire impérativement après chaque modification, à moins que nous ne souhaitiez repartir de zéro à cause d'une erreur...

17 5/B- Insérer sa bannière personnelle. Il est bien évident que vous souhaiterez insérer une bannière personnelle en lieu et place de celle du kit. La méthode la plus simple va consister à remplacer tout simplement celleci dans le dossier images du kit. Ouvrons donc ce dossier afin d'y voir la dimension qu'elle a, afin que la nôtre soit au même format. En effet, une bannière plus grande ou plus petite risquerait de déformer le kit... Ouvrez donc le dossier Mon site Web / images. Il s'agit là d'un format standard assez répandu pour lequel vous n'aurez aucun mal à trouver un éventuel générateur sur le Net grâce à Google. Tutopat vous propose aussi un service de création graphique gratuite Ce qui vous permettra une personnalisation encore plus poussée.

18 Vous trouverez aussi un bon nombre de tutos graphisme pour vous aider dans une conception totalement personnelle ici. Il est indispensable de souligner ici l'importance d'une bannière aussi légère que possible! Toujours dans le but de permettre un affichage rapide de nos pages... Voici donc celle que j'ai réalisée pour mon site : Elle est au bon format et porte le même nom : banniere. Un seul petit détail va poser un semblant de problème: elle est au format.gif alors que celle existante est en.png... Qu'à cela ne tienne, nous allons faire le nécessaire! Placez la bannière créée dans le dossier images de votre site.

19 Revenons à présent dans notre éditeur HTML, Nvu. Dans la fenêtre, Vous voyez votre curseur clignoter au niveau du code correspondant à la bannière. Je vous ai surligné l'ensemble du code de celle-ci.

20 Et là, comme par miracle... Noubliez pas de procéder à un enregistrement de la modification!

21 5/C- Insérer son logo personnel. Passons à présent au logo. Toujours dans l'esprit de ne pas dénaturer notre kit, vérifions la taille à utiliser pour créer notre version personnalisée. Dans l'onglet Normal, faites un clic gauche sur le logo situé en haut à gauche de la page. Vous retrouvez alors votre curseur qui clignote au beau milieu de la ligne de code concernant cette image. Il vous est expliqué dans la capture ci-dessous comment reconnaître les propriétés d'une image insérée dans le kit.

22 Résumons donc les propriétés de l'image que nous devons créer : elle doit faire 156 X 100 pixels. être de préférence en.png, mais pas obligatoirement. être mise dans le dossier images des fichiers de notre site. Il ne reste qu'à créer ce logo... Voici donc celui que j'ai créé pour ce site de démonstration.

23 Ayant fait le choix du format.gif pour celui-ci, je l'insère donc dans le dossier images de mon site sous le nom entetegauche,gif.

24 Il ne me reste plus qu'à modifier la ligne de code pour changer de logo. Pour cela, je change juste la terminaison du nom de l'image dans l'onglet Sources, tout simplement. Et là, nous constatatons que...

25 5/D- Personnaliser les couleurs des objets. En choisissant votre kit, vous vous êtes probablement demandé(e) si il existait une possibilité de changer les couleur des objets qui le consituent? Rien de plus simple! Ouvrez votre logiciel de retouche favori, puis modifiez le à votre guise. Est devenu pour moi ceci :

26 De ce fait, mon site change de look... Afin de visualiser ce changement, procédez à un enregistrement de votre fichier, puis fermer le et réouvrez. Les images de mon site sont à présent modifiées.

27 5/E- Changer la couleur du fond de page. Dans la continuité de la personnalisation de notre site, voyons à présent comment changer la couleur de fond de la page afin de l'adapter à notre goût personnel. Cliuqez sur la touche donnant accès au code : Dans la fenêtre, rendez vous au début du code afin d'y trouver la balise <body>. Vous la repèrerez facilement, juste après </head>. Le terme background-color signifie couleur d'arrière-plan. Elle est ici mentionnée au format RGB. Un logiciel comme ColorCop pour lequel un tuto est à votre dispositon ici vous permettra d'obtenir les codes de la couleur que vous désirez.

28 Mon choix s'est porté dans le cas présent sur une couleur saumon dont le code RGB est : 255, 151, 103. Je modifie donc mon code en conséquence.

29 En cliquant sur la touche Vous visualisez alors le changement d'apparence de votre page. Nous nous rendons alors compte que la couleur de fond ne couvre pas l'emplacment de certaines images qui ont gardé celle d'origine.

30 Il convient donc de reprendre les images suivantes afin de mettre la partie bleu-ciel dans la nouvelle couleur :

31 Servez vous de votre logiciel de retouche d'images afin de procéder à l'opération, en remplaçant les autres au fur et à mesure. Une fois cette opération terminée, profitons en pour enregistrer à nouveau notre fichier pour prendre en compte nos modifications. Ouvrons le à nouveau et là... Comme vous le constatez, notre page commence à vraiment prendre tournure sur le plan de son graphisme. Il est également possible de remplacer la couleur de fond par une image que vous aurez choisie. Dans ce cas, il vous faudra tout d'abord mettre en transparence la partie bleu-ciel des images ci-dessus, de façon à avoir toujours la même homogénéité, Ensuite, vous devrez modifier le code background. L'ajout d'une image en fond à la place d'une couleur étant susceptible d'alourdir considérablement la page, je vous déconseille fortement cette option et vous laisse donc découvrir éventuellement la façon de procéder.

32 5/F- Insérer une image supplémentaire dans la page. Les images faisant partie de notre kit sont une chose, mais nous pouvons désirer en rajouter une ou plusieurs supplémentaires dans notre page. Voici encore une manipulation simple si'lon respecte une règle première : mettre toujours les images dans le même dossier que les autres, Ainsi, notre site fonctionnera immédiatement dès sa mise en ligne. Nous n'aurons aucun mal à les retrouver si nous prenons en plus le soin de les nommer de manière aisément mémorisable! Prenons comme exemple l'image suivante à insérer : Je commence donc par la mettre dans le dossier images dans celui que j'ai créé sous le nom de Mon site Web.

33 Je clique gauche à présent directement à l'emplacement où je souhaite insérer l'image en question. Cliquez ensuite sur Puis

34 Volontairement, dans le cadre d'une création de premier site simple, je n'aborde pas les propriétés supplémentaires de l'image qu'il est possible d'apporter. Vous êtes cependant libre de les découvrir par vous-même,

35 Voici note image insérée. Nous sommes arrivé(e)s au terme de la configuration et de la mise en forme graphique de notre page. Il est encore une fois primordial de bien choisir votre kit en fonction du contenu images que vous souhaitez intégrer. Le texte est toujours modulable, l'image bien moins facilement intégrable à un kit inadapté...

36 6 Le personnalisation et la mise en forme textuelle de la page index du site. 6/A- Insérér du texte dans la page Insérer du texte pur est la manoeuvre la plus simple à effectuer. Revenez sur l'onglet Puis effacez la partie de texte dans le kit que vous désirez remplacer.

37 Grâce au pavé texte Insérez simplement le votre. N'hésitez pas à utiliser des polices sortant un peu de l'ordinaire, mais pensez toujours à vos lecteurs quand à la taille et la compréhension. Il est usuellement conseillé de ne pas utiliser beaucoup plus de trois couleurs de texte différentes. Ce qui donne dans mon cas, le résultat suivant : Il s'avère ici que la déformation est due au fait que ce kit n'accepte pas que l'on y entre des images, hormis dans l'en-tête. Ce fait est ponctuel et du uniquement au kit choisi, Vous n'aurez aucun souci à insérer vos images dans des réalisations mieux adaptées à cet effet.

38 6/B- Insérér un lien hypertexte dans la page. Il nous faut maintenant penser à finaliser notre page avec les liens de navigation vers nos autres pages, nos partenaires, des sites externes, etc... Pour cela, nous allons rendre un texte ou un mot cliquable ; on appelle cela un lien hypertexte. Dans l'exemple qui suit, nous allons ajouter un lien hypertexte sur le mot Tutopat située dans le cadre de navigation de gauche, cela va se faire dans l'onglet Procédez comme suit. Puis agissez comme indiqué sur la capture suivante.

39 Voici les choix dont vous disposez quand à la façon dont va agir le navigateur de vos visiteurs lors d'un clic sur le lien que nous venons de créer ici. Nous en avons fini avec le lien hypertexte. Il va de soi que cette manoeuvre sera à recommencer pour chaque lien externe à votre site. Le cas particulier d'un lien vers une autre page de votre propre site sera évoquée ultérieurement, lorsque nous en aurons créé au moins une seconde.

40 Voici donc le lien installé. Petit rappel : n'oubliez pas d'enregistrer vos modifications au fur et à mesure, sous peine de devoir recommencer! Pensez bien à en prendre systématiquement l'habitude afin de vous éviter des déconvenues qui peuvent mettrent vos nerfs à rude épreuve... Ceci était le conseil du jour, qui sert aussi de pause détente à ceux d'entre vous qui ont décidé d'avaler d'un trait ce tutorial en forme de pavé. Un petit café, un petit pipi, une cigarette (éventuellement) et l'on continue? Si vous vous sentez d'attaque, bien sûr!

41 6/C- Insérér un lien hypertexte sur une image de la page. Il peut vous être nécessaire de mettre un lien hypertexte, non plus sur un mot, mais sur une image de la page. Cela sera notamment le cas pour des bannières de partenaires, entre autres. La méthode est semblable à la précédente. Puis...

42 A dessein, je vous ai emmené au message d'erreur qui suit. La validation entraine la réouverture de la fenêtre précédente, mais dans un autre onglet : celui de l'emplacement. Nous resterons dans une configuration simple et ne mettrons donc pas de texte alternatif.

43 Notre lien hypertexte sur l'image est à présent en place. A vous de peaufiner le contenu texte de votre page d'accueil. N'oubliez pas que c'est là que la plupart des internautes jugent un site auquel ils rendent visite pour la première fois! Une syntaxe douteuse, un language type SMS et surtout des fautes d'orthographe, seront autant de risques de voir les visiteurs potentiels fuir à grands pas... Prenez donc le temps d'une rédaction soignée, en vous aidant au besoin d'un correcteur orthographique comme celui de Word par exemple.

44 6/D- Déterminer les couleurs des liens hypertexte. Voici un point de détail qui peut avoir une grande importance. Il est parfois difficile de repérer les liens hypertexte dans certaines pages Web que nous visitons... Nous allons donc faire en sorte que les notre soient bien visibles en configurant leur couleur suivant qu'ils sont simplement affichés, que le curseur du visiteur passe dessus ou qu'il l'ait déjà visité. Pour cela, cliquez sur la touche Puis sur... Voici comment procéder.

45 Faites vos propres essais. Dans la fenêtre de droite apparaissent les couleurs choisies. Vous pouvez ainsi visualiser leur lisibilité sur le fond. Voici mon choix personnel pour cette démonstration. Voici le résultat de cette opération.

46 Mes liens hypertexte sont devenus repérables. Nous en avons à présent fini de notre page d'accueil. Je vous le répète encore une fois,,,,, Soignez cette page, c'est la plus importante du site! Nous allons continuer notre parcours, non pas du combattant, mais du Webmaster... Une petite sauvegarde, juste pour la route?

47 7-La création de pages supplémentaires 7/A- La création. Un site Web, ce n'est pas qu'une seule page, c'est un ensemble! Si l'accueil est plutôt destiné à présenter succintement le contenu du site en essayant d'attirer le client, il va falloir créer des pages supplémentaires, à raison d'une (voire de plusieurs) par sujet, objet, motif, etc... Je vous invite à respecter pour cela deux règles d'or de la simplicité et de la fonctionnalité d'un site: Toujours garder le même habillage de page, tant que faire se peut. Cela permettra, en gardant les images dans le cache du navigateur, d'ouvrir les pages suivantes bien plus rapidement. Garder ainsi une uniformité du site qui vous rendra plus crédible auprès des internautes qui vous rendront visite. Ouvrez donc votre page index.

48 Suivant le principe appliqué pour notre page index, insérez votre contenu dans la page, comme vous l'entendez. Spécialement pour ce tutorial, j'ai rédigé rapidement une seconde page à titre d'exemple. Le moment est maintenant venu d'enregistrer cette page supplémentaire que nous venons de créer.

49 7/B- L'enregistrement des pages supplémentaires. Là encore, deux règles sont à respecter : Toujours enregister les nouvelles pages dans le même dossier que la page index. Donner un nom simple mais pertinent à chaque nouvelle page! Cela permettra de s'y retrouver facilement lors de modifications ultérieures à apporter à l'une plutôt qu'à l'autre. Je procède donc à l'enregistrement de ma seconde page. Je clique sur Puis... Ma seconde page est enregistrée, Cette opération est à répéter autant de fois que le site contiendra de pages, tout en sachant que vous pourrez toujours en rajouter par la suite en cas de besoin.

50 7/C- La navigation interne entre les pages du site. A partir de l'instant où un site comporte plusieurs pages, il va de soi qu'il est nécessaire de mettre en place un système de liens hypertexte entre elles, permettant ainsi de naviguer librement de l'une à l'autre... Nous allons pour cela utiliser un cadre sur la gauche de la page. Comme il s'agit encore là d'un lien hypertexte, surlignons le texte que nous désirons utiliser en guise de lien vers notre seconde page. Puis cliquons sur la touche de lien.

51 La fenêtre déjà vue de détermination de l'adresse URL du lien hypertexte s'ouvre. Le fait de cliquer la touche déclenche l'ouverture d'une nouvelle fenêtre, normalement déjà positionnée à l'intérieur du dossier du site.

52 Le fait de valider a mis en place le lien hypertexte de navigation à l'intérieur même du site.

53 Réitérez cette manipulation pour chacune des pages vers lesquelles vous souhaitez mettre en place un lien sur votre page index. Vous n'aurez plus ensuite qu'à faire la même chose sur chacune des pages que vous créerez, de façon à permettre la navigation complète indifféremment à partir de n'importe laquelle. Nous en avons à présent fini avec la construction même de notre site. Les images sont en place Les textes également Les liens de navigations interne et externes aussi les prochaines étapes vont maintenant avoir pour but la préparation à la mise en ligne de tout cela, en cherchant bien évidemment le but de tout site, attirer le client, si j'ose m'exprimer ainsi...

54 8 Les méta-tags. Voici encore un point crucial dans la construction de notre site! Que sont tout d'abord ces fameux méta-tags? En fait, le but premier que nous allons rechercher ici sera de chercher le meilleur moyen de faire connaître notre site. Une partie de ces méta-tags est une suite de mots-clés que nous allons ajouter dans le code de notre page afin de permettre aux moteurs de recherche de nous référencer lorsqu'un internaute tapera un mot ou une expression dans celui-ci. Il va vous falloir déterminer des mots-clés qui ciblent réellement le contenu de votre ou de vos pages. Un site comme Tutopat ne va par exemple pas se contenter du mot tutorial ou tuto pour permettre un bon référencement. Il va plutôt choisir d'y ajouter créer son site, tutoriaux Photofiltre, tutorial emule 0.46a ou tutorial création site HTML. Ce qui lui permettra un ciblage plus précis et donc de meilleures chances de se retrouver dans les premiers résultats d'un moteur de recherche. La seconde partie des méta-tags est elle destinée à permettre d'identifier certains critères de votre site comme le language utilisé, le système de codage du site, les coordonnées du Webmaster, etc... Tutopat a réalisé dans ce domaine deux tutoriaux concernant le sujet. Il s'agit de deux logiciels qui vont vous permettre de créer ces métas très facilement, surtout dans le cadre d'un premier site. GenerMTag et son tuto vous créera vos métas simples alors que si vous optez pour le tuto N1busMetaEditor, il vous poussera un peu plus dans le domaine. Libre à vous d'utiliser l'un ou l'autre pour créer les votres.

55 A titre d'exemple, voici les méta-tags que j'ai mis personnellement en place pour favoriser un bon référencement de Tutopat. Ces balises datent un peu et je dois les remettre à jour prochainement, mais elles vous donnent un aperçu réaliste. <title>accueil Tutopat</title> <meta NAME="description" CONTENT="Plus de 470 tutoriaux à votre service dans tous les domaines : logiciels, P2P, Graphisme, Vidéo, Bureautique, etc..."> <meta NAME="keywords" CONTENT="tuto, tutorial, tutos, tutoriaux, tutoriels, emule, azureus, vidéo, graphisme, sécurité, XP, logiciels, avatars, tutorial Shareaza, tutorial Bittornado, création bannières, création boutons, création signatures, tutorial emule 0.45b, tutoriaux Photofiltre, fonds d'écran"> <meta http-equiv="content-language" content="fr"> <meta NAME="author" CONTENT="Patarien"> <meta NAME="rating" CONTENT="general"> <meta NAME="classification" CONTENT="Tout public"> <meta NAME="copyright" <meta NAME="expires" CONTENT="never"> <meta NAME="rating" CONTENT="general"> <meta NAME="revisit-after" CONTENT="5 days"> <meta NAME="Robots" CONTENT="all"> <meta NAME="Reply to" <meta NAME="publisher" CONTENT="Patarien"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso "> Soignez particulièrement cette étape, cela vous évitera la déconvenue d'un site totalement ignoré des internautes...

56 Et voici celles générées avec N1busMetaEditor, spécialement pour ce site de démonstration : Notez que j'ai remplacé certaines coordonnées personnelles par des * <meta http-equiv="content-type" content="text/html;charset=iso "> <Title>le titre de ma page</title> <meta name="keywords" content="255 caractères maximum de mots clés, séparés par une virgule. <meta name="description" content="description du contenu du site/moins de 200 caractères"> <meta name="abstract" content="description du contenu du site/moins de 200 caractères"> <meta name="author" content="patarien"> <meta name="generator" content="nvu ou Frontpage, etc..."> <meta name="publisher" content="patarien"> <meta name="reply-to" <meta name="contactcity" content="**********"> <meta name="contactzipcode" content="49***"> <meta name="contactstate" content="france"> <meta name="identifier-url" content="adresse URL"> <meta http-equiv="content-language" content="fr"> <meta name="copyright" content="copyright <meta name="revisit-after" content="15"> <meta name="category" content="computing/software"> <meta http-equiv="refresh" content="30;url=http://www.tutopat.com"> <meta name="distribution" content="global"> <meta name="rating" content="general"> <meta name="robot" content="index,follow"> <meta name="date-creation-yyyymmdd" content=" "> <meta name="date-revision-yyyymmdd" content=" "> <!-- METAS éditées par N1busMetaEditor v3.0 FREEWARE //--> <!-- WEB : //--> <!-- FEEDBACK : //--> <!-- Copyright N1bus-Expériences //-->

57 Il ne me reste qu'à les intégrer dans la page, à la place de celles existantes. Après enregistrement de la modification, ouvrez à nouveau votre page index et vous vous rendrez compte qu'elle a changé de nom et pris celui que vous lui avez donné par l'intermédiaire des méta-tags.

58 Répétez cette opération pour chacune de vos pages en ayant soin de les nommer de façon différente, même si vous gardez les mêmes méta-tags. La balises à modifier pour changer le titre qui apparaitra dans l'onglet du navigateur est la suivante : <Title>le titre de ma page</title>

59 9 Les scripts. 9/A- Présentation. Nous abordons à présent le dernier point de la conception d'un site avec l'ajout de scripts. Sachez tout de suite que vous n'avez aucune obligation d'en intégrer à vos pages car il ne s'agit la en fait que de l'agrémenter par quelques effets visuels, voire sonores. Leurs fonctions et leur utilité peut varier grandement et le choix de ceux que vous apporterez éventuellement à votre site vous incombe. Pensez malgré tout au poids de vos pages ; plus vous aurez de choses, plus votre page sera lourde et donc longue à ouvrir par de petites connexions... Il existe de très nombreux scripts proposés par un très grand nombre de sites de Webmastering. Je vous invite à rechercher parmi les partenaires de Tutopat qui s'avèrent très sérieux. Vous trouverez leurs adresses en page d'accueil. A titre d'exemple de mise en place d'un script, je vais vous donner ici deux exemples simples : Un effet de fondu-enchainé sur la navigation entre les pages. Un second effet...

Alfresco Mobile pour Android

Alfresco Mobile pour Android Alfresco Mobile pour Android Guide d'utilisation de l'application Android version 1.1 Commencer avec Alfresco Mobile Ce guide offre une présentation rapide vous permettant de configurer Alfresco Mobile

Plus en détail

COMMENT FAIRE CONNAÎTRE SON SITE KEOSITE SUR INTERNET? COMMENT RÉFÉRENCER SON SITE SUR LES MOTEURS DE RECHERCHE? SOMMAIRE

COMMENT FAIRE CONNAÎTRE SON SITE KEOSITE SUR INTERNET? COMMENT RÉFÉRENCER SON SITE SUR LES MOTEURS DE RECHERCHE? SOMMAIRE COMMENT FAIRE CONNAÎTRE SON SITE KEOSITE SUR INTERNET? COMMENT RÉFÉRENCER SON SITE SUR LES MOTEURS DE RECHERCHE? SOMMAIRE - Le référencement : Qu est ce que c est? - Le nom de votre site - Le contenu de

Plus en détail

CRÉATION DE SITE INTERNET TD 1

CRÉATION DE SITE INTERNET TD 1 Création de pages Internet avec le logiciel libre Nvu - 1/7 CRÉATION DE SITE INTERNET TD 1 I LANCEMENT DE NVU ET CRÉATION DU SITE. 1) Liminaire : Créez en premier, un sous-dossier consacré au travail avec

Plus en détail

Lille Lecture Jeunesse GUIDE UTILISATEUR

Lille Lecture Jeunesse GUIDE UTILISATEUR Lille Lecture Jeunesse GUIDE UTILISATEUR Sommaire Se créer un compte... 3 A quoi sert ce compte?... 3 Se connecter... 3 J'ai perdu mon mot de passe, comment je fais?... 4 Tableau de bord Wordpress... 5

Plus en détail

Tutoriel Inscription et utilisation basique d'un blog hébergé chez Blogger.com

Tutoriel Inscription et utilisation basique d'un blog hébergé chez Blogger.com Tutoriel Inscription et utilisation basique d'un blog hébergé chez Blogger.com Contenu I.Validation (ou inscription) de son adresse chez Google...2 II.Utilisation des fonctionnalités du blog...5 1.Accès

Plus en détail

La Clé informatique. Formation Word XP Aide-mémoire

La Clé informatique. Formation Word XP Aide-mémoire La Clé informatique Formation Word XP Aide-mémoire Septembre 2003 Table des matières Édition et insertion de texte... 4 Manipulation d un document Exploration de la fenêtre de travail Bouton de maximisation

Plus en détail

PROexo 2.01a : Guide de démarrage rapide. PROexo. V2.01a. Guide de Démarrage rapide. Auteur Sylvain LE GOFF : www.leprogiciel.

PROexo 2.01a : Guide de démarrage rapide. PROexo. V2.01a. Guide de Démarrage rapide. Auteur Sylvain LE GOFF : www.leprogiciel. PROexo V2.01a Guide de Démarrage rapide 1 Sommaire 1 Présentation a) Objectif du guide de démarrage rapide b) Présentation de PROexo 2 Partie administrateur a) Gestion des utilisateurs b) Gestion des exercices

Plus en détail

Rechercher un fichier ou un dossier avec Windows XP

Rechercher un fichier ou un dossier avec Windows XP Lancer l'impression Fermer cette fenêtre http://www.kachouri.com Rechercher un fichier ou un dossier avec Windows XP I. Introduction à la recherche de fichiers Ce tutorial s'adresse aux débutants, vous

Plus en détail

Administration du site (Back Office)

Administration du site (Back Office) Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface

Plus en détail

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. 1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de

Plus en détail

CRÉER SON SITE INTERNET. Créer son site Internet. Méd de Roanne. FG 16/09/08

CRÉER SON SITE INTERNET. Créer son site Internet. Méd de Roanne. FG 16/09/08 CRÉER SON SITE INTERNET 1 Tout d abord, nous allons réviser quelques notions de base permettant de comprendre ce qu est un site Internet, et ce que cela implique. Dans un second temps, le lien ci-après

Plus en détail

Guide d'utilisation. De Kompozer. AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56)

Guide d'utilisation. De Kompozer. AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56) Guide d'utilisation De Kompozer AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56) Table des matières Fiche1 : Créer, nommer et sauvegarder une page...2 Fiche2 : Modifier les couleurs et le fond

Plus en détail

Formation > Développement > Internet > Réseaux > Matériel > Maintenance

Formation > Développement > Internet > Réseaux > Matériel > Maintenance Formation > Développement > Internet > Réseaux > Matériel > Maintenance SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION...5 1.1. Le navigateur... 5 1.2. L'interface d'administration... 5 2. METTRE

Plus en détail

REALISER UN SITE INTERNET AVEC IZISPOT SOMMAIRE

REALISER UN SITE INTERNET AVEC IZISPOT SOMMAIRE REALISER UN SITE INTERNET AVEC IZISPOT Voici un tutoriel pour vous aider à réaliser un petit site internet (4 pages) à l'aide du logiciel gratuit IZISPOT. Dans l'exemple qui suit, il s'agit de mettre en

Plus en détail

Utilisation de Sarbacane 3 Sarbacane Software

Utilisation de Sarbacane 3 Sarbacane Software Tutorial par Anthony Da Cruz Utilisation de Sarbacane 3 Sarbacane Software Ambiance Soleil 17 Rue Royale 74000, Annecy Sommaire 1. Présentation générale 2. Guide étape par étape 3. Astuces de l éditeur

Plus en détail

Guide Utilisateur Particuliers. Sommaire

Guide Utilisateur Particuliers. Sommaire Sommaire 1.Installation...3 1.1.Configuration...3 1.2.Sous Internet Explorer...4 1.3.Sous Mozilla Firefox...5 1.4.Sous Google Chrome...6 1.5.Aller sur le site...7 2.Identification...8 2.1.Inscription...8

Plus en détail

Accéder au carnet de contacts

Accéder au carnet de contacts Pour vous faciliter le travail et ne pas avoir, chaque fois, à rechercher l'adresse d'un correspondant habituel, enregistrez vos destinataires courants dans un carnet de contacts. Lorsque vous enverrez

Plus en détail

ATELIER DEBUTANT INFORMATIQUE SEANCE 1 WINDOWS 7

ATELIER DEBUTANT INFORMATIQUE SEANCE 1 WINDOWS 7 ATELIER DEBUTANT INFORMATIQUE SEANCE 1 WINDOWS 7 Ville de Saint-Hilaire-de-Riez mai 201 6 Prérequis : Posséder un ordinateur fixe ou portable avec Windows 7, 8 ou 1 0 installé. Objectifs : Découvir l'ordinateur

Plus en détail

Explorateur Windows EXPLORATEUR WINDOWS...1 INTRODUCTION...2 LANCEMENT DE L'EXPLORATEUR WINDOWS...3 PRÉSENTATION PHYSIQUE...3 RECHERCHER...

Explorateur Windows EXPLORATEUR WINDOWS...1 INTRODUCTION...2 LANCEMENT DE L'EXPLORATEUR WINDOWS...3 PRÉSENTATION PHYSIQUE...3 RECHERCHER... EXPLORATEUR WINDOWS SOMMAIRE EXPLORATEUR WINDOWS...1 INTRODUCTION...2 LANCEMENT DE L'EXPLORATEUR WINDOWS...3 PRÉSENTATION PHYSIQUE...3 RECHERCHER...6 ORGANISATION DE SES DOSSIERS...7 CRÉER UN DOSSIER...7

Plus en détail

Guide Rédacteur Typo3

Guide Rédacteur Typo3 Guide Rédacteur Typo3 Table des matières 1. Introduction 1 2. Login 1 3. Vue d'ensemble 2 1.1 Le mode Page...5 1.2 Le mode Voir...7 4. Créer une nouvelle page 8 5. Déplacer une page 9 6. Copier une page

Plus en détail

Utilisation du site Regio 21.ch

Utilisation du site Regio 21.ch Utilisation du site Regio 21.ch Introduction Ce document est un petit aide-mémoire qui vous permettra de réaliser des tâches simples avec l'outil TYPO3. La meilleure attitude en cas de doute est d'essayer

Plus en détail

Petit guide à l'usage des profs pour la rédaction de pages pour le site Drupal du département

Petit guide à l'usage des profs pour la rédaction de pages pour le site Drupal du département Petit guide à l'usage des profs pour la rédaction de pages pour le site Drupal du département Le nouveau site du département Le nouveau site du département est situé, comme l'ancien à l'adresse suivante

Plus en détail

Naviguer CHARGER ET QUITTER INTERNET EXPLORER

Naviguer CHARGER ET QUITTER INTERNET EXPLORER Naviguer UTILISER UN NAVIGATEUR CHARGER ET QUITTER INTERNET EXPLORER Pour pouvoir travailler avec votre application Internet Explorer il est indispensable de l'ouvrir. Pour réaliser cette opération plusieurs

Plus en détail

Création de site Internet avec Jimdo

Création de site Internet avec Jimdo Création de site Internet avec Jimdo Ouvrez votre navigateur internet ou Internet Explorer ou Mozilla Firefox Rendez vous sur la page http://fr.jimdo.com/ voici ce que vous voyez. 1=> 2=> 1. Le nom que

Plus en détail

Mode d'emploi de la newsletter

Mode d'emploi de la newsletter Mode d'emploi de la newsletter Votre module de newsletter va vous permettre d'envoyer régulièrement des courriers électroniques à une partie ou à tous vos abonnés, Votre outil se compose de deux interfaces

Plus en détail

ACCUEIL...2 LA DEMANDE DE DEVIS...11 COMPLETER UN DEVIS...12 ACCEPTER OU A REFUSER LE DEVIS...13

ACCUEIL...2 LA DEMANDE DE DEVIS...11 COMPLETER UN DEVIS...12 ACCEPTER OU A REFUSER LE DEVIS...13 ACCUEIL...2 LA COMMANDE...3 ONGLET "NATURE DES TRAVAUX"...3 ONGLET INFORMATIONS...8 ONGLET RECAPITULATIF...9 LA COMMANDE SIMPLE A VALIDER PAR LES ACHETEURS...10 LA DEMANDE DE DEVIS...11 COMPLETER UN DEVIS...12

Plus en détail

PREMIÈRE PRISE EN MAIN DE DJANGO CMS

PREMIÈRE PRISE EN MAIN DE DJANGO CMS PREMIÈRE PRISE EN MAIN DE DJANGO CMS 1. PRÉSENTATION DE DJANGO CMS Django CMS est un système de gestion de contenu basé sur le serveur Django / Python. Simple d'utilisation, il dispose d'une interface

Plus en détail

10. Envoyer, recevoir des mails

10. Envoyer, recevoir des mails 10. Envoyer, recevoir des mails Passons maintenant à la pratique! Nous allons voir comment envoyer votre premier mail à vos contacts et en recevoir. 1. Présentation d'une messagerie de mail 1.1 vue d'ensemble

Plus en détail

Création d'un questionnaire (sondage)

Création d'un questionnaire (sondage) Création d'un questionnaire (sondage) Le but de ce petit tuto est d'avoir les séquences pas à pas pour la création d'un questionnaire de façon à ne pas devoir rechercher la manière de procéder si l'outil

Plus en détail

PREZI : Présentations dynamiques

PREZI : Présentations dynamiques Présentation pro ou photos Prezi PREZI : Présentations dynamiques durée de la séance : 2h00 tous public. Tutoriels et logiciels disponible sur www.epn-montalieu.fr Prérequis : - Connaître l'environnement

Plus en détail

Guide utilisateur Typo3

Guide utilisateur Typo3 Guide utilisateur Typo3 Niveau 1 Table des matières 1.Introduction...2 2.Login...2 3.Vue d'ensemble...3 4.Colonne de gauche...5 4.1Le mode PAGE...5 4.2Le mode VOIR...7 4.3Le mode LISTE...8 5.Colonne centrale...9

Plus en détail

4. Créer un compte utilisateur

4. Créer un compte utilisateur 4. Créer un compte utilisateur 1 - Cliquez sur le menu Outils puis sur Compte. 2 - Cliquez sur l onglet «Courrier». 3 - Cliquez sur «Ajouter» puis «Courrier». 4 - Tapez votre nom. 5 - Ecrivez votre mél

Plus en détail

Fiche Technique. Présentation du problème. MAJ le 11/05/2011

Fiche Technique. Présentation du problème. MAJ le 11/05/2011 MAJ le 11/05/2011 Présentation du problème Généralement on constate que tous les fournisseurs d'accès à Internet ont une solution pour transférer les contacts de leur messagerie. Il s'agit en général de

Plus en détail

Classer et partager ses photographies numériques

Classer et partager ses photographies numériques Classer et partager ses photographies numériques Ce tutoriel a pour objectif de vous donner les bases nécessaires au classement de vos photographies numériques, et de vous donner des moyens simples de

Plus en détail

SOMMAIRE : Présentation 1. installation et démarrage 1. Prise en main 5. Créer un nouveau projet... 5. Principales commandes... 6

SOMMAIRE : Présentation 1. installation et démarrage 1. Prise en main 5. Créer un nouveau projet... 5. Principales commandes... 6 SOMMAIRE : Présentation 1 installation et démarrage 1 Prise en main 5 Créer un nouveau projet... 5 Principales commandes... 6 Ajouter des objets... 6 Le menu contextuel des objets... 8 Lier un objet...

Plus en détail

Câble Ethernet ou Wi-Fi? Connexion filaire : le câble Ethernet. Connexion à Internet. 1 sur 7 10/06/14 13:21. Préférences Réseau

Câble Ethernet ou Wi-Fi? Connexion filaire : le câble Ethernet. Connexion à Internet. 1 sur 7 10/06/14 13:21. Préférences Réseau Après ce petit rappel sur l'histoire d'internet et son fonctionnement, nous allons passer à des phases un peu plus pratiques. Dans ce chapitre, nous traiterons donc de la connexion de votre ordinateur

Plus en détail

Guide de démarrage rapide Centre de copies et d'impression Bureau en Gros en ligne

Guide de démarrage rapide Centre de copies et d'impression Bureau en Gros en ligne Guide de démarrage rapide Centre de copies et d'impression Bureau en Gros en ligne Aperçu du Centre de copies et d'impression Bureau en Gros en ligne Pour accéder à «copies et impression Bureau en Gros

Plus en détail

Introduction à Expression Web 2

Introduction à Expression Web 2 Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer

Plus en détail

3- Utiliser un exerciseur : Netquizz

3- Utiliser un exerciseur : Netquizz 3- Utiliser un exerciseur : Netquizz Un exerciseur permet de créer des exercices très facilement puis de les mettre en ligne sous forme HTML. Il en existe plusieurs : - Hotpotatoes est le plus célèbre,

Plus en détail

SAUVEGARDER SES DONNEES PERSONNELLES

SAUVEGARDER SES DONNEES PERSONNELLES SAUVEGARDER SES DONNEES PERSONNELLES Il est important de sauvegarder son environnement système Windows ainsi que ses données personnelles. Nous verrons dans ce tutorial comment créer un point de restauration

Plus en détail

WWW.MELDANINFORMATIQUE.COM

WWW.MELDANINFORMATIQUE.COM Solutions informatiques Procédure Sur Comment installer et configurer Filezilla FTP Client Solutions informatiques Historique du document Revision Date Modification Autor 3 2013-04-29 Creation Daniel Roy

Plus en détail

Exposer ses photos sur Internet

Exposer ses photos sur Internet Exposer ses photos sur Internet Vous souhaitez montrer vos photos à votre famille ou vos amis? Pour cela, il existe de nombreuses solutions : vous pouvez effectuer un envoi groupé par email, créer un site

Plus en détail

LibreOffice Draw. Découvrir. Sommaire LV08001

LibreOffice Draw. Découvrir. Sommaire LV08001 Découvrir LibreOffice Draw LV08001 Sommaire 1. Dessiner une forme...3 2. Changer la couleur ou la ligne d'une forme...7 3. Insérer une image...8 4. Redimensionner une image ou une forme...16 5. Aligner

Plus en détail

Comment créer un site web Proxy gratuitement!

Comment créer un site web Proxy gratuitement! Comment créer un site web Proxy gratuitement! Author : soufiane Bonjour, Cherchez-vous comment créer un site web proxy gratuitement? Voulez-vous naviguer sur le web en anonymat totale en utilisant votre

Plus en détail

Une fois téléchargé sur votre bureau, on commence l'installation en cliquant sur cette icône :

Une fois téléchargé sur votre bureau, on commence l'installation en cliquant sur cette icône : CCleaner Installation Une fois téléchargé sur votre bureau, on commence l'installation en cliquant sur cette icône : Ensuite : sélectionnez votre langue, puis Ok ; Suivant ; J'accepte ; laissez le chemin

Plus en détail

-- Stage Auteur 2.0 -- Comment créer un blog d auteur avec blogger Bases techniques

-- Stage Auteur 2.0 -- Comment créer un blog d auteur avec blogger Bases techniques -- Stage Auteur 2.0 -- Comment créer un blog d auteur avec blogger Bases techniques Ce support vous présente les bases pour créer un blog avec Blogger, c est extrêmement simple et intuitif, mais Blogger

Plus en détail

Manuel étudiant Utilisation des plates-formes de E-learning Université Jean Monnet Saint-Etienne

Manuel étudiant Utilisation des plates-formes de E-learning Université Jean Monnet Saint-Etienne Manuel étudiant Utilisation des plates-formes de E-learning Université Jean Monnet Saint-Etienne Ce manuel présente succinctement les informations relatives à l'utilisation de la plate-forme de e-learning

Plus en détail

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1 Guide d'administration du site Internet Page 1 Scolasite permet de créer rapidement un site Internet, sans connaissances techniques particulières. Spécialement destiné aux établissements scolaires, son

Plus en détail

Configurer le navigateur

Configurer le navigateur Configurer le navigateur Vous utilisez internet tous les jours pour vérifier votre messagerie ou encore pour y faire vos achats. Êtes-vous sûr d'avoir sécurisé votre navigateur? Voici en détail quelques

Plus en détail

Réalisation de quelques pages Web / Activités et travaux d'élèves

Réalisation de quelques pages Web / Activités et travaux d'élèves Réalisation de quelques pages Web / Activités et travaux d'élèves Principe : Il s'agit de réaliser avec Dreamweaver qautre pages web (donc au format Html, hypertexte Markup Language) et les lier entre

Plus en détail

UTILISATION CMS LINKEO

UTILISATION CMS LINKEO UTILISATION CMS LINKEO Table des matières 1 Synopsis... 3 2 Connexion à l'interface d'administration...4 3 Edition d'une page...5 3.1 Edition d'une page...5 3.2 Ajout d'une image...5 3.2.1 Transfert d'une

Plus en détail

Utilisation de GalaxShare

Utilisation de GalaxShare Utilisation de GalaxShare Tutoriel accessible en ligne sur http://galaxair.com/tuto/aidegalaxshare.html Le Porte-Document GalaxShare est un logiciel web de partage de documents, avec une gestion fine des

Plus en détail

Prise en main du logiciel Smart BOARD

Prise en main du logiciel Smart BOARD Prise en main du logiciel Smart BOARD 1. Introduction : Le logiciel Smart BOARD est utilisable avec les tableaux blancs interactifs de la gamme SMART. Toutefois, il n'est pas nécessaire d'avoir un tbi

Plus en détail

Un film à partir de photos avec windows movie maker

Un film à partir de photos avec windows movie maker Un film à partir de photos avec windows movie maker -Windows movie maker est un logiciel de montage vidéo gratuit qui est normalement déjà installé sur les ordinateurs sous windows (xp, vista et 7). Il

Plus en détail

1 : Mettre en place le diaporama avec un arrière-plan

1 : Mettre en place le diaporama avec un arrière-plan POWERPOINT 2007 : LE DIAPORAMA 1 : Mettre en place le diaporama avec un arrière-plan A l'ouverture de PowerPoint 2007, nous avons cet écran...avec la barre d'outil d'accueil à l'emplacement marqué d'une

Plus en détail

Démarrer avec la Toutou Linux

Démarrer avec la Toutou Linux Démarrer avec la Toutou Linux 1.Comment démarrer sur le CD de Toutou Linux? Pour pouvoir démarrer avec le CD Toutou Linux, suivez les étapes suivantes : Allumer votre ordinateur. Ne cherchez pas à insérer

Plus en détail

Navigation difficile

Navigation difficile Navigation difficile Ma navigation est trop lente : Vous réussissez à vous connecter à Internet et vous naviguez sur le Web. Après quelques minutes de connexion, votre navigation devient très lente. Dans

Plus en détail

Initiation au mail. Sommaire : 1. Qu'est-ce qu'un mail?...3 2. Deux types d'outils pour consulter ses mails...4

Initiation au mail. Sommaire : 1. Qu'est-ce qu'un mail?...3 2. Deux types d'outils pour consulter ses mails...4 Initiation au mail Sommaire : 1. Qu'est-ce qu'un mail?...3 2. Deux types d'outils pour consulter ses mails...4 2.1. Les logiciels de gestion de mail...4 2.2. Les webmails...5 3. Se connecter au webmail...6

Plus en détail

Produire du code HTML

Produire du code HTML 3 Produire du code HTML Même si l on ne sait pas encore écrire du code HTML, il est important de savoir comment on pourra produire celui-ci. Nous allons voir trois méthodes pour taper du code HTML. Avec

Plus en détail

Logiciel de gestion de cours Manuel d'utilisation

Logiciel de gestion de cours Manuel d'utilisation Logiciel de gestion de cours 08.11.2009 bonobo@mvsi.ch Table des matières 1. Préambule 1 2. Fichiers 2.1 Texte par défaut 1 2.2 Langues 1 2.3 Base de données 1 2.4 Quitter 1 3. Participants Page 3.1 Liste

Plus en détail

Edition des portails régionaux du site Nature-France par les responsables SINP (rôle «manager-portail») Table des matières

Edition des portails régionaux du site Nature-France par les responsables SINP (rôle «manager-portail») Table des matières Edition des portails régionaux du site Nature-France par les responsables SINP (rôle «manager-portail») Table des matières Objectifs du document...2 Définitions...2 Convention d écriture...2 Pré-requis...2

Plus en détail

Guide de l administrateur de rubriques du site communal d ORCHAISE

Guide de l administrateur de rubriques du site communal d ORCHAISE Guide de l administrateur de rubriques du site communal d ORCHAISE Sommaire Comment est organisé le site?... 1 Comment accéder à l interface privée?... 2 Comment se connecter?... 2 Comment modifier son

Plus en détail

Créer un site internet (ou des pages)

Créer un site internet (ou des pages) Ce qu il faut savoir avant de commencer Driss SABRI Une page Web est un outil de communication pour lequel on a des contraintes spécifiques 1. avant d en créer il faut se poser les questions habituelles

Plus en détail

Guide de démarrage de l'outil. Aperçus Sun Life Ordinateur. Introduction. À propos de ce guide de démarrage rapide

Guide de démarrage de l'outil. Aperçus Sun Life Ordinateur. Introduction. À propos de ce guide de démarrage rapide Guide de démarrage de l'outil Aperçus Sun Life Ordinateur Introduction L'outil Aperçus Sun Life : propose une interface facile à utiliser, vous permet de travailler à partir de votre ordinateur ou sur

Plus en détail

WEBSEMINAIRE INTRODUCTION AU REFERENCEMENT

WEBSEMINAIRE INTRODUCTION AU REFERENCEMENT WEBSEMINAIRE INTRODUCTION AU REFERENCEMENT Animé par A.COMLAN ADCOSOFT 14/02/2014-15H 1 Programme du webséminaire : Introduction Partie I Optimisation des Balises TITLE et META Partie II Optimisation du

Plus en détail

Présentation du site internet EcoleDirecte

Présentation du site internet EcoleDirecte Présentation du site internet EcoleDirecte La vie scolaire de votre enfant sur https://www.ecoledirecte.com Janvier 2013 SOMMAIRE 1 PRESENTATION DU SITE INTERNET ECOLEDIRECTE DEDIE AUX FAMILLES ET AUX

Plus en détail

Fiche n 4 Utilisation de Kompozer Table des matières

Fiche n 4 Utilisation de Kompozer Table des matières Fiche n 4 Utilisation de Kompozer Table des matières 1-Travail préparatoire...1 1.1-Contraintes sur les noms de fichier...1 1.2-Préparation du dossier de stockage...1 1.3-Barre d'outils...1 1.4-Création

Plus en détail

CRÉER UN FORMULAIRE EN LIGNE SUR GOOGLE

CRÉER UN FORMULAIRE EN LIGNE SUR GOOGLE CRÉER UN FORMULAIRE EN LIGNE SUR GOOGLE Google vous permet de réaliser différents travaux en ligne, notamment des formulaires. Afficher la page Google Cliquer sur Plus Cliquer sur Documents Il faut avoir

Plus en détail

Tutoriel. ThunderBird. Page 1 / 10

Tutoriel. ThunderBird. Page 1 / 10 Tutoriel ThunderBird Page 1 / 10 1. Les Préalables Munissez-vous de vos paramètres de compte mail (L'adresse email, l'identifiant de connexion, le mot de passe, serveur POP, serveur SMTP ). Vous les trouverez

Plus en détail

Configuration de Windows (II)

Configuration de Windows (II) Configuration de Windows (II) Affichage des icônes sur le Bureau : 1 disposer les icônes librement sur le Bureau 2 créer des raccourcis des lecteurs sur le Bureau 3 ranger les icônes sur le Bureau Affichage

Plus en détail

Procédure Sur Installer et configurer Filezilla-Client FTP.

Procédure Sur Installer et configurer Filezilla-Client FTP. Procédure Sur Installer et configurer Filezilla-Client FTP. Historique du document Révision Date Modification Auteur 1 2009-03-16 Création Daniel Roy INSTALLER ET CONFIGURER FILEZILLA-CLIENT FTP... 3 2

Plus en détail

Tutoriel Pas à Pas pour Game Develop. Galaxies War

Tutoriel Pas à Pas pour Game Develop. Galaxies War Galaxies War Table des matières Galaxies War...1 Avant propos...2 Préparer le terrain...3 Création d'une première scène...3 Création et positionnement des objets...5 Création des évènements...9 Déplacer

Plus en détail

Formation à l administration de votre site Internet

Formation à l administration de votre site Internet Rédacteur : B2F Concept Date : 01/08/2012 Destinataire : Mairie de Drumettaz Formation à l administration de votre site Internet Introduction...2 Connexion à l administration...2 Gestion de contenu...3

Plus en détail

Création d un catalogue en ligne

Création d un catalogue en ligne 5 Création d un catalogue en ligne Au sommaire de ce chapitre Fonctionnement théorique Définition de jeux d enregistrements Insertion de contenu dynamique Aperçu des données Finalisation de la page de

Plus en détail

-Le traitement de texte. -Le courrier électronique

-Le traitement de texte. -Le courrier électronique 1/17 SOMMAIRE : -Windows -Le traitement de texte -Internet -Le courrier électronique 2/17 WINDOWS PRISE EN MAIN DE WINDOWS Lorsque vous démarrez votre ordinateur vous devez voir arriver un écran qui ressemble

Plus en détail

Sommaire. 1. Installation... 2. 2. Configuration de la sauvegarde... 4. 3. Le Panneau de contrôle... 7. 4. L'interface en ligne...

Sommaire. 1. Installation... 2. 2. Configuration de la sauvegarde... 4. 3. Le Panneau de contrôle... 7. 4. L'interface en ligne... Sommaire 1. Installation... 2 2. Configuration de la sauvegarde... 4 3. Le Panneau de contrôle... 7 4. L'interface en ligne... 7 5. Rechercher un fichier... 8 6. Partager un fichier... 8 7. Statut de mon

Plus en détail

Appuyez et relâchez une fois le bouton gauche de la souris. Il sert à choisir un item ou pour appuyer sur l'un des différents boutons de Windows.

Appuyez et relâchez une fois le bouton gauche de la souris. Il sert à choisir un item ou pour appuyer sur l'un des différents boutons de Windows. Introduction Cette page a été conçue pour vous démontrer les possibilités de la souris. Elle sert premièrement à déplacer le pointeur sur l'écran ou vers des commandes. C'est avec les combinaisons de boutons

Plus en détail

TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE

TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE Etape 1. Ouvrir FrontPage et créer un site Web vide...2 Etape 2 ajouter des pages...3 Etape 3 : donner un titre et renommer les 2 pages...5

Plus en détail

Google Chrome. La barre de favoris: Une petit barre (Ctrl+B) qui fait tout la largeur du navigateur juste en dessous de la barre de recherche.

Google Chrome. La barre de favoris: Une petit barre (Ctrl+B) qui fait tout la largeur du navigateur juste en dessous de la barre de recherche. Google Chrome Résumé rapide: Lien de téléchargement: http://www.google.fr/chrome La barre de favoris: Une petit barre (Ctrl+B) qui fait tout la largeur du navigateur juste en dessous de la barre de recherche.

Plus en détail

MODULES 3D TAG CLOUD. Par GENIUS AOM

MODULES 3D TAG CLOUD. Par GENIUS AOM MODULES 3D TAG CLOUD Par GENIUS AOM 1 Sommaire I. INTRODUCTIONS :... 3 II. INSTALLATION MANUELLE D UN MODULE PRESTASHOP... 3 III. CONFIGURATION DU MODULE... 7 3.1. Préférences... 7 3.2. Options... 8 3.3.

Plus en détail

Sophos Mobile Control Guide d'utilisation pour Windows Phone 8. Version du produit : 4

Sophos Mobile Control Guide d'utilisation pour Windows Phone 8. Version du produit : 4 Sophos Mobile Control Guide d'utilisation pour Windows Phone 8 Version du produit : 4 Date du document : mai 2014 Table des matières 1 À propos de Sophos Mobile Control...3 2 À propos de ce guide...4 3

Plus en détail

Pour créer une feuille, accédez à votre Drive, cliquez sur le bouton rouge Créer, puis sélectionnez Feuille de calcul dans le menu déroulant.

Pour créer une feuille, accédez à votre Drive, cliquez sur le bouton rouge Créer, puis sélectionnez Feuille de calcul dans le menu déroulant. 1 2 Grâce aux feuilles de calcul Google, vous pouvez en toute simplicité créer, partager et modifier des feuilles de calcul en ligne. Vous pouvez notamment : importer et convertir des données.xls,.csv,.txt

Plus en détail

Guide pour la réalisation d'un document avec Open Office Writer 2.2

Guide pour la réalisation d'un document avec Open Office Writer 2.2 Guide pour la réalisation d'un document avec Open Office Writer 2.2 1- Lancement de l'application : Le Traitement de textes de la Suite OpenOffice peut être lancé : soit depuis le menu «Démarrer / Programmes/OpenOffice2.2/Writer

Plus en détail

TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM

TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM V1.0 TUTORIEL JCE - EDITEUR Le nouvel outil pour vos articles... Pour les plus anciens d entre vous, vous avez connu la transmission des

Plus en détail

Comment accéder à d Internet Explorer

Comment accéder à d Internet Explorer Comment accéder à d Pour ouvrir l application, vous n avez qu à doublecliquer sur l icône de celle-ci : ou vous pouvez encore allez le chercher par le raccourci dans la barre des tâches : Lorsque l application

Plus en détail

Créer un collage avec The Gimp 2.2.10

Créer un collage avec The Gimp 2.2.10 Créer un collage avec The Gimp 2.2.10 Sommaire A. Ouvrir The Gimp -----> Le choix des formats ou extensions B.Le projet : Isoler/ sélectionner C.Intégrer -----> calques -----> Echelle -----> Teintes Le

Plus en détail

Espace FOAD IRTS Guide de l étudiant Septembre 2009

Espace FOAD IRTS Guide de l étudiant Septembre 2009 Espace FOAD IRTS Guide de l étudiant Septembre 2009 0BPRESENTATION DE L'ESPACE FOAD IRTS... 2 2BCONSULTER LES CONTENUS DE FORMATION... 3 3BGERER SON MOT DE PASSE... 4 8BMODIFIER SON MOT DE PASSE... 4 9BQUELQUES

Plus en détail

Content Manager System

Content Manager System Content Manager System Système de Gestion de Contenu GNU Free Documentation License Version 1.2, November 2002 Copyright (C) 2000, 2001, 2002 Free Software Foundation, Inc. 51 Franklin St, Fifth Floor,

Plus en détail

Upload de fichiers en PHP

Upload de fichiers en PHP Upload de fichiers en PHP par HERAULT Antoine Date de publication : 1er décembre 2006 Dernière mise à jour : 1er décembre 2006 Vous avez envie de permettre aux visiteurs de votre site d'uploader des fichiers

Plus en détail

BEP Systèmes Electroniques Industriels et Domestiques

BEP Systèmes Electroniques Industriels et Domestiques Fiche de procédure : Créer un réseau domestique sous Windows XP I) Préambule Cette fiche méthode a été créée avec l'objectif de donner aux débutants la possibilité de créer un réseau domestique sous Windows

Plus en détail

Support de formation. support@nexeto.com. Adresse de votre site en construction : http://.technito.com. Adresse définitive de votre site : http://www.

Support de formation. support@nexeto.com. Adresse de votre site en construction : http://.technito.com. Adresse définitive de votre site : http://www. Support de formation Adresse de votre site en construction : http://.technito.com Adresse définitive de votre site : http://www. Code d'administration Identifiant : Mot de passe : support@nexeto.com Sommaire

Plus en détail

Présentation du site internet EcoleDirecte

Présentation du site internet EcoleDirecte Présentation du site internet EcoleDirecte Mise à jour : Octobre 2013 La vie scolaire de votre enfant sur https://www.ecoledirecte.com SOMMAIRE 1 PRESENTATION DU SITE INTERNET ECOLEDIRECTE DEDIE AUX FAMILLES

Plus en détail

Gérer un site internet simple

Gérer un site internet simple TUTORIEL Gérer un site internet simple Pourquoi avoir un site internet? Table of Contents Table of Contents... 2 Étape 1 : créer un compte Google (Gmail)... 3 Etape 2 : créer un site internet Google...

Plus en détail

Guide Reseller Onbile

Guide Reseller Onbile Guide Reseller Onbile Cher Revendeur, Avez-vous un doute en ce qui concerne le fonctionnement du Panneau d Administration du Plan Reseller de Onbile? Le guide Reseller Onbile est ce dont vous avez besoin!

Plus en détail

Tutoriel Camtasia 7 ( version française )

Tutoriel Camtasia 7 ( version française ) Tutoriel Camtasia 7 ( version française ) Ce logiciel permet de filmer votre écran et d enregistrer votre voix si vous avez un microphone ( à main ou via votre webcam ). Avant même de commencer un enregistrement,

Plus en détail

Guide de démarrage de l'outil. Aperçus Sun Life Web. Introduction. À propos de ce guide de démarrage rapide

Guide de démarrage de l'outil. Aperçus Sun Life Web. Introduction. À propos de ce guide de démarrage rapide Guide de démarrage de l'outil Aperçus Sun Life Web Introduction L'outil Aperçus Sun Life : propose une interface facile à utiliser, vous permet de travailler à partir de votre ordinateur ou sur le Web,

Plus en détail

Lire-Écrire un courriel / Pièces jointes

Lire-Écrire un courriel / Pièces jointes Lire-Écrire un courriel / Pièces jointes 1. Lire un courrier Ma boîte à lettre m'informe du nombre de courriel que j'ai reçus : Les courriel déjà lus sont en taille normale, les courriel non lus apparaissent

Plus en détail

Nous allons vous expliquer étape par étape comment relancer vos contacts.

Nous allons vous expliquer étape par étape comment relancer vos contacts. Bonjour, Nous allons vous expliquer étape par étape comment relancer vos contacts. Au cours de votre parcours avec CarrefourInternet, vous allez avoir deux types de contacts : A. ceux qui se sont déjà

Plus en détail