T P I. Site statique. Valentin Dubach. Classe SCM8a

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

Download "T P I. Site statique. Valentin Dubach. Classe SCM8a"

Transcription

1 T P I Site statique Classe 25 mai au 2 juin 2010

2 1. Tables des matières 1. Tables des matières Introduction Analyse Public cible Objectifs Structure du site Identités graphiques existantes Conception Synopsis Chartre graphique Technologies utilisées Structure des pages Contenu du site Test du site dans différents navigateurs Référencement Facturation détaillée Conclusion Sources Sources des images figurants sur le site Annexes Facturation détaillée Planning Journal de Bord Croquis papier de la maquette du site Copie du cahier des charges Le CD dans sa fourr e Mai-juin 2010 Page 2 sur 32

3 2. Introduction Le Travail de Production Individuel est le dernier travail pratique que nous devons réaliser durant notre formation de médiamaticien. Ayant lieu dans durant les dernières semaines de la 4 ème année ce travail permet au corps enseignant d évaluer les compétences pratiques acquises par les élèves. Bien qu il soit basé sur des données concrètes du marché, ce travail est purement académique. Le 17 mai 2010, le type de projet que nous allions devoir créer durant une semaine et demie a été tiré au sort par M. Roderick Graber, responsable des TPI en médiamatique. Le mardi 25 mai 2010, nous avons découvert notre coach. Dans le domaine des «sites statiques», il s agit de Mme Ariane Nicollier. C est elle qui nous a également remis nos cahiers des charges respectifs et qui a répondu à toutes nos questions à propos de ceux-ci. Mon TPI consiste à réaliser un site. À travers ce site qui doit être statique, je vais expliquer en quelques mots qui est ce personnage et quels ont été ses ouvrages, entre autres la théorie de l évolution. Les idées de ce personnage ont eu un impact très important dans la communauté scientifique, et je pense judicieux de relater les critiques et réactions qu il a suscitées à travers celles-ci. Expliquer quel est le parcours de ce personnage est également essentiel pour bien comprendre comment il a réussi à ancrer son nom dans l histoire de l humanité. Une partie de mon site sera consacrée plutôt à sa vie privée. Je pense également faire une chronologie des dates clés de son parcours. Avant de recevoir ce travail, je ne connaissais Charles Darwin que de nom. Je vais donc devoir rechercher des informations sur Internet afin de pouvoir créer un contenu qui soit cohérent et complet. C est également à travers cette plateforme que je vais rechercher des images et des thématiques qui me permettront de mettre en place la ligne graphique de mon site. J espère que vous aurez du plaisir à découvrir mon travail ainsi que toute la partie conceptuelle qui va avec. Mai-juin 2010 Page 3 sur 32

4 3. Analyse 3.1. Public cible Qui? D après moi, les personnes qui recherchent des informations sont : des personnes plutôt jeunes De 18 à 35 ans. (voir dès 15 ans) en formation... Constitution de présentations, d exposés, ou de préparations diverses. Travaux académiques plutôt dans le domaine de l histoire et/ou la géographie. à la recherche d informations précises et pas trop complexes L article se trouvant sur Wikipedia (cf. sources) est très complet, cependant il ne résume pas les points clés l histoire de Darwin. Ce document est long à lire et les informations sont parfois confuses. Ceux qui recherchent des informations sur la théorie de l évolution sont selon moi dans la même tranche d âge et également en formation. Cependant, je pense qu il s agit là plus d une recherche dans le cadre d un cours de biologie, de sciences et/ou sciences naturelles, de médecines ou encore de chimie. Les personnes plus âgées, comme par exemple les enseignants ou les historiens ne sont pas dans ma cible. Ces personnes ont l habitude d étudier des longs documents souvent complexes or mon site aura justement comme but de résumer l information afin qu elle soit accessible à un public moins aguerri. Les fans d histoire qui souhaitent tout apprendre se tourneront plutôt vers des encyclopédies sur papier et iront acheter quelques livres écrits par cet homme, etc. C est pour cette raison qu ils ne font pas partie de mon public. Ce site est destiné à tous les publics francophones, à savoir la Suisse, la France, et le Canada Quels besoins? Mon public cible est donc à la recherche d explications et d informations qui soient claires et facilement compréhensibles. De plus, créer un site aux explications simples m est bénéfique : les gens à la recherche d informations complexes se plairont sur l article de Wikipédia. Par contre, les gens qui trouveront Wikipedia pas assez succinct partiront à la recherche d un site où les informations Mai-juin 2010 Page 4 sur 32

5 sont plus claires et résumées. Les autres sites sont souvent en anglais, et les sites résumant l ensemble de Darwin sont rares. C est donc là que j ai une place à prendre! Aptitudes? Mon public étant défini je peux maintenant définir leurs aptitudes. Résolution d écran Les ordinateurs d école pouvant parfois être relativement petits ou mal réglés, il se peut que je rencontre des écrans ayant une résolution de 1024x768 pixels. Cette résolution représentant encore le 20% des résolutions utilisées Internet (cf. sources) alors il me semble judicieux d avoir un site de 960 px de large. (960px étant le standard des sites conçus pour cette résolution d écran) Débit Internet Le débit minimum pouvant être souscrit pour une ligne Internet est de minimum 300Kb/s. Ceci me permet d être relativement à l aise quant à l insertion de photos ou même de vidéos. Les caches des navigateurs sont également un point à prendre en compte : l utilisateur n aura pas à télécharger le contenu qui se répète sur les pages (ex. : fond d écran) Version des navigateurs Comme très souvent, les écoles et/ou universités sont équipées de produits Apple. Ceci est un point positif, car les mises à jour sur Mac sont très aisées à faire et les navigateurs ont donc une forte probabilité à être à jour. Les étudiants ont également une meilleure tendance à maintenir leurs navigateurs à jour. C est pourquoi j ai choisi que mon site soit optimisé pour les navigateurs suivants : Firefox / Safari 4 / Chrome / Opera 10.5 / Internet Explorer * * certains aspects visuels pourraient être «perdus» dans IE, cependant le site sera tout à fait utilisable. Mai-juin 2010 Page 5 sur 32

6 3.2. Objectifs Principal Enseigner par le biais d un site Internet qui est Charles Darwin ainsi que ce qu il a accompli durant sa vie Secondaires Avoir un contenu compréhensible pour un public jeune Raconter le parcours privé de Charles Darwin Expliquer brièvement la théorie de l évolution Mettre à disposition des internautes un recueil de citations Opérationnels Se renseigner et ses différents travaux Rassembler des citations du personnage Rédiger le contenu à faire figurer sur le site Internet Établir une ligne graphique pour le site : Logo, Moodboard, style typographique, Trouver un hébergeur et un nom de domaine Créer un rapport justifiant les différent choix effectué pour créer le site Présenter le travail final devant deux experts externes Mai-juin 2010 Page 6 sur 32

7 3.3. Structure du site Menu de premier niveau Menu de deuxième niveau Jeunesse Son histoire Beagle Carrière Accueil Vie personnelle La théorie de l'évolution Son oeuvre Citations La séléction naturelle L'origine des espèces Le darwinisme J ai choisi d utiliser deux niveaux de menus. En restant sur l idée de résumer Darwin, faire trop de menus pourrait amener les internautes à ne plus savoir ou chercher l information. De plus pour le référencement il ne faut pas avoir trop de sous-menus. Le nombre de deux est idéal. Le personnage et l explication du travail qu il a accompli sont deux parties distinctes. Dans l histoire du personnage, je retrace son parcours privé et familial, en parlant également de la formation qu il a suivie et des personnages qu il a rencontrés et de son expédition en Amérique du Sud. Je reprends également sa vie de famille, femme, enfants ainsi que les livres qu il a écrit Dans «son œuvre», j explique de manière simplifiée le principe de la théorie de l évolution, et l influence que Darwin a eu sur celle-ci. Je vais également parler du darwinisme, et expliquer ses dérivations. Dans les «citations», les internautes trouveront quelques phrases marquantes que Darwin a dites ou écrites durant sa vie. Un lien permettra de les imprimer. Mai-juin 2010 Page 7 sur 32

8 TPI : Site Statique 3.4. Identités graphiques existantes Le site darwinisme.org est le seul site sur lequel j ai trouvé une identité graphique propre au thème de Darwin. Tous les autres sites (Wikipedia, linternaute, futura-sciences) ont une thématique générale hors sujet. Principalement brunes, les couleurs de ce site ne me plaisent pas. De plus, je trouve les menus non élégants. Il est visible que le graphisme de ce site n a pas été modifié depuis quelques années. La typographie n est pas travaillée du tout ce qui donne l impression que le site est «brut de coupe». Lorsque l on passe la souris sur un des boutons du menu, celui-ci devient blanc et la petite flèche rouge à droite de celui-ci fait des sauts de gauche à droite de la case dans laquelle elle se trouve. Cet effet est à mes yeux disgracieux et pas cohérent. Bien que son contenu soit relativement à jour, la structure de ce site m a vraiment étonné, pour ne pas dire choqué! Effectivement, il y a plus d une dizaine Mai-juin 2010 Page 8 sur 32

9 de tableaux imbriqués les uns dans les autres. Cette structure de site n est vraiment plus d actualité. De plus, il y a beaucoup de code inutile ; une meilleure structure aurait optimisé le chargement des pages. Au niveau du référencement ce n est guère mieux : Le site n a aucune balise <meta>! Il contient 53 erreurs HTML et 6 en CSS sur la homepage. Il n y a aucune balise de description sur les images. Cependant, lorsque l on recherche Charles Darwin sur Google.fr darwinisme.org est en 6 ème position des résultats. Pourquoi? Car c est le seul site qui traite du sujet. Un autre site en anglais rencontre les mêmes problèmes que darwinisme.org. Pas de référencement, gros problème de structure : il est en 2 ème position dans la recherche Google. Ces sites sont très intéressants à analyser : sans aucun effort de SEO, ils se retrouvent en tête des résultats de Google. En attachant donc, ne serait-ce qu un minimum d attention au référencement de mon site, j ai toutes les chances de me retrouver, dans un premier temps, sur la première page des résultats de Google, et même d autres moteurs de recherche. Bien que ce sujet soit destiné à un public «de niche», il est plaisant de savoir qu il n y aura pas de difficultés à faire mieux que la grande majorité des sites traitant le sujet! Concernant la ligne graphique existante, on peut dire qu elle est inexistante. Les seules choses à prendre en compte sont les photos en noirs et blanc ainsi que les peintures de Darwin ou du Beagle. C est donc sur cette base que je vais construire mon identité graphique. Mai-juin 2010 Page 9 sur 32

10 4. Conception 4.1. Synopsis Charles Darwin, l homme qui a donné une explication scientifique à la théorie de l évolution est devenu à l heure actuelle une idéologie internationale. Qu'est-ce qui l a amené à devenir un des naturalistes les plus célèbres du monde? Quelles révélations a-t-il apporté au monde scientifique? Venez découvrir l histoire et le travail de ce personnage intéressant sur darwintheorie.info 4.2. Chartre graphique Moodboard Voici les images qui constituent mon moodboard. La banque d images concernant Charles Darwin est relativement restreinte, cependant ces quelques illustrations m ont permis de conceptualiser la ligne graphique de mon site, qui sera principalement dans un style «peinture» Mai-juin 2010 Page 10 sur 32

11 Couleurs # #FCF3DC #625A #995E #C89667 Voici les couleurs que j ai récupérées grâce à mon moodboard. J ai utilisé le blanc cassé comme couleurs de polices des titres et boutons. J ai utilisé le bleu pour la couleur de corps. Les bruns constituent mes fonds. J ai utilisé le vert comme police de mes liens dans la partie «contenu». Ces couleurs reflètent un aspect «ancien», et c est l atmosphère que je souhaitais conserver dans le site. Rester au XIXe siècle, époque où Darwin a vécu. Mai-juin 2010 Page 11 sur 32

12 Logotype J ai choisi de reprendre dans mon logotype le premier schéma que Darwin a dessiné pour représenter son idée de la théorie de l évolution (ci-contre). C est vraiment un des symboles qui représentent le mieux Darwin et son idée de la théorie de l évolution. J ai donc recréé de manière schématique la même structure dans Illustrator. Voici la première version à droite Le résultat était à mes yeux trop carré. C est pourquoi j ai créé un nouveau fichier Illustrator dans lequel j ai importé la première version. Ensuite, j ai effectué une vectorisation dynamique grossière du logo. Voici maintenant le résultat final (ci-dessous) qui est moins régulier et plus homogène avec le reste de la ligne graphique. Mai-juin 2010 Page 12 sur 32

13 Typographie J ai recherché des polices sur le site de fontsquirrel.com ainsi que sur dafont.com. J avais trouvé d intéressantes polices sur fontsquirrel, cependant le site étant aux USA les fonts n avaient pas d accents. J ai malgré tout utiliser 2 polices différentes sur ce site, je les ai conservées pour «Charles Darwin» dans l entête du site. Nom de la police : Licence : Référence : HarabaraHand Free to use Nom de la police : Licence : Référence : Journal Free to use J ai souhaité utiliser des polices «Handwritten», car elles donnent justement l impression d avoir été écrite à la main. À l époque de Darwin, il n y avait pas encore d informatique et de précision dans les lettres. Tout sauf les livres était écrit à main levée. C est pour cette raison et également pour l aspect chaleureux donné par ces polices que je les ai choisies. Pour tous les autres éléments de textes du des menus j ai utilisé la police Goobascript. Elle fait aussi partie des polices manuscrites, mais à contrario des deux précédentes, Goobascript est beaucoup plus lisible et de plus elle à toutes les options d accents. Pour les paragraphes de textes, j ai choisi Helvetica : elle n est pas fatigante à lire sur de longs textes. Et finalement, j ai utilisé Garamond pour les citations, bien que cette polices ne fonctionne pas dans tous les navigateurs. Nom de la police : Licence : Référence : Goobascript Free to use Mai-juin 2010 Page 13 sur 32

14 4.3. Technologies utilisées Le principal défaut des sites existants est leur aspect vieillissant et non à jour. C est pourquoi je vais utiliser des nouvelles technologies pour rendre un aspect visuel plus moderne est plus abouti. CSS Pour la création de mes menus, et l importation de mes polices afin de reproduire au mieux ma maquette Photoshop tout est fait en CSS 3. Le CSS 3 m a permis de faire : Des coins arrondis Des ombres sous le texte D utiliser n importe quelle police, même si l utilisateur ne l a pas sur son ordinateur. Technologie offerte par la Infos ici : HTML 4 Pour la création du site, je suis resté sur du HTML 4. Le HTML 5 étant actuellement supporté par très peu de navigateurs, il est préférable d utiliser le flash, pour l insertion d une vidéo par exemple. En discutant avec le client pour améliorer le site, l option du HTML 5 est tout à fait envisageable. Mais avant 2 ans cette technologie ne sera pas totalement intégrée dans le Web. IMAGES Toutes mes images de construction du site sont en JPEG. C est ce format que j ai choisi, car le rendu était fidèle et ce format de compression donne des images au poids très léger. JAVASCRIPT J ai utilisé un peu de JS pour l affichage de ma «lightbox» qui met en avant les images et ajoute un voile noir au site pour mieux voir celle-ci Mai-juin 2010 Page 14 sur 32

15 4.4. Structure des pages Header Une page de mon site est séparée en 3 parties : Le header contient : 1) Mon logo 2) Un espace vide (pour de la pub ou autre) 3) Une photo de Charles Darwin 4) Ma barre de menu de niveau 1 Header (en-tête) Contenu Footer (pied de page) Voici une capture d écran de mon header Pour l afficher de manière complète, il faut compter 1000 px de large et 185 px de haut. J ai choisi de donner un effet 3D à ma barre de navigation car je trouve l effet intéressant. Ceci donne de la profondeur au site, ce qui le rend visuellement plus dynamique. C est également pour ça qu il y a une ombre «sous» le site. Le grand espace vide au centre de la bannière peut accueillir soit de la pub, soit d autres images de Darwin, soit un module dynamique autre, etc. À décider avec le client. Une évolution possible aurait pu être l ajout d un champ de recherche (par exemple avec l outil Google «recherche personnalisée»). Voici un montage de ce que cela pourrait donner : Enfin, l état de mes boutons lorsqu on les survole est le suivant : État normal : Texte blanc cassé sur fond brun clair. État hover : Texte brun sur fond blanc cassé. Tout est fait en CSS 3. Les coins arrondis et ombres ne sont juste pas gérés par Internet Explorer, sans grande conséquence visuelle. Mai-juin 2010 Page 15 sur 32

16 Conteneur Mon conteneur a 3 possibilités de mise en page (réglées via CSS) : 1) un contenu réparti sur une seule colonne 2) Le contenu réparti sur 2 colonnes, avec ou sans titre <H2> 3) Le contenu dans 3 colonnes, avec ou sans titre <H2> Mai-juin 2010 Page 16 sur 32

17 Footer Mon Footer est relativement basique. Ce sera au client de choisir ce qu il veut y faire figurer. Personnellement j y ai mis le Copyright du client, mon nom, ainsi qu une adresse de contact. Au début je pensais créer une page Facebook pour le site ou un compte Twitter. Cependant après réflexion, j ai abandonné cette idée : Pour ce type de site qui contient peu voir pas de mise à jour et/ou nouveautés, l utilisation de ces médias n aurait pas été d une grande utilité. La hauteur du footer est modifiable, et le client peut choisir ce qu il veut y voir figurer Favicon Le favicon du site, de 16 x 16 px contient une partie de mon logo en jaune sur un fond brun. Le voici : Google Analytics Dans mon projet, le code Google Analytics n a pas été mis en place. Cependant, sur demande du client, l ajout de cette fonction est tout à fait envisageable. Ceci lui permettrait de voir précisément d où viennent les visiteurs et leur nombre. Dans l optique de l optimisation du site, je pense que c est une fonction qui est même incontournable. Mai-juin 2010 Page 17 sur 32

18 4.5. Contenu du site Ci-dessous, le texte à la volée, que j ai inséré dans les différentes pages du Site Internet. SON HISTOIRE Sa jeunesse Charles Darwin est né le 12 février 1809 à Shrewsbury, en Angleterre. Il est le fils de Robert Darwin, un médecin et homme d affaires, ainsi que de Susannah Darwin. Son grand-père était un célèbre médecin et poète, Erasmus Darwin. Cinquième d une fratrie de six enfants, Charles perd sa mère à l âge de huit ans. Après quelques années de pensionnat, il se destine à la médecine et entre à l université d Edimbourg (Ecosse). Au cours de ses études, il se passionne de plus en plus pour l histoire naturelle mais néglige les branches médicales. Mécontent des résultats médiocres de son fils, le père de Charles Darwin décide d inscrire ce dernier à Cambridge afin qu il y obtienne un diplôme de théologie. À Cambridge, Charles Darwin se lie d amitié avec le révérend John Stevens Henslow, professeur de botanique. Sa fascination pour la nature, les insectes, le monde animal, continue à le dévorer et c est avec difficulté qu il obtiendra tout de même, en 1831, son diplôme de théologie. Son voyage (beagle) Charles Darwin vient tout juste de terminer ses études à Cambridge. Son intérêt pour l histoire naturelle lui a permis de se lier avec différents professeurs de l université. De retour chez son père, il reçoit un courrier de la part du révérend Henslow ; ce dernier le recommande pour un poste de naturaliste, dans le cadre d une expédition visant à élaborer la cartographie de la côte d Amérique du Sud. Charles Darwin ne dispose pas d une formation complète en tant que naturaliste, pourtant il a su se distinguer auprès du professeur Henslow tant son intérêt scientifique et ses connaissances autodidactes étaient marqués. L expédition du beagle durera cinq ans et sera un véritable tour du monde. Parti le 27 décembre 1831 (Charles Darwin n est alors âgé que de 22 ans!), l équipage ne rentrera que le 2 octobre Le travail de Charles Darwin consiste à faire l inventaire des innombrables espèces animales et végétales qu il rencontrera dans les différentes étapes dont l Amérique du Sud, l Australie, la Réunion et les îles Galapagos. Il étudie également les aspects géologiques des différents territoires et récolte de nombreux spécimens d organismes vivants ou fossiles. Charles Darwin envoie régulièrement des courriers à Cambridge, dans lesquels il décrit ses différentes observations scientifiques. De plus, Darwin s intéresse aux aspects sociaux, politiques et anthropologiques des peuplades qu il rencontre. Sa carrière La magnifique aventure du beagle ainsi que l étude des innombrables informations collectées durant ce voyage sont à l origine de la plupart des théories élaborées par Charles Darwin. Grâce à la qualité des courriers envoyés à Cambridge tout au long de son voyage, le jeune étudiant qu il était au départ de cette expédition rentrera en étant devenu un scientifique renommé. Dès son retour, Charles Darwin s installe à Londres afin de poursuivre son travail. Il collabore avec le révérend Henslow à la transcription de toutes les observations et découvertes qu il a effectuées durant son périple. Le travail est immense et Charles Darwin va rapidement souffrir de surmenage. L ensemble de sa carrière sera consacrée à la recherche Charles Darwin sera élu au Conseil de la Société géographique Il deviendra membre la la Royal Society de Londres 1858 Pour la première fois, Charles Darwin expose sa théorie sur l évolution des espèces devant un collège de scientifiques 1878 Charles Darwin est élu à l Académie française des sciences. Sa vie personnelle Le 29 janvier 1839, Charles Darwin épouse Emma Wedgwood, sa cousine. Ensemble, ils s installeront à la campagne, loin de l agitation londonienne. Ils auront dix enfants, dont deux mourront en très bas âge. Sa fille Annie succombera à une maladie à l âge de 10 ans ; cet événement ébranlera sérieusement la foi en Dieu de Charles Darwin, jusqu alors très croyant. Tout au long de sa vie, Charles Darwin souffrira de différents problèmes de santé qui l obligeront à prendre des périodes repos : problèmes d estomac, palpitations, tremblements, troubles paniques. Charles Darwin mourra le 19 avril 1882, à l âge de 73 ans. Après des funérailles officielles, il Mai-juin 2010 Page 18 sur 32

19 sera enterré dans l Abbaye de Westminster, près d autres grands hommes tels que le physicien Isaac Newton. SON OEUVRE La théorie de l évolution À l époque de Darwin, les scientifiques sont divisés et deux tendances s opposent concernant l évolution des espèces : Les créationnistes, qui pensent que le monde et les êtres sont tels que Dieu les a créés Les évolutionnistes, qui pensent que les êtres vivants changent au cours du temps. Charles Darwin, dont le nom est étroitement associé avec la théorie de l évolution, va très largement contribuer au développement de cette dernière. Ses nombreuses observations et recherches lui ont apporté la conviction qu au fil des générations, les êtres vivants évoluent afin de s adapter à leur milieu et qu ils transmettent ces modifications à leur descendance. Concrètement, cela signifie que les espèces se diversifient à partir d un ancêtre commun. Points principaux de la théorie de l évolution : 1. Chaque espèce vivante subit une évolution. 2. Cette évolution est progressive et demande plusieurs milliers à plusieurs millions d années. 3. La sélection naturelle est le mécanisme principal de l évolution. 4. Cette sélection comporte deux composantes : sélection de survie (êtres les mieux adaptés à leur milieu) sélection sexuelle (aptitude à trouver un partenaire et à transmettre son patrimoine génétique) 5. Toutes les espèces vivantes tirent leur origine d un processus de spéciation (processus évolutif par lequel de nouvelles espèces apparaissent) A l époque, cette théorie ne fait pas l unanimité au sein des scientifiques et il faudra beaucoup de temps à Charles Darwin pour voir reconnaître le fruit de son immense travail. La sélection naturelle Dans le cadre de ses recherches sur l évolution des espèces, Charles Darwin a pu constater que d une manière générale, les être vivants sont parfaitement adaptés à leur milieu. Ceux qui sont le plus adaptés vivent plus longtemps et ont davantage de descendants, auxquels ils transmettent leurs facutlés d adaptation. A contrario, les êtres les moins adaptés vivent moins longtemps et ont moins de descendants, comme si la nature elle-même faisait une sélection naturelle, en privilégiant les êtres faisant preuve de la plus grande facutlé d adaptation. Très controversées à l époque, les théories de Charles Dawin mettront des années à être reconnues. Elles ont depuis lors été prouvées scientifiquement. L origine des espèces En 1859, Charles Darwin publie ses théories dans un livre intitulé «De l Origine des espèces». Cet ouvrage fera beaucoup de bruit, car les croyants y voient une sorte de sacrilège par rapport à ce que dit la Bible. Dans son ouvrage, Charles Darwin laisse sousentendre que l homme et le singe pourraient avoir un ancêtre commun, comme l avait déjà évoqué cinquante ans plus tôt Jean-Baptiste Lamarck ( ), père de la biologie et auteur de théories sur l évolution. Les réactions qui suivront la publication de «L Origine des espèces» sont vives, car personne, à l époque, n a envie d être assimilé à un singe. De nombreuses caricatures circuleront sur lesquelles Charles Darwin est représenté avec un corps de singe. Le Darwinisme Issu du patronyme de Charles Darwin, le terme «darwinisme» fait en premier lieu référence à la théorie selon laquelle «l évolution biologique favorise les gènes les plus aptes pour la survie de l espèce, ainsi donc, tous les êtres vivants résulteraient de la sélection naturelle». Depuis l époque de Charles Darwin, ce terme a évolué. On parle aujourd hui plus globalement de «néo-darwinisme», en faisant allusion aux recherches de Charles Darwin ainsi qu aux aspects génétiques qui sont venus se greffer aux théories de l évolution et de la sélection naturelle. Au XIXe siècle est apparue la notion de «darwinisme social», soit l application de la théorie de Charles Darwin à la société humaine. Les créationnistes, qui croient à la création du monde par Dieu, utilisent le terme de darwinisme pour englober l idée de l évolution de la création du monde de manière scientifique et biologique. Mai-juin 2010 Page 19 sur 32

20 4.6. Test du site dans différents navigateurs J ai testé différents navigateurs pour vérifier que mon site était exploitable. Je vais montrer ici différentes captures d écrans et dire ce qui change par rapport à la version «correcte» Internet Explorer Internet Explorer : version 6 Éléments n apparaissant pas et/ou posant problème : Les coins arrondis Ombres sous les textes du menu et sous les paragraphes de contenu Les polices intégrées au CSS Le logo (.png) Le footer n est pas entier On peut naviguer dans le site? (SAUF LOGO) Le contenu du site est lisible? Le site est globalement utilisable? Mai-juin 2010 Page 20 sur 32

21 Internet Explorer : version 7 Éléments n apparaissant pas et/ou posant problème : Les coins arrondis Ombres sous les textes du menu et sous les paragraphes de contenu Certaines Font-Face (dépend de l OS : parfois OK, parfois pas) Le footer n est pas entier On peut naviguer dans le site? Le contenu du site est lisible? Le site est globalement utilisable? Mai-juin 2010 Page 21 sur 32

22 Internet Explorer : version 8 Éléments n apparaissant pas et/ou posant problème : Les coins arrondis Ombres sous les textes du menu et sous les paragraphes de contenu On peut naviguer dans le site? Le contenu du site est lisible? Le site est globalement utilisable? Mai-juin 2010 Page 22 sur 32

23 Firefox Firefox : version 3.0 Éléments n apparaissant pas et/ou posant problème : Ombres sous les textes du menu et sous les paragraphes de contenu Les font-face Footer incomplet On peut naviguer dans le site? Le contenu du site est lisible? Le site est globalement utilisable? Mai-juin 2010 Page 23 sur 32

24 Firefox : version 3.5 et suivantes. Éléments n apparaissant pas et/ou posant problème : Aucun problème! Version OK. On peut naviguer dans le site? Le contenu du site est lisible? Le site est globalement utilisable? Mai-juin 2010 Page 24 sur 32

25 Google Chrome Google Chrome : version 4 & 5 Éléments n apparaissant pas et/ou posant problème : Aucun problème! Version OK. On peut naviguer dans le site? Le contenu du site est lisible? Le site est globalement utilisable? Mai-juin 2010 Page 25 sur 32

26 Safari Safari : version 3 & 4 Éléments n apparaissant pas et/ou posant problème : Aucun problème! Version OK. On peut naviguer dans le site? Le contenu du site est lisible? Le site est globalement utilisable? Je suis satisfait des tests, car tous les navigateurs peuvent être utilisés pour lire mon site. En dehors de quelques différences «d effets visuels», j ai constaté un seul problème de décalage de la barre de navigation dans Internet Explorer. En supprimant une ligne de mon code CSS, le problème était résolu. Initialement, les ombres de textes sont compatibles avec Internet Explorer, cependant leur rendu était vraiment disgracieux, c est pourquoi j ai choisi de les enlever pour IE. Mai-juin 2010 Page 26 sur 32

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES...

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES... Diffusion de l information dans Internet Guide de création de documents Word accessibles 5 novembre 2009 OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT...

Plus en détail

Votre Guide d utilisation

Votre Guide d utilisation Votre Guide d utilisation Comment accéder au Gestionnaire de Contenu (CMS)? Le Gestionnaire de Contenu (CMS) a été optimisé pour être utilisé avec le fureteur Google Chrome. Vous pouvez aussi utiliser

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

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog : http://formationlaragne.blogspot.fr/

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog : http://formationlaragne.blogspot.fr/ Tutoriel BLOGGER Blogger est un outil Google gratuit de publication de blogs qui permet de partager du texte, des photos et des vidéos. C est un outil simple, bénéficiant du référencement de Google, ce

Plus en détail

Réaliser une carte de vœux

Réaliser une carte de vœux Réaliser une carte de vœux - 6 janvier 2014 p 1 Réaliser une carte de vœux Un petit tutoriel de saison, qui utilisera les connaissances acquises autour de la gestion de vos photos, et le logiciel libre

Plus en détail

augmenter votre visibilité sur internet

augmenter votre visibilité sur internet moteurs de recherche: référencement & positionnement augmenter votre visibilité sur internet Un guide écrit par Fabrice Perrin & Nicolas Jan blue-infinity Genève blue-infinity est une société leader dans

Plus en détail

Création de maquette web

Création de maquette web Création de maquette web avec Fireworks Il faut travailler en 72dpi et en pixels, en RVB Fireworks étant un logiciel dédié à la création de maquettes pour le web il ne propose que les pixels pour le texte

Plus en détail

Formation au logiciel Typo3, pour les rédacteurs.

Formation au logiciel Typo3, pour les rédacteurs. 1 Formation au logiciel Typo3, pour les rédacteurs. 1 Accéder au système 2 1.1 Configuration du navigateur 2 1.2 Identification 2 2 L interface 2 2.1 Le module Web 3 2.2 Le module Media 3 2.3 Le module

Plus en détail

SEO On-page. Avez-vous mis toutes les chances de votre côté pour le référencement de votre site?

SEO On-page. Avez-vous mis toutes les chances de votre côté pour le référencement de votre site? SEO On-page Avez-vous mis toutes les chances de votre côté pour le référencement de votre site? I. Introduction... p.2 II. Optimisation on-page vs off-page... p.3 III. Les éléments importants de vos pages...

Plus en détail

Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche?

Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche? 9 Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche? Le trafic d un site internet Le référencement naturel Les freins

Plus en détail

SITE I NTERNET. Conception d un site Web

SITE I NTERNET. Conception d un site Web SITE I NTERNET Conception d un site Web Conception de votre site Web Préambule Ce document a pour but de donner une méthode de travail afin de réaliser dans les meilleures conditions un site internet.

Plus en détail

HOW TO OXATIS NOV.2013 BY/ www.oxatis.com

HOW TO OXATIS NOV.2013 BY/ www.oxatis.com HOW TO SEO OXATIS NOV.2013 BY/ www.oxatis.com 0 SOMMAIRE 1. INTRODUCTION 2. QU EST-CE QUE LE RÉFÉRENCEMENT NATUREL? 3. SOUMETTRE SON SITE À GOOGLE 4. LES BALISES META TITLE ET META DESCRIPTION 5. LE MAILLAGE

Plus en détail

NAVIGATION SUR INTERNET EXPLORER

NAVIGATION SUR INTERNET EXPLORER Centres d accès communautaire Internet des Îles NAVIGATION SUR INTERNET EXPLORER Table des matières Introduction 1- Les barres d outils 1.1 La barre d adresse 2 5 min. 1.2. Les boutons de navigation 2

Plus en détail

Site internet du collège Comment écrire un article?

Site internet du collège Comment écrire un article? Site internet du collège Comment écrire un article? Préambule : les rôles. L administrateur du site vous a attribué des droits. L utilisateur simple peut, par exemple, simplement commenter un article ou

Plus en détail

La mise en page web, feuille de style, cadre.

La mise en page web, feuille de style, cadre. La mise en page web, feuille de style, cadre. L importance du navigateur, son rôle est de lire le code HTML et CSS afin d afficher un résultat visuel à l écran, le problème est que les navigateurs n affichent

Plus en détail

OFFRE DE SERVICE. www.votreentreprise.com

OFFRE DE SERVICE. www.votreentreprise.com 2011 NOM ENTREPRISE OFFRE DE SERVICE CONCEPTION, REALISATION ET HEBERGEMENT SITE WEB www.votreentreprise.com AFConsulting Web Services Page 1 sur 19 SOMMAIRE Lettre, offre de services --------------------------------------------

Plus en détail

Cliquez sur l icône représentant des livres pour afficher vos classeurs où sont rangés vos documents.

Cliquez sur l icône représentant des livres pour afficher vos classeurs où sont rangés vos documents. AIDE LOGICIEL Logiciel : PROGRELIUM (à partir de la version 2.30) Objet : Classer et ouvrir vos documents Cliquez sur l icône représentant des livres pour afficher vos classeurs où sont rangés vos documents.

Plus en détail

Procédure d utilisation de Wordpress pour les membres du RBDsanté

Procédure d utilisation de Wordpress pour les membres du RBDsanté Procédure d utilisation de Wordpress pour les membres du RBDsanté Adresse du site : www.rbdsante.be 1. Consultation des articles publics : immédiat, aucune restriction 2. Consultation des pages / articles

Plus en détail

Formation pour les parents Se familiariser avec la tablette ipad et les applications d apprentissage pour enfants

Formation pour les parents Se familiariser avec la tablette ipad et les applications d apprentissage pour enfants Formation pour les parents Se familiariser avec la tablette ipad et les applications d apprentissage pour enfants 1. Le fonctionnement de base de l ipad 2. Les applications utilitaires 3. Se connecter

Plus en détail

DIDAPAGES Livre numérique Julien Rousset, FTICE Circonscription Aubenas 1&2, janvier 2014 DIDAPAGES 1.2

DIDAPAGES Livre numérique Julien Rousset, FTICE Circonscription Aubenas 1&2, janvier 2014 DIDAPAGES 1.2 DIDAPAGES 1.2 I. Installation et présentation... 2 I.2 - Préparation des objets (images, sons, animations, vidéos, textes).... 2 I.3 - Démarrer un nouveau projet... 6 I.4 - Grille de mise en page... 7

Plus en détail

d un site web universitas friburgensis Objectifs de l atelier

d un site web universitas friburgensis Objectifs de l atelier Conception d un site web Objectifs de l atelier 1. 2. 3. 4. Analyser ses besoins et créer un cahier des charges Structurer un site pour optimiser sa navigation Rédiger pour le web Optimiser pour les moteurs

Plus en détail

Je me familiarise avec l ordinateur et son système d exploitation. Apprendre à utiliser les TIC dans la vie de tous les jours

Je me familiarise avec l ordinateur et son système d exploitation. Apprendre à utiliser les TIC dans la vie de tous les jours Je me familiarise avec l ordinateur et son système d exploitation Cahier de formation 1 Apprendre à utiliser les TIC dans la vie de tous les jours Programme ordinateur de Je Passe Partout Document produit

Plus en détail

creer votre site internet en html/css

creer votre site internet en html/css 3 jours (21 heures) 1110 HT (Inter) 2670 HT (Intra) Toute personne (particulier ou professionnel) souhaitant créer son site Internet Créez son site Internet Assurez sa mise en ligne Gérer les mises à jour

Plus en détail

Utiliser Word. Thibault J-Jacques Animateur multimédia au CRDP de l académie de Versailles. Page 1 sur 12

Utiliser Word. Thibault J-Jacques Animateur multimédia au CRDP de l académie de Versailles. Page 1 sur 12 Utiliser Word Les fonctions de base de Word.... 2 Enregistrer le document en cours... 3 Un menu à connaître... 3 Ouvrir/fermer/réduire un document existant... 4 Réparer des erreurs de frappe... 4 Déplacer

Plus en détail

La société Figures Libres - agence de communication - lance ipaoo.fr, générateur de site internet professionnel.

La société Figures Libres - agence de communication - lance ipaoo.fr, générateur de site internet professionnel. La société Figures Libres - agence de communication - lance ipaoo.fr, générateur de site internet professionnel. ipaoo.fr est un service en ligne qui permet aux entrepreneurs, auto-entrepreneurs, TPE,

Plus en détail

MODE D EMPLOI (v1.1) DE PARUMOBILE, ÉDITEUR EN LIGNE DE SITE MOBILE

MODE D EMPLOI (v1.1) DE PARUMOBILE, ÉDITEUR EN LIGNE DE SITE MOBILE MODE D EMPLOI (v1.1) DE PARUMOBILE, ÉDITEUR EN LIGNE DE SITE MOBILE TABLE DES MATIÈRES 1. Inscription (p.3) 2. Connexion / Votre compte (p.4) 3. Édition (p.5) 3.1. Manager 3.1.1. La barre horizontale des

Plus en détail

Gérer, stocker et partager vos photos grâce à Picasa. Janvier 2015

Gérer, stocker et partager vos photos grâce à Picasa. Janvier 2015 Gérer, stocker et partager vos photos grâce à Picasa Janvier 2015 Sommaire 1 - Découverte de Picasa 2 - Gestion des dossiers et des photos 3 - Trier, filtrer et rechercher 4 - Retoucher une image 5 - Création

Plus en détail

Création d un site Internet

Création d un site Internet Création d un site Internet Weebly.com Johanne Raymond Collège Lionel Groulx, mai 2010 Service du soutien à l enseignement et Plan de réussite Ouvrir un compte sur Weebly... 1 Modifier le modèle... 2 Ajouter

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

REFERENCEMENT NATUREL

REFERENCEMENT NATUREL Optimisation du contenu Web Développement du trafic de Qualité Augmentation de vos ventes en ligne Livre Blanc 13/03/2014 INTRODUCTION Vous cherchez à améliorer votre positionnement dans Google, garder

Plus en détail

UTILISER LA MESSAGERIE

UTILISER LA MESSAGERIE UTILISER LA MESSAGERIE OUTLOOK OU WINDOWS MAIL PRESENTATION DE LA MESSAGERIE CONDITIONS POUR UTILISER LE COURRIER ELECTRONIQUE Pour envoyer un courrier sur un PC il faut un programme ou un service de messagerie.

Plus en détail

Aide à l utilisation du logiciel IziSpot.Mobi

Aide à l utilisation du logiciel IziSpot.Mobi 1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition

Plus en détail

Créer son site internet avec Jimdo. Web business

Créer son site internet avec Jimdo. Web business Créer son site internet avec Jimdo Web business Créer vous-même votre site internet avec Jimdo. En quelques clics, vous pourrez créer gratuitement un site dédié à votre activité et donnez de la visibilité

Plus en détail

Les 10 étapes incontournables pour réaliser un site internet performant et accessible

Les 10 étapes incontournables pour réaliser un site internet performant et accessible COMITÉ DE COMMUNICATION DE L AOMF FICHE-CONSEIL N 2 Les 10 étapes incontournables pour réaliser un site internet performant et accessible Les 10 étapes que vous retrouvez ci-dessous peuvent faire partie

Plus en détail

Mon aide mémoire traitement de texte (Microsoft Word)

Mon aide mémoire traitement de texte (Microsoft Word) . Philippe Ratat Mon aide mémoire traitement de texte (Microsoft Word) Département Ressources, Technologies et Communication Décembre 2006. Sommaire PRÉSENTATION DU DOCUMENT 1 Objectif principal 1 Deux

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont I Open Boutique Sommaire : I Open Boutique... 1 Onglet «Saisie des Produits»... 3 Création d'une nouvelle fiche boutique :... 3 Création d'une nouvelle fiche lieux de retraits :... 10 Création d'une nouvelle

Plus en détail

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 jquery Mobile La bibliothèque JavaScript pour le Web mobile É r i c S a r r i o n Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 1 Installation de jquery Mobile

Plus en détail

Formation Découverte du Web

Formation Découverte du Web Catégorie : internet Formation Découverte du Web Niveau requis : savoir utiliser un ordinateur (clavier, souris, traitement de texte) Public : personnel administratif et responsables de communication souhaitant

Plus en détail

Créer gratuitement un blog WordPress

Créer gratuitement un blog WordPress Créer gratuitement un blog WordPress Jean-François Lac Sommaire WordPress.com ou WordPress.org?... 3 1 ère étape : trouver un hébergeur gratuit... 4 2 e étape : créer la base de données... 6 4 e étape

Plus en détail

Utiliser le site Voyages-sncf.com

Utiliser le site Voyages-sncf.com voyages-sncf.com 17 mars 2014 p 1 Utiliser le site Voyages-sncf.com Avec ce tutoriel, vous apprendrez à utiliser le site de la SNCF dédié aux trajets grandes lignes et plus particulièrement à : rechercher

Plus en détail

Site internet. Vous voulez faire réaliser votre site internet par une agence web? 21 points à passer en revue pour rédiger votre cahier des charges

Site internet. Vous voulez faire réaliser votre site internet par une agence web? 21 points à passer en revue pour rédiger votre cahier des charges Site internet Vous voulez faire réaliser votre site internet par une agence web? 21 points à passer en revue pour rédiger votre cahier des charges Présenté sous forme de questionnaire, ce document vous

Plus en détail

16 septembre 2013. Lundi de l Economie l. rencement. Foix. CCI Ariège

16 septembre 2013. Lundi de l Economie l. rencement. Foix. CCI Ariège Lundi de l Economie l Numérique 16 septembre 2013 Lundi de l Economie l Numérique Le référencementr rencement Foix CCI Ariège Définition Référencement naturel Le référencement (SEO, Search Engine Optimization)

Plus en détail

COMPTE GOOGLE ET OUTILS ASSOCIÉS

COMPTE GOOGLE ET OUTILS ASSOCIÉS COMPTE GOOGLE ET OUTILS ASSOCIÉS Les outils Google gratuits sont nombreux et variés (GMail, Documents, Photos, Agenda, You Tube, Doodle... Ils sont liés à l ouverture d un compte Google par une adresse

Plus en détail

Programme d Accès Communautaire / Atelier 7 Initiation au Web PLAN DE COURS 3. QU EST-CE QUE C EST INTERNET 4 Ses origines 4 Une brève définition 4

Programme d Accès Communautaire / Atelier 7 Initiation au Web PLAN DE COURS 3. QU EST-CE QUE C EST INTERNET 4 Ses origines 4 Une brève définition 4 TABLE DES MATIÈRES PLAN DE COURS 3 QU EST-CE QUE C EST INTERNET 4 Ses origines 4 Une brève définition 4 DIFFERENCIER LES TYPES D ADRESSE 5 Adresse URL 5 Adresse de courrier électronique 5 ACCEDER À INTERNET

Plus en détail

INTRODUCTION AU CMS MODX

INTRODUCTION AU CMS MODX INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de

Plus en détail

SOMMAIRE 1 INTRODUCTION 3 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 3 3 CONTACTER VOTRE SUPPORT 3 4 LES METAS DONNEES 4. 4.

SOMMAIRE 1 INTRODUCTION 3 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 3 3 CONTACTER VOTRE SUPPORT 3 4 LES METAS DONNEES 4. 4. SOMMAIRE 1 INTRODUCTION 3 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 3 3 CONTACTER VOTRE SUPPORT 3 4 LES METAS DONNEES 4 4.1 Titre 5 4.2 Description 5 4.3 Mots-clés 6 4.4 Nom de la page et URL

Plus en détail

Félicitation, votre site est créé!

Félicitation, votre site est créé! Guide de démarrage e-monsite.com Félicitation, votre site est créé! Vous avez fait le plus difficile. A présent, découvrez comment administrer votre site web. 1 Comprendre l interface du manager de votre

Plus en détail

Optimiser les e-mails marketing Les points essentiels

Optimiser les e-mails marketing Les points essentiels Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement

Plus en détail

LES BASES DE FLASH CHAPITRE 1

LES BASES DE FLASH CHAPITRE 1 CHAPITRE 1 LES BASES DE FLASH Présentation... 15 Les nouveautés... 17 Le contenu du livre... 17 L interface... 19 L organisation de son espace de travail... 24 Le partage de son écran... 27 L affichage

Plus en détail

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL Prise en main de NVU et Notepad++ (conception d application web avec PHP et MySql) Propriétés Intitulé long Formation concernée Matière Présentation Description Conception de pages web dynamiques à l aide

Plus en détail

Guide d utilisation 2012

Guide d utilisation 2012 Guide d utilisation 2012 Tout ce dont vous avez besoin pour bien démarrer REACOM La performance marketing SOMMAIRE Démarrez avec reagiciel Accédez à votre console d administration 4 Gestion internet Aperçu

Plus en détail

Guide de démarrage rapide. (pour la version 5.0.)

Guide de démarrage rapide. (pour la version 5.0.) Guide de démarrage rapide (pour la version 5.0.) 2 Table des matières Introduction Réglages de l application MyTalk Mobile 1. MODIFICATION 2. DEMARRER 3. AFFICHER 4. SYNTHETISEUR VOCAL 5. NOMBRE DE MOTS

Plus en détail

Mode d emploi du site Internet «Mediawiki»

Mode d emploi du site Internet «Mediawiki» Mode d emploi du site Internet «Mediawiki» École Libre du Soleil Levant La technologie MediaWiki a été choisie pour sa flexibilité et une simplicité d utilisation ne demandant que de connaître quelques

Plus en détail

Webmaster / Webdesigner / Wordpress

Webmaster / Webdesigner / Wordpress Webmaster / Webdesigner / Wordpress Pré-requis : Projet professionnel. Bonne maîtrise de l'ordinateur. Bases en infographie et / ou traitement de texte fortement recommandées. Objectifs : Concevoir un

Plus en détail

Les outils de SEO (Référencement naturel) et les Sites SharePoint Public sur Office 365

Les outils de SEO (Référencement naturel) et les Sites SharePoint Public sur Office 365 Les outils de SEO (Référencement naturel) et les Sites SharePoint Public sur Office 365 Bonjour, comme beaucoup d entre vous j ai créé mon site public sur Office 365. Je suis comme vous je pense à la recherche

Plus en détail

Le réseau et les tables virtuelles Synapse

Le réseau et les tables virtuelles Synapse Le réseau et les tables virtuelles Synapse 1. Les tables virtuelles Synapse...2 1.1 L organisation réseau Synapse et la campagne Cap sur l indépendance...2 1.2 Les tables virtuelles de travail...3 1.3

Plus en détail

Partie publique / Partie privée. Site statique site dynamique. Base de données.

Partie publique / Partie privée. Site statique site dynamique. Base de données. Partie publique / Partie privée. Partie publique - Front office / Partie privée - Back office. Utiliser l analogie avec une émission de télévision. Un journal télévisé = 1 journaliste + des reportages.

Plus en détail

Zotero est une extension du navigateur Firefox. Il est possible de télécharger Firefox gratuitement sur le site: https://www.mozilla.org/fr/.

Zotero est une extension du navigateur Firefox. Il est possible de télécharger Firefox gratuitement sur le site: https://www.mozilla.org/fr/. Aide-mémoire Zotero est un logiciel de gestion bibliographique gratuit jusqu à 300 Mo et open source. Cet outil permet de collecter des références bibliographiques, de créer des bibliographies et d insérer

Plus en détail

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013 Rapport de stage Création d un site web Stage du 20/01/2013 au 21/02/2013 Auteur : Antoine Luczak Tuteur professionnel : M. Tison Tuteur scolaire : Mme Girondon Année scolaire : 2013/2014 1 Table des matières

Plus en détail

Comment utiliser FileMaker Pro avec Microsoft Office

Comment utiliser FileMaker Pro avec Microsoft Office Guide d utilisation Comment utiliser FileMaker Pro avec Microsoft Office Comment utiliser FileMaker Pro et Microsoft Office page 1 Table des matières Introduction... 3 Avant de commencer... 4 Partage de

Plus en détail

Créer du contenu en ligne avec WordPress

Créer du contenu en ligne avec WordPress Créer du contenu en ligne avec WordPress La création d un blog ne demande pas de compétences particulières en informatique ou en développement. Wordpress vous permet de créer un blog via un compte en ligne

Plus en détail

Avant de pouvoir utiliser votre blog WordPress, vous allez devoir l installer. Et pour cela, il vous faut :

Avant de pouvoir utiliser votre blog WordPress, vous allez devoir l installer. Et pour cela, il vous faut : 2 Installer WordPress Lorsque vous souhaitez créer un blog en ligne avec WordPress, vous avez deux possibilités : WordPress.com. Vous n avez pas envie de vous compliquer la vie avec un hébergement et la

Plus en détail

Bibliothèque Esparron en livres. www.esparron-en-livres.com

Bibliothèque Esparron en livres. www.esparron-en-livres.com Les réseaux sociaux Chapitre 1 : Les réseaux sociaux Chapitre 2 : 14 moyens pour être plus visible sur Facebook Chapitre 3 : Comment créer un compte Facebook Chapitre 4 : Statistiques en France Les réseaux

Plus en détail

Animation numérique. de territoire. Créer son site Internet avec un outil gratuit. Mardi 4 novembre 2014. Cédric ARNAULT OT Lourdes

Animation numérique. de territoire. Créer son site Internet avec un outil gratuit. Mardi 4 novembre 2014. Cédric ARNAULT OT Lourdes Créer son site Internet avec un outil gratuit Mardi 4 novembre 2014 Cédric ARNAULT OT Lourdes Présentation de la journée - Créer un site Internet : Pourquoi? Pour qui? Comment? - - Aller plus loin avec

Plus en détail

Le pack Office est le logiciel la suite logicielle la plus vendue et pourtant : Pack Office :... 2. Impression :... 12

Le pack Office est le logiciel la suite logicielle la plus vendue et pourtant : Pack Office :... 2. Impression :... 12 Le pack Office est le logiciel la suite logicielle la plus vendue et pourtant : Pack Office :... 2 Impression :... 2 Champ de saisie :... 2 Largeur et Hauteur des objets... 2 Bugs dans le module de dessin

Plus en détail

Parallels Panel. Guide de l utilisateur de Parallels Presence Builder 12.0. Révision 1.0

Parallels Panel. Guide de l utilisateur de Parallels Presence Builder 12.0. Révision 1.0 Parallels Panel Guide de l utilisateur de Parallels Presence Builder 12.0 Révision 1.0 Table des matières Introduction 3 Se familiariser avec Presence Builder... 4 Créer et éditer un site Web 6 Importer

Plus en détail

Marketerson site. Référencement naturel. Nicolas Foudral Oxatis

Marketerson site. Référencement naturel. Nicolas Foudral Oxatis Marketerson site Référencement naturel Nicolas Foudral Oxatis 13 et 14 mai 2011 La conférence en deux mots A qui s adresse cette conférence? Webmasters aguerris Novices Quel sujets seront traités? bonnes

Plus en détail

Manuel utilisateur. Mini-site régions. Drupal est un système de gestion de contenu (abrégé CMS en anglais) libre et open source.

Manuel utilisateur. Mini-site régions. Drupal est un système de gestion de contenu (abrégé CMS en anglais) libre et open source. Manuel utilisateur Mini-site régions Version 07/2012 Drupal est un système de gestion de contenu (abrégé CMS en anglais) libre et open source. Un CMS est un logiciel qui permet de gérer le contenu d un

Plus en détail

Wordpress Manuel utilisateur. Manuel utilisateur

Wordpress Manuel utilisateur. Manuel utilisateur Wordpress Manuel utilisateur Projet : WORDPRESS Auteur : Référence : Version : ALEOS2i Date de dernière modification : 13 septembre 2013 2.0 Objet : Manuel utilisateur Table des matières Connexion au BackOffice...3

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

Portfolio Sites internet :

Portfolio Sites internet : Portfolio Sites internet : 2010 ARA architecture www.ara-architecture.com Type : Portfolio d architecte Fonctionnalités principales : Galerie de projet d architecture, Actualités, Textes sur l agence,

Plus en détail

L écran du marais : Comment configurer le viewer OpensSim

L écran du marais : Comment configurer le viewer OpensSim L écran du marais : Comment configurer le viewer OpensSim Dans un premier temps, il vous faut télécharger et installer un logiciel de navigation dédié aux serveurs de mondes virtuels. En voici deux ainsi

Plus en détail

Prise en main rapide

Prise en main rapide Prise en main rapide 4 Dans cette leçon, vous découvrirez les fonctionnalités de création de page web de Dreamweaver et apprendrez à les utiliser dans l espace de travail. Vous apprendrez à : définir un

Plus en détail

Introduction à Dreamweaver

Introduction à Dreamweaver Introduction à Dreamweaver Dreamweaver est un logiciel d édition de page web. Un site est un ensemble de pages [souvent en format html, ce qui signifie HyperText Markup Language, reliées entre elles par

Plus en détail

Créer son site internet avec Jimdo

Créer son site internet avec Jimdo Présentation Jimdo: Dernière actualisation: le 17.10.2011 Créer son site internet avec Jimdo www.jimdo.com Jimdo: Un système de création de site facile et gratuit - Jimdo est un CMS en ligne qui permet

Plus en détail

L espace de travail de Photoshop

L espace de travail de Photoshop L espace de travail de Photoshop 1 Au cours de cette leçon, vous apprendrez à : ouvrir les fichiers Photoshop ; sélectionner et employer certains des outils dans le panneau Outils ; définir les options

Plus en détail

Comment fonctionne HWR?

Comment fonctionne HWR? Bienvenue Bienvenue dans le programme Heavy Weather Review, le nouvel outil qui vous permettra d analyser et de visualiser graphiquement vos données météorologiques. HWR fonctionne en parfaite symbiose

Plus en détail

Gestion des sites Internet du groupe Stem Notice d utilisation

Gestion des sites Internet du groupe Stem Notice d utilisation Gestion des sites Internet du groupe Stem Notice d utilisation Table des matières Présentation 2 Connexion à la plateforme de gestion 2 Gestion et modification du contenu 3 Gestion des documents 13 Gérer

Plus en détail

THEME RESPONSIVE DESIGN

THEME RESPONSIVE DESIGN THEME RESPONSIVE DESIGN Tablettes, smartphones, netbooks, ordinateurs les résolutions d écrans sont nombreuses. Adaptez vous aux nouvelles habitudes des utilisateurs en étant visible de façon optimale.

Plus en détail

Analyse du site AMAZON.

Analyse du site AMAZON. (Mateo SEPULVEDA Groupe G) Analyse du site AMAZON. Repérage: Première impressions: Points positifs: Site bien organisé, icônes importantes bien mises en valeurs. Points négatifs: Certaine rubriques cachées,

Plus en détail

Intégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com

Intégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com demo.minisites.encharentemaritime.com Insérer des photos Illustrez vos contenus en intégrant Depuis la barre d administration Vous pouvez télécharger des fichiers depuis votre ordinateur ou choisir des

Plus en détail

Bernard Lecomte. Débuter avec HTML

Bernard Lecomte. Débuter avec HTML Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.

Plus en détail

MANUEL D UTILISATION DE VOTRE SITE INTERNET

MANUEL D UTILISATION DE VOTRE SITE INTERNET MANUEL D UTILISATION DE VOTRE SITE INTERNET SOMMAIRE PRESENTATION 3 IDENTIFICATION.. 4 LE MENU (paramètres, contenu, divers).... 5 MENU PARAMETRES (mes coordonnées, mes photos, mes menus, mon bandeau).

Plus en détail

Chers contributeurs, Grâce à ce guide vous allez pouvoir optimiser le module ou thème que vous avez créé. téléchargeront.

Chers contributeurs, Grâce à ce guide vous allez pouvoir optimiser le module ou thème que vous avez créé. téléchargeront. Décembre 2011 Réussir ses contributions et générer toujours plus de chiffre d affaires Chers contributeurs, Vous avez créé un thème ou un module et souhaitez le mettre en ligne sur PrestaShop Addons? Félicitations!

Plus en détail

Projet en nouvelles technologies de l information et de la communication

Projet en nouvelles technologies de l information et de la communication Projet en nouvelles technologies de l information et de la communication Site Web universitaire du Prof. Jacques Moeschler. Nono Steeve Semestre de printemps 2013 Sous la direction du Prof Luka Nerima

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE 1 Qu est-ce que Picasa? ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour approfondir» Organiser, traiter et partager ses photos avec Picasa C est un logiciel de gestion de photos gratuit proposé

Plus en détail

Atelier E-TOURISME 2013. Optimiser la visibilité de son site sur les moteurs de recherche. ecotourismepro.jimdo.com

Atelier E-TOURISME 2013. Optimiser la visibilité de son site sur les moteurs de recherche. ecotourismepro.jimdo.com Atelier E-TOURISME 2013 Optimiser la visibilité de son site sur les moteurs de recherche ecotourismepro.jimdo.com Optimiser la visibilité de son site sur les moteurs de recherche Audrey Piquemal Chargée

Plus en détail

CREATION D UN SITE WEB. Comment créer facilement soi-même un site web pour son activité touristique.

CREATION D UN SITE WEB. Comment créer facilement soi-même un site web pour son activité touristique. CREATION D UN SITE WEB Comment créer facilement soi-même un site web pour son activité touristique. QUELLE EST VOTRE STRATÉGIE WEB? Quelques questions à vous poser avant de foncer LES BULLES DU E-TOURISME

Plus en détail

Bureautique Initiation Excel-Powerpoint

Bureautique Initiation Excel-Powerpoint Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office

Plus en détail

DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET

DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET DÉFINITION DE LA NEWSLETTER : La newsletter est un OUVERTURE document qui DU informe LOGITIEL le ETARGET client sur l'actualité, sur les nouveautés ou sur un sujet particulier. Elle est souvent rédigée

Plus en détail

Cours SPIP 2.0 pour rédacteur. 1. Présentation de SPIP. 2. Architecture d un site SPIP

Cours SPIP 2.0 pour rédacteur. 1. Présentation de SPIP. 2. Architecture d un site SPIP Cours SPIP 2.0 pour rédacteur L objectif de ce document est d apprendre à utiliser le logiciel SPIP en tant que rédacteur. Ce cours ne requiert aucune connaissance informatique préalable à part savoir

Plus en détail

Ce qu il faut savoir sur le référencement!

Ce qu il faut savoir sur le référencement! Ce qu il faut savoir sur le référencement! Il n existe pas de solution miracle pour promouvoir efficacement sa marque sans avoir un minimum de connaissances en webmarketing et sur les moyens pour appliquer

Plus en détail

Créer des documents interactifs

Créer des documents interactifs Créer des documents interactifs 14 Au cours de cette leçon, vous apprendrez à : créer un document en ligne de base ; ajouter des boutons, des transitions de page et des hyperliens ; exporter au format

Plus en détail

Guide 2015 site web classique L édition de site

Guide 2015 site web classique L édition de site Guide 2015 site web classique L édition de site L interface d édition Navigation... 03 Langue... 04 Thèmes... 05 Options... 06 Aperçu... 07 Paramètres de page... 08 Partage sur les médias sociaux... 09

Plus en détail

Table des matières A. Introduction... 4 B. Principes généraux... 5 C. Exemple de formule (à réaliser) :... 7 D. Exercice pour réaliser une facture

Table des matières A. Introduction... 4 B. Principes généraux... 5 C. Exemple de formule (à réaliser) :... 7 D. Exercice pour réaliser une facture Excel 2007 -2- Avertissement Ce document accompagne le cours qui a été conçu spécialement pour les stagiaires des cours de Denis Belot. Le cours a été réalisé en réponse aux diverses questions posées par

Plus en détail

ZOTERO Un outil gratuit de gestion de bibliographies

ZOTERO Un outil gratuit de gestion de bibliographies ZOTERO Un outil gratuit de gestion de bibliographies Téléchargement sur http://www.zotero.org Zotero est une extension du navigateur Web Firefox 0 Mais désormais applications autonomes par rapport à Firefox

Plus en détail