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

Créez votre premier site web De la conception à la réalisation

Créez votre premier site web De la conception à la réalisation Chapitre 1 : Introduction A. Introduction 17 Chapitre 2 : Les langages A. L objectif 21 B. L HTML 21 1. L état des lieux 21 2. Les éléments HTML 21 3. Les attributs 22 4. Les caractères 23 5. Les espaces

Plus en détail

REFONTE DU SITE DE LA FEDERATION ALGERIENNE DE FOOTBALL

REFONTE DU SITE DE LA FEDERATION ALGERIENNE DE FOOTBALL REFONTE DU SITE DE LA FEDERATION ALGERIENNE DE FOOTBALL CAHIER DES CHARGES TECHNIQUE Client Fédération Algérienne de Football (FAF) Chef de projet WEBQAM Marine CHARLES Solution retenue WordPress multilingue

Plus en détail

Comment installer wordpress. www.bxart.be wp niveau 1

Comment installer wordpress. www.bxart.be wp niveau 1 www.bxart.be wp niveau 1 Installation Introduction Wordpress est un CMS ce qui signifie : système de gestion de contenu (Content Management System). Il y a d autres CMS mais c est de loin le plus populaire.

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

Collège Pie10. www.danielpie10.be/site.php

Collège Pie10. www.danielpie10.be/site.php Collège Pie10 www.danielpie10.be/site.php Daniel Massart Février 2007 Sommaire 1 OBJECTIFS 1 2 TYPES DE SITES 1 2.1 Les blogs 1 2.2 Les sites «bibliothèques» 2 2.3 Les sites statiques classiques 2 2.4

Plus en détail

Guide Ultra-book / 2012

Guide Ultra-book / 2012 Guide Ultra-book / 2012 Avant de commencer Le logiciel Ultra-book est optimisé pour les derniers navigateurs web standards : Firefox 10 ou 11 Chrome 18 Safari 5 Vous trouverez ces navigateurs en téléchargement

Plus en détail

SITE WEB Service Client. Charte graphique et technique

SITE WEB Service Client. Charte graphique et technique Service Client Charte graphique et technique 1 Sommaire a / MISE EN FORME Introduction... 3 Les logos Veolia... 4 Police & taille - généralité... 6 Police & taille gabarits principaux... 7 Palette de couleur...

Plus en détail

Programme de Formation

Programme de Formation Windows / PC - initiation Etre à l aise avec Windows, savoir se situer, organiser son environnement et classer ses documents Tout utilisateur désireux d être rapidement autonome dans l utilisation de l

Plus en détail

SOMMAIRE 1- INTRODUCTION 1

SOMMAIRE 1- INTRODUCTION 1 www.c-toucom.com SOMMAIRE 1- INTRODUCTION 1 2- ACCEDER À L INTERFACE D ADMNISTRATION DU SITE INTERNET 1 2.a) Procédure de connexion 1 2.b) L interface d administration 1 3- QUITTER L INTERFACE D ADMNISTRATION

Plus en détail

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

Guide de démarrage Débuter avec e-monsite Les termes spécifiques à e-monsite

Guide de démarrage Débuter avec e-monsite Les termes spécifiques à e-monsite Guide de démarrage Débuter avec e-monsite... page 2 Les termes spécifiques à e-monsite... page 2 Le manager... page 2 Les modules... page 3 Les widgets... page 3 Les plugins... page 4 Ajouter du contenu...

Plus en détail

L OMD présente CLiKC! Guide de connexion et d accès destiné aux utilisateurs

L OMD présente CLiKC! Guide de connexion et d accès destiné aux utilisateurs L OMD présente CLiKC! Guide de connexion et d accès destiné aux utilisateurs 1/25 SOMMAIRE 1. INTRODUCTION... 3 COMMENT UTILISER CE GUIDE... 3 REMARQUE... 3 2. QUELS SONT LES PRE REQUIS TECHNIQUES?...

Plus en détail

Procédures CreaWEB Guide pratique

Procédures CreaWEB Guide pratique Procédures CreaWEB Guide pratique Pour vous connecter Dans la barre d adresse d Internet, tapez www.votrenomdedomaine.com/admin Entrez votre nom d utilisateur : Votre mot de passe : Premier coup d œil

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

Créez et administrez vos sites Web

Créez et administrez vos sites Web Joomla! 3.3 Créez et administrez vos sites Web Didier MAZIER Table des matières.. 1 Chapitre 1 : Découvrir Joomla! A. Les raisons de créer un site sous Joomla!.. 9 B. Se documenter sur Joomla! 9 C. La

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

Cahier des Charges. Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE

Cahier des Charges. Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE Cahier des Charges Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE 1 PRESENTATION DE L ENTREPRISE... 2 PRESENTATION DU PROJET... 2.1 ROLES...

Plus en détail

Indexation, référencement et statistiques

Indexation, référencement et statistiques CHAPITRE 20 Indexation, référencement et statistiques Visibilité Un site répondant à un besoin ou sachant le créer n a pas d intérêt s il n est pas visible. Une fois que vous avez mis en place votre site

Plus en détail

Mettre ses photos en ligne avec Picasa (Google)

Mettre ses photos en ligne avec Picasa (Google) Mettre ses photos en ligne avec Picasa (Google) Survol Organiser les photos efficacement dans Picasa Albums Diaporamas Montage photos Film Retouche photo Compression Partage Web 2 Qu est-ce que Picasa?

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

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

CAHIER DES CHARGES. Sommaire. 1 Présentation 1.1 Vos interlocuteurs 1.2 Date de remise des offres

CAHIER DES CHARGES. Sommaire. 1 Présentation 1.1 Vos interlocuteurs 1.2 Date de remise des offres CAHIER DES CHARGES Utilisation du cahier des charges : - conservez ou modifier les textes en noir. Nous avons volontairement ajouté de nombreux points ou caractéristiques dans le cahier des charges. Vous

Plus en détail

Sommaire. - Page 1 sur 19 -

Sommaire. - Page 1 sur 19 - Sommaire I Ergonomie du site 2xmoinscher... 2 1 Infos globales... 2 2 Homogénéité/cohérence... 3 3 Adaptabilité... 3 4 Guidage... 4 5 Représentativité... 5 6 Charge de travail... 6 7 Gestion des erreurs...

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

ADMINISTRATION DU PORTAIL AFI OPAC 2.0 V3 AFI OPAC 2.0

ADMINISTRATION DU PORTAIL AFI OPAC 2.0 V3 AFI OPAC 2.0 ADMINISTRATION DU PORTAIL AFI OPAC 2.0 V3 AFI OPAC 2.0 V3 Sommaire Sommaire... 2 Note :... 2 Quelques Notions... 3 Profil :... 3 Pages :... 5 Créer du contenu... 6 Identification de l administrateur :...

Plus en détail

MODE D EMPLOI SITE TCO

MODE D EMPLOI SITE TCO MODE D EMPLOI SITE TCO Présentation 2 Première connexion 2 Écrire un article 4 Insérer une image dans son article 5 Insérer un lien hypertexte 6 Insérer une vidéo 6 Insérer une vidéo 7 Télécharger sur

Plus en détail

Le guide de l animateur des communautés :

Le guide de l animateur des communautés : Le guide de l animateur des communautés : Ce guide a pour objectif de vous aider au quotidien dans la gestion et l animation de votre communauté sur Viadeo. Pour cela vous trouverez dans un premier temps

Plus en détail

Chapitre 1 Créer votre site web avec Dreamweaver 8 11

Chapitre 1 Créer votre site web avec Dreamweaver 8 11 Chapitre 1 Créer votre site web avec Dreamweaver 8 11 1.1. Installer Dreamweaver sur votre ordinateur... 12 1.2. Découvrir l interface de Dreamweaver... 15 La manipulation de l interface... 16 La gestion

Plus en détail

GUIDE DE L UTILISATEUR

GUIDE DE L UTILISATEUR GUIDE DE L UTILISATEUR Version 3 C est parti pour gérer, modifier et mettre à jour votre site I-set! Avec simplicité, rapidité et en toute autonomie SOMMAIRE DÉMARRER CONSTRUIRE & GÉRER CONSULTER 1. Introduction:

Plus en détail

2012 Pearson France HTML & CSS Jon Duckett

2012 Pearson France HTML & CSS Jon Duckett INTRODUCTION XX XX XX À propos de cet ouvrage Fonctionnement du Web Apprentissage à partir d autres pages Tout d abord, merci d avoir acheté ce livre. Il a été rédigé en ayant à l esprit deux catégories

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

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

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

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

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

Chapitre 1 De la conception à la publication 15. Chapitre 2 Créer son blog en ligne 27

Chapitre 1 De la conception à la publication 15. Chapitre 2 Créer son blog en ligne 27 Chapitre 1 De la conception à la publication 15 1.1. Réussir l ergonomie générale d un site... 16 Les qualités d un bon site web... 16 Une navigation simple et efficace... 17 1.2. Créer la charte graphique...

Plus en détail

Wordpress, les bases

Wordpress, les bases Wordpress, les bases Sommaire Se connecter... 2 Créer une page... 3 Ajouter une image... 5 Créer le menu principal... 9 Placer un sous-menu... 12 Créer un article... 13 Installer une extension (formulaire)...

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

Créer un site à l aide de Google Site

Créer un site à l aide de Google Site Créer un site à l aide de Google Site N Vanassche www.nathalievanassche.be Ifosupwavre Mise en contexte www.nathalievanassche.be Blog ou Google Site? La réalisation d un blog à l aide de Blogger (non traité

Plus en détail

Sommaire. Chapitre 1. Chapitre 2 GUIDE MICROAPP

Sommaire. Chapitre 1. Chapitre 2 GUIDE MICROAPP Sommaire Chapitre 1 Premiers pas avec Photoshop Elements 8.0 L interface... 10 Acquérir les images : appareil photo, scanner, dossier... 12 L Organiseur, la retouche rapide, la retouche standard et la

Plus en détail

Inspiration 8.0. Sans plus tarder, partez à la découverte d Inspiration. Vous verrez comme ce logiciel est amusant à explorer.

Inspiration 8.0. Sans plus tarder, partez à la découverte d Inspiration. Vous verrez comme ce logiciel est amusant à explorer. Inspiration 8.0 Inspiration est un logiciel pour l organisation des idées. Avec Inspiration, vous représentez vos idées sous la forme de schémas, de cartes mentales ou de plans. Inspiration s avère un

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

Je crée mon site Internet CERFRANCE. Guide de l utilisateur. 1- Créer mon site. 2- Voir mon site. 3- Modifier mon site. 4- Faire vivre mon site

Je crée mon site Internet CERFRANCE. Guide de l utilisateur. 1- Créer mon site. 2- Voir mon site. 3- Modifier mon site. 4- Faire vivre mon site Je crée mon site Internet CERFRANCE Guide de l utilisateur 1- Créer mon site 2- Voir mon site 3- Modifier mon site 4- Faire vivre mon site 5- Transformer mon site 1-Créer mon site : Pour créer votre site,

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

Comment créer soi-même un site web avec Jimdo Le jeudi 8 octobre 2015

Comment créer soi-même un site web avec Jimdo Le jeudi 8 octobre 2015 Comment créer soi-même un site web avec Jimdo Le jeudi 8 octobre 2015 Créer un site web avec Jimdo On se présente! Présentation de l ADT Création de mini-sites Contact : Christelle DUREY 05 45 69 01 26

Plus en détail

Comment maximiser le référencement de votre site e-commerce en 15 minutes Tout le monde veut optimiser le référencement de son site.

Comment maximiser le référencement de votre site e-commerce en 15 minutes Tout le monde veut optimiser le référencement de son site. Comment maximiser le référencement de votre site e-commerce en 15 minutes Tout le monde veut optimiser le référencement de son site. C est simple, pas une semaine ne se passe sans qu un nouvel article

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

Création et Administration d un Site Web

Création et Administration d un Site Web Création et Administration d un Site Web Notions diverses RAYAR Frédéric frederic.rayar@univ-tours.fr Année 2011-2012 Sommaire 1 Introduction 2 3 4 5 6 Sommaire 1 Introduction 2 3 4 5 6 Introduction Introduction

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

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

COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET?

COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET? COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET? 1. Présentation 1.1 Les coordonnées Mentionnez ici les coordonnées exactes de l entreprise ou de la collectivité (adresse postale, numéro de

Plus en détail

INITIATION. Choisissez dans les arrière-plans ou utilisez une de vos photos ou images pour décorer le bureau.

INITIATION. Choisissez dans les arrière-plans ou utilisez une de vos photos ou images pour décorer le bureau. INITIATION MODIFIER L ARRIÈRE-PLAN DU BUREAU Choisissez dans les arrière-plans ou utilisez une de vos photos ou images pour décorer le bureau. A. Clic droit sur le bureau B. Clic gauche sur «Personnalisé»

Plus en détail

Créer un blog MPC. Marcy Photo Club - YC - Septembre 2014 1

Créer un blog MPC. Marcy Photo Club - YC - Septembre 2014 1 Créer un blog MPC 1 Introduction Ce document explique comment créer très simplement son propre blog. La configuration proposée est plus particulièrement destinée aux membres de MPC qui pourront ainsi partager

Plus en détail

Cahier des charges. Racing. Flag

Cahier des charges. Racing. Flag Cahier des charges Racing Flag Jérôme LESTARQUIT CQP Octobre 2012 SOMMAIRE 1 Présentation de l entreprise... p.03 2 Présentation du projet... p. 03 2.1 Rôle... p. 03 2.2 Objectifs du site... p. 03 2.3

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

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

Bienvenue chez Spluw

Bienvenue chez Spluw 1 Bienvenue chez Spluw Ce guide présente les principales fonctions de mise en page et d édition de votre site Web. Vous y trouverez les étapes essentielles de construction de page et de mise en forme pour

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

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

PRATIC Création site internet descriptif fonctionnel

PRATIC Création site internet descriptif fonctionnel PRATIC Création site internet descriptif fonctionnel Référence : Auteur : Marion Verlaine Overscan 091222_Pratic_DF Date : 22/12/2009 Diffusion : Marion Verlaine (Overscan) Claire Buisine (PRATIC). Historique

Plus en détail

Un petit tutoriel pour utiliser Wordpress (LeRepaire)

Un petit tutoriel pour utiliser Wordpress (LeRepaire) Un petit tutoriel pour utiliser Wordpress (LeRepaire) I. Pour écrire un article : Il faut déjà avoir un compte qui permette de le faire (ce n est pas un compte par défaut, il faut demander un accès à l

Plus en détail

L anthropologie au Collège Ahuntsic

L anthropologie au Collège Ahuntsic L anthropologie au Collège Ahuntsic Procédurier pour l utilisation du logiciel Cmap Tools 1 Installer Cmap Tools sur votre ordinateur 1. Aller à l adresse suivante : http://cmap.ihmc.us/download/ 2. Sélectionner

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

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

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

Création de site Web à l aide de l outil SimpliSite

Création de site Web à l aide de l outil SimpliSite Centre de documentation sur l éducation des adultes et la condition féminine (CDÉACF) Création de site Web à l aide de l outil SimpliSite Par François Dallaire CDÉACF Décembre 2006 Création de site Web

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

PRETASHOP. Etre à l'aise avec l'utilisation d'un ordinateur et d'internet. Maitriser les bases de Microsoft Word.

PRETASHOP. Etre à l'aise avec l'utilisation d'un ordinateur et d'internet. Maitriser les bases de Microsoft Word. PRETASHOP LES OBJECTIFS : Vous verrez comment installer Joomla! localement puis sur un serveur distant, concevoir l organisation de votre site, rédiger vos premiers articles, maitriser les feuilles de

Plus en détail

JJ. Thibault Animateurs multimédia au CRDP de Versailles. Page 1 sur 16

JJ. Thibault Animateurs multimédia au CRDP de Versailles. Page 1 sur 16 Configurer un compte de messagerie...2 Composer un message électronique...2 Insérer une signature automatique... 6 Transférer un message, répondre à un message... 7 Ouvrir un fichier attaché... 8 Joindre

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

Cahier des charges Site internet

Cahier des charges Site internet 1 Cahier des charges Site Internet Cahier des charges Site internet INNOCORP MADA www.innocorp-mada.com Tel: 01.80.82.88.80 contact@innocorp-mada.com 2 Cahier des charges Site Internet CONTEXTE Introduction

Plus en détail

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design Chapitre 1 : Introduction A. Le développement des sites Web 14 B. Les fonctionnalités de Bootstrap 14 C. La compatibilité avec les navigateurs 15 D. Télécharger les exemples 15 Chapitre 2 : Installer Bootstrap

Plus en détail

Savoir utiliser les services de l ENT Outils pédagogiques SOMMAIRE

Savoir utiliser les services de l ENT Outils pédagogiques SOMMAIRE Savoir utiliser les services de l ENT Outils pédagogiques 1 Outils pédagogiques 1. Utiliser le cahier de textes 2. Utiliser le classeur pédagogique 3. Utiliser les formulaires 4. Utiliser les ressources

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

Créer et faire vivre un site web pédagogique

Créer et faire vivre un site web pédagogique Créer et faire vivre un site web pédagogique 1. Créer un site web... 2 2. Utilisation d un CMS... 2 3. SPIP : Système de Publication Internet Partagé... 2 4. Le site de la Cité Scolaire Jean Moulin...

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

L informatique pour débutants

L informatique pour débutants FORMATION L informatique pour débutants Etre à l aise face à son ordinateur Découvrir les clefs du monde de l informatique Devenir un internaute averti et avancer dans son projet professionnel. Itec-Média

Plus en détail

Sommaire. Qu est ce qu un blog? Blog / site : quelle différence? Les plateformes de blog

Sommaire. Qu est ce qu un blog? Blog / site : quelle différence? Les plateformes de blog Sommaire Qu est ce qu un blog? Blog / site : quelle différence? Les plateformes de blog Premiers pas sur Wordpress Créer un compte utilisateur Créer un blog Tableau de bord et administration Interface

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

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

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

GUIDE DES BONNES PRATIQUES SEO

GUIDE DES BONNES PRATIQUES SEO GUIDE DES BONNES PRATIQUES SEO 1 Aujourd hui, les moteurs de recherche comme Google sont de plus en plus précis pour détecter les sites intéressants et le référencement est à l heure actuelle incontournable

Plus en détail

RAPPORT DE PROJET SITE INTERNET DE L ASSOCIATION

RAPPORT DE PROJET SITE INTERNET DE L ASSOCIATION RAPPORT DE PROJET SITE INTERNET DE L ASSOCIATION Léonard STRONG Licence Professionnelle «Réseaux, Informatique Répartie et Multimédia» Promotion 2001-2002, UFR d Informatique, Université Pierre et Marie

Plus en détail

GUIDE D UTILISATION. Utilisation du logiciel & Création de parcours et d exercices

GUIDE D UTILISATION. Utilisation du logiciel & Création de parcours et d exercices GUIDE D UTILISATION OCAD 9 Utilisation du logiciel & Création de parcours et d exercices Rédigé par Stéphane CLEMENT-AGONI Mise à jour 2010 Distribution : Ligue de Bourgogne de C.O et Talant Sport Orientation

Plus en détail

Le référencement de votre site

Le référencement de votre site Le référencement de votre site avec e-monsite.com In t r o d u c t io n Vous avez créé votre site avec E-monsite, vous disposez donc d un excellent support de communication pour votre entreprise, association

Plus en détail

GUIDE D ADMINISTRATION DU SITE. 6/23/2014 Collège Saint-Exupéry

GUIDE D ADMINISTRATION DU SITE. 6/23/2014 Collège Saint-Exupéry GUIDE D ADMINISTRATION DU SITE 6/23/2014 Collège Saint-Exupéry SOMMAIRE 1 Objectifs... 2 2 Généralités... 2 2.1 Description technique... 2 3 Accès à l interface... 2 4 Gestion des utilisateurs et des droits...

Plus en détail

Des ateliers pour débuter

Des ateliers pour débuter Accéder, découvrir, informer, échanger, créer et de s initier aux outils, aux services et aux innovations numériques RENSEIGNEMENT & INSCRIPTION À L ESPACE NUMÉRIQUE Pôle Économique 49, rue des Bossilles

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

Au sommaire. Les fondamentaux SPIP à retenir. L interface privée. Gérer une rubrique. Gérer les brèves. Gérer les articles

Au sommaire. Les fondamentaux SPIP à retenir. L interface privée. Gérer une rubrique. Gérer les brèves. Gérer les articles Les fondamentaux SPIP à retenir SPIP: Système de Publication pour l Internet Partagé, c'est un logiciel libre destiné à la production de sites Web, de type CMS orienté collaboratif. Au sommaire L interface

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

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

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

Procédurier des principales fonctions

Procédurier des principales fonctions SYSTÈME DE PUBLICATION POUR L INTERNET PARTAGÉ SQUELETTE SARKA Procédurier des principales fonctions 2012-2013 avec éditeur de texte TinyMCE DOCUMENT DE TRAVAIL Le site de référence pour les formations

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

Analyse comparative de trois sites d e commerce

Analyse comparative de trois sites d e commerce Analyse comparative de trois sites d e commerce M1105 Par Benjamin ANDRE Romain LUTIC - Jérémy MONIER (A/B) I/ Analyse des sites Amazon.com 1 ère 1 ère impression bonne, site épuré, bien organisé, on reconnait

Plus en détail

Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC)

Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC) Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC) OBJECTIFS - Créer une boutique sous wordpress et la référencer. - Mise en place du contenu, des articles Une bonne connaissance

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

Espace de travail. Les éléments... 12 Modifications de l affichage... 17

Espace de travail. Les éléments... 12 Modifications de l affichage... 17 Espace de travail Les éléments... 12 Modifications de l affichage... 17 Chapitre 1 Espace de travail L espace de travail d InDesign CS4 s inscrit dans la lignée de tous les produits de la gamme Creative

Plus en détail

Formation pour les rédacteurs du web dynamique Février 2006 TABLE DES MATIÈRES

Formation pour les rédacteurs du web dynamique Février 2006 TABLE DES MATIÈRES TABLE DES MATIÈRES Section 1 - Découvrir l espace privé... 1 1.1 L accès à l espace privé... 1 1.2 L'écran d'ouverture... 3 1.3 La barre des fonctions principales... 4 1.4 La barre de séparation et ses

Plus en détail