background preloader

Type pp

Facebook Twitter

Comment consulter une Framacarte ? (Tutos uMap 1/4) Juste avant Noël, nous vous présentions Framacartes, un service de création de cartes personnalisées pour vos sites web, communautés, randos, chasses au trésor… Framacartes est basé sur le logiciel Umap, qui permet d’ajouter des points, tracés et polygones sur les fonds de cartes d’OpenStreetMap.

Comment consulter une Framacarte ? (Tutos uMap 1/4)

C’est alors qu’Antoine Riche, ingénieur informatique, Contributeur et Formateur OpenStreetmap, nous a contactés pour nous présenter sa série de tutoriels (libres, eux aussi) pour apprendre à maîtriser uMap (et donc Framacartes) à toute la famille Dupuis-Morizeau. C’est avec son autorisation (et de chaleureux remerciements) que nous reproduirons sur le framablog les quatre premiers tutos (le niveau « débutant ») afin d’en faire profiter le plus grand nombre. Cette semaine, on apprend tout simplement à se familiariser avec uMap et à profiter pleinement d’une Framacarte !

Make different regions of an image clickable. I have a chart of the English alphabet.

Make different regions of an image clickable

I would like users to be able to click on each letter, and go to that letter's page. How can I do this? Image avec zones cliquables. Dans cet article, nous allons apprendre grâce à ce tuto à créer une carte interactive avec des zones cliquables qui pointent vers des sites comme par exemple « google, you tube,… » Dans notre exemple, nous aurons 7 zones à traiter.

Image avec zones cliquables

Commençons par ajouter l’image en passant par le menu Médias – Ajouter ( Attention, l’image doit être à la bonne taille) Ensuite il faut récupérer l’URL (l’adresse web de l’image) et la copier. Faire attention, l’adresse est longue ! Il ne vous reste plus qu’à coller ce code dans une page en passant par l’onglet « texte » et « mettre à jour » et repasser en visuel.Voici le résultat : je n’ai fait que 4 zones (Google, google map, youtube et google +) Introduction à la programmation. Thinglink : l'outil qui dynamise vos pages web (Tuto vidéo)

Bonjour !

Thinglink : l'outil qui dynamise vos pages web (Tuto vidéo)

Aujourd’hui je voudrais vous parler d’un outil web très bien pensé et simple d’utilisation. En 5 mn, il apportera du dynamisme aux pages de votre site web, en même temps que de l’interaction et une dimension partageable ! Pourquoi utiliser Prezi pour créer vos présentations ? Beaucoup de gens me posent la question : pourquoi utiliser Prezi plutôt que PowerPoint pour mes présentations ?

Pourquoi utiliser Prezi pour créer vos présentations ?

Les réponses sont multiples et j’ai tenté de les synthétiser ici. Bien que Prezi totalise aujourd’hui 40 millions d’utilisateurs et qu’il vienne de publier une nouvelle interface en français, peu de personnes le connaissent vraiment. Thinglink. Creer des images interactives. 10 outils en ligne pour créer des infographies. Un dessin vaut mieux que de long discours.

10 outils en ligne pour créer des infographies

Le refrain est connu. Le développement de l’usage des infographies dans la presse , dans les médias, dans l’édition ces dernières années est une tendance lourde des nouveaux moyens d’informer. Genial.ly, c’est génial ! Comme souvent, j’ai eu connaissance de cet outil via ma veille documentaire TICE… Des collègues en disaient du bien, je me suis inscrit « pour voir » et j’ai été conquis, donc je garde dans ma boîte à outils.

Genial.ly, c’est génial !

Images Actives - Le logiciel pour explorer l'image. Genial.ly, c’est génial ! Aspen UX - Intro. Iframe, pour un contenu dynamique ou isolé de la page. Cette balise faisait déjà partie de la spécification HTML 4 mais est développée dans la version 5 alors que les frames, et donc la balise frameset, sont devenus obsolètes.

iframe, pour un contenu dynamique ou isolé de la page

Iframe signifie "inline frame", en français cadre en ligne, il s'insère dans le flot du contenu de la page. On utilisait déjà l'iframe pour créer du contenu dynamique avant l'apparition d'Ajax: en assignant un contenu avec JavaScript, on pouvait modifier la page très facilement après son chargement. Mais Ajax permet une interaction plus complète avec le serveur. L'iframe a cependant d'autres utilisations. Pour le webmaster, c'est un moyen de présenter du contenu aux visiteurs qui ne sera pas visible aux moteurs de recherche.

Indépendamment des moteurs de recherche les iframes permettent d'insérer du contenu plus facilement qu'avec Ajax qui requiert des fonctions XMLHttpRequest. Ajax reste indispensable pour charger une page HTML créée sur le serveur, en fonction de paramètres fournis par l'utilisateur. Code source: Create your own microsite with Genially. It’s never been so easy! - Do it geniallyDo it genially.

Hi Geniallymaniacs!

Create your own microsite with Genially. It’s never been so easy! - Do it geniallyDo it genially

Today we’re going to show you how to create an awesome microsite. It’s extremely easy and simple. Before we start, we need to define what a microsite is and what it is for. Microsite refers to the design of a website formed by one individual page or several pages that function as a supplement to the primary website. We can also consider a microsite as a presentation that, instead of being unidirectional, has an initial menu from where you can start using the document and visiting the different sections. Said that, let’s get down to work.