Archives du mot-clé collège

Un plugin pour rendre ses articles plus interactifs

Utilisation de H5P dans WordPress : #1 présentation générale

Utilisation de H5P dans WordPress : #2 Créer son premier diaporama

Utilisation de H5P dans WordPress : #3 Ajouter des activités

Utilisation de H5P dans WordPress : #4 Publier le diaporama dans un article

N’hésitez pas à signaler dans les commentaires vos chefs d’œuvre !

Merci de faire la demande par mail à Clairelle Lestage pour que l‘on vous installe ce qu’il faut dans votre blog pour pouvoir utiliser H5P ! Il faut 2 minutes pour le faire.

Personnaliser son blog

Nous avons tous des besoins et des attentes différents quand nous publions sur internet.  Nous allons  voir comment personnaliser son blog.

Personnaliser l’apparence

La disposition des informations

Selon ce qu’on publie, nous avons besoin d’une disposition de l’information différente. Les thèmes sont là pour cela. Dans le cadre du concours, trois thèmes sont proposés :

Chacun de ces thèmes peut ensuite être personnalisé comme le montre cette vidéo :

À vous de faire preuve d’imagination pour personnaliser ces éléments visuels !

Et pour aller plus loin, on peut modifier les règles CSS. Nous en reparlerons plus tard.

Choisir les informations secondaires : les widgets

Archives, commentaires récents, articles récents, catégories, module de recherche, menu ou texte personnalisé, etc. autant d’informations (qu’on appellera widgets ici) que l’on peut faire apparaître sur son blog, mais si on n’a pas besoin de tout, on alourdit inutilement la page en les affichant tous. C’est la raison pour laquelle on peut choisir quel widget faire apparaître et où.

Comme les thèmes, les widgets sont accessibles depuis le tableau de bord du blog, rubrique Apparence.

Personnaliser son blog avec des plugins (extensions)

Il est possible d’aller plus loin dans la personnalisation en ajoutant des plugins, c’est-à-dire des extensions en fonction de nos besoins. Ces extensions sont développées par des usagers qui les mettent ensuite à disposition de tous. Ils comprennent parfois des failles de sécurité non décelées par leurs auteurs ou liées aux mises à jour successives du logiciel. C’est la raison pour laquelle la DSI du rectorat vérifie les extensions qui sont demandées. Voici celles qui sont disponibles pour l’instant.

Gestion des utilisateurs et de l’accès

Importer/Exporter des articles

Editeur de texte

Gestion des médias

Intégrer des flux et des contenus

Création de formulaires dynamiques

Proposition d’une newsletter

Calendrier

Statstiques

Les couleurs aussi parlent

Dans tout support de communication (texte, vidéo, affiche) le choix des couleurs est essentiel. À travers ces couleurs, des associations mentales se mettent en place. C’est ce que l’on appelle le symbolisme des couleurs.

Ce paramètre est très important à prendre en compte lorsque vous choisirez la charte graphique de votre blog. Un autre critère est aussi à prendre en compte : la signification des couleurs varie en fonction des cultures. Si le blanc pour les européens est assimilé à la pureté, l’innocence, la propreté, la virginité, en Asie et chez les musulmans le blanc représente le deuil.

Pensez également au lien qui doit exister entre le fond (le contenu de votre blog) et la forme (le choix de la charte graphique). Si vous travaillez sur la page de présentation d’une salle de sieste d’une école, vous ne choisirez pas du marron foncé avec du vert sapin ou encore du rouge, mais plutôt des couleurs claires et pastels.

Vous pouvez faire le test en inscrivant comme équation de recherche dans un moteur de votre choix « site crèche » et restreindre la réponse en image.

Recherche_creches

Faire la même chose avec « pompes funèbres ». Édifiant !

Recherche_pompesfunebres
Voici un exemple de site « raté » : http://sitenul.chez.com/ (pour la petite histoire, ce site a été créé pour lister… le top 10 des sites les moins bien sur Internet !)

Sélection_309

Si vous travaillez avec des logos déjà existants (par exemple si votre établissement scolaire a un logo en forme de cercle vert et jaune) votre réflexion devra prendre en compte ces paramètres « imposés ». Par exemple, pour les chaînes nationales de télévision, on aura le rouge pour « France2.fr », le bleu pour « France3.fr » ou encore le vert pour « France5.fr »logo-exemple

La notion d’accessibilité (comme la lisibilité) doit être réfléchie en amont. Pour vous rendre compte de son impact, essayez dans un traitement de texte d’écrire en noir sur un fond gris foncé. Cet aspect fera l’objet d’un prochain billet.

Opérer pour mieux chercher

Avant, lorsque je faisais une recherche sur Internet à propos du « vrai nom de Lara Fabian», c’était toujours la même chose : j’allais sur Google (mais je suis au courant qu’il existe d’autres outils pour effectuer une recherche documentaire, comme Qwant ou Duckduckgo) et j’entrais dans le bandeau de recherche : quel est le vrai nom de Lara Fabian ? Et là miracle ! On me proposait 8 950 000 résultats.  🙂

Mais ça, c’était avant, car un jour je me suis rendue compte que si on partait du principe qu’un résultat de recherche sur Internet peut se comparer à un chapitre d’un livre à lire…. Ça ne va pas !  🙁
File:Rajshahi College Library Inside 05.JPG
Mohmoniattributionshare alike

Il existe des astuces pour faire des recherches plus précises sur Internet. Quand il y a du « bruit » dans mes réponses (des résultats qui ne correspondent pas à ce que je recherche) ou du « silence » (je ne trouve pas de réponse à ma recherche), je peux utiliser toutes les astuces suivantes pour affiner ma recherche documentaire.
1. Les opérateurs booléens. Ils permettent de préciser la recherche en plaçant des connexions logiques entre les différents termes du bandeau de recherche. Ils sont au nombre de 3 : le ET, le OU et le SAUF
ET : il sert à indiquer la présence simultanée de plusieurs mots clés. Pour l’équation de recherche ET vrai ET nom ET Lara ET Fabian, j’aurai 64 900 résultats. Si je rajoute un autre mot clé associé à l’opérateur ET, j’aurai moins de réponse (56 200 en rajoutant ET chanteuse).
OU : cet opérateur pourrait être remplacé par « ou bien ». Le moteur proposera dans ses résultats de recherche tous les sites qui comportent au moins un des mots (donc logiquement ceux qui comportent aussi tous les mots de l’équation de recherche). Pour l’équation de recherche OU vrai OU nom OU Lara OU Fabian, j’aurai 1 130 000 000 résultats. Si je rajoute encore un mot clé associé à l’opérateur OU, j’aurai encore plus de réponses.
SAUF : cet opérateur sert à exclure un terme, un mot, des résultats de recherche. Par exemple si j’entre dans mon équation de recherche ET Lara ET Fabian SAUF Adagio, j’aurai tous les sites qui comportent les mots clés Lara et Fabian, sauf les sites avec le mot Adagio.

File:Lara Fabian 2012.jpg
Georges Biardattributionshare alike

2. L’expression exacte ! 😉 Là c’est vraiment génial et pratique. Je recherche une information sur le vrai prénom de Lara Fabian. Si dans mon moteur de recherche je mets ET vrai ET nom ET Lara ET Fabian, je vais avoir dans mes résultats de recherche tous les sites référencés par le moteur utilisé qui comportent ET le mot vrai ET le mot prénom ET le mot Lara ET le mot Fabian. Je vais donc très bien pouvoir trouver un article qui est écrit par Fabian, sur son chien qui a eu le même nom que sa fille, à savoir Lara. Et c’est même écrit que c’est un vrai scandale !!!

La solution pour remédier à l’éclatement des mots dans mes résultats de recherche est de mettre « vrai nom » et « Lara Fabian » entre guillemets. Les résultats de recherche ne proposeront que les sites qui comportent ET l’expression exacte « vrai nom » ET l’expression exacte « Lara Fabian ».
Mais si j’analyse un peu mes termes choisis pour ma recherche documentaire, je préfèrerais certainement le mot « pseudonyme » à la place de l’expression exacte « vrai nom »! Ce qui donnerait en nombre de résultats de recherche : 5 220 pour l’équation ET pseudonyme ET « Lara Fabian ».
3. La troncature (le symbole *) 😉. L’usage des troncatures, appelées aussi joker permet en remplaçant un ou plusieurs caractères de trouver les mots au singulier ou au pluriel, d’autres mots de la même famille. Par exemple : robot* retrouve robot, robots, robotique, robotisé. Cela est très intéressant pour ne pas tenir compte du singulier ou du pluriel, ou encore de la conjugaison d’un verbe.

4. Le mot « define » 😉. Le fait d’associer define à un mot clé, ou à une expression exacte, vous proposera en résultats de recherche la définition du mot clé trouvée sur le Web (avec en premier résultat de recherche l’article correspondant de Wikipedia).
5. Le « filetype » 😉 La recherche filetype de permet de trouver des documents d’une extension précisée. Par exemple, si je ne peux que des fichiers PDF sur visiter Dijon, j’entrerai dans mon moteur de recherche « visiter Dijon » filetype:pdf.

En conclusion : les recherches avancées de la plupart des moteurs de recherche proposent tout ou partie de ces outils. Si je prends par exemple l’interface Google recherche avancée, je vais retrouver le ET (tous les mots suivants) ; le OU (l’un des mots suivants) ; le SAUF (aucun des mots suivants) ; l’expression exacte (expression exacte) ; le filetype (type de fichier) mais aussi d’autres paramètres comme le pays, la langue des pages, ou encore le type de licence en lien avec le droit d’usage.

Et surtout, n’hésitez pas à combiner entre eux ces opérateurs et autres outils de recherche documentaire. Au fait… qui a trouvé le vrai nom de Lara Fabian ? 🙄

L’image dans le texte : simple illustration ?

Article écrit initialement le 18 janvier 2016 – mis à jour le 21 novembre 2017

Les réseaux sociaux sont de plus en plus populaires, les internautes leur consacrant toujours plus de temps pour échanger et partager avec leurs familles et amis. Et ce sont souvent les formats multimédia qui ont leur préférence sur ces plateformes ; clips vidéos et images remplissent désormais nos fils d’actualités jour après jour.

Est-ce donc la fin du texte sur Internet ?

Les blogueurs, journalistes et auteurs qui écrivent quotidiennement sur le web ont plusieurs façons de s’adapter à la consommation exponentielle de contenus sur Internet.

La solution de facilité consiste malheureusement souvent à céder à la mode du moment, en se limitant à des textes courts, compensant alors généralement la pauvreté du contenu écrit par des illustrations. Il faut aller vite et être le premier à couvrir le sujet.

Mais la richesse de notre langue permettant de véhiculer tellement d’informations, de pensées, de sentiments, qu’il serait dommage de s’en priver.

Pourquoi alors ne pas essayer de combiner le meilleur des deux mondes ?

Des images pour structurer ses idées

wordpress-923188_960_720

Lorsque l’on souhaite écrire un article pour traiter un sujet de la façon la plus complète possible, la première étape consiste souvent à trier et organiser ses idées pour structurer ce que l’on va écrire.

Suivant la taille de son article, on arrange alors souvent le texte en plusieurs paragraphes, voire en plusieurs parties distinctes séparées par des titres et des sous-titres. À bien y regarder, c’est la méthode utilisée depuis toujours par les écrivains et journalistes dans les livres et journaux !

Utilisée judicieusement tout au long du texte, l’image peut alors être une excellente alliée pour nous aider à mieux le structurer et aider ainsi le lecteur à mieux comprendre notre pensée.

Des images pour aérer le texte et rendre la lecture plus  agréable

man-791049_960_720

Si un texte sans illustration mais bien écrit ne freinera jamais un lecteur averti, l’utilisation d’images permet d’aérer de grands blocs de texte et ainsi de s’assurer de plaire au plus grand nombre, de garder accrochés des lecteurs qui auraient pu fuir devant de trop longs textes.

Les auteurs les plus avisés joueront même avec la taille des images,  leurs formats, leurs emplacements… pour tenter de donner encore plus de rythme à leurs articles, pour rendre la lecture la plus agréable possible, et faire en sorte que le lecteur éprouve un réel plaisir à parcourir leurs pages.

Des images pour apporter des informations complémentaires

6d40235b-6584-44d3-804d-4fdba61528a9

L’image ne doit pas se contenter de servir de support pour structurer et aérer son texte !

Dans bien des cas, elle peut apporter une information complémentaire, voire un éclairage nouveau sur un sujet.

Si Confucius pensait qu’une image vaut parfois mille mots, il est certain qu’une illustration bien choisie peut compléter à merveille un texte.

Il faut alors veiller à la bonne compréhension du message par tous : l’image doit apparaître aux bonnes dimensions sur tous les supports (ne pas oublier les petits écrans des smartphones, de plus en plus utilisés pour naviguer sur Internet), ne pas être déformée, les éventuelles références qu’elle contient doivent être comprises de tous.

Il ne faut pas hésiter à utiliser des légendes explicatives si nécessaire.

Des images pour conforter l’identité graphique de son site ou blog

blog-658233_960_720

Un autre intérêt des illustrations sur le web, à ne pas négliger, est l’apport visuel de ces dernières pour l’identité graphique du site qui les propose.

Des photographies soignées, comportant pourquoi pas un formatage particulier (taille, effet, bordure spéciale…) aideront l’internaute à identifier et à se souvenir du site sur lequel il se trouve.

Il faut avant tout penser à la cohérence des illustrations que l’on retrouvera un peu partout sur son site Internet.

Des images et du texte intimement liés, la combinaison gagnante ?

f242b008-8e34-426a-82dd-cc9d7e4b3b29

Le web évolue sans cesse, et nous avons vu apparaître ces dernières années une tendance qui peut ravir les amateurs de lecture sur Internet. Certains grands médias se sont en effet essayés à de longs articles enrichis de nombreuses images et contenus multimédias, pour une véritable immersion au cœur du récit.

Quelques exemples particulièrement réussis :

cette longue page du magazine sportif ESPN, combinant photos en plein écran, dessins explicatifs, cartes, vidéos et contenus multimédias.

ce test d’une console de jeux vidéo, utilisant une navigation originale avec un menu toujours présent à l’écran, de nombreuses photos de qualité et des illustrations sous forme de dessins qui s’affichent progressivement.

cet essai remarquable, utilisant un effet particulier de changement des images lors de la descente dans la page pour donner une impression d’animation, et alternant des blocs de texte, de grandes images et des citations, pour donner du rythme à la lecture.

Dans ces exemples, un soin particulier est apporté à la structure de la page, à la navigation, au choix des polices, des images et autres contenus, pour que l’internaute vive une expérience mémorable, loin des contenus rapides à consommer que l’on trouve en masse sur la plupart des sites d’informations et sur les réseaux sociaux.

Utilisées de cette façon, les images combinent l’ensemble des avantages cités précédemment : elles structurent le contenu, le rendent plus agréable à parcourir, apportent des informations supplémentaires, tout en donnant au site qui les contienT une forte personnalité, et en offrant une riche expérience àau lecteur.

De bonnes idées à prendre à n’en pas douter.

 

Pour aller plus loin :

Structuration et illustration de la page : de l’espace du livre à l’espace du texte par l’Université Paul-Valéry Montpellier 3

Fiche technique : les fonctions de l’illustration, par l’Association régions presse enseignement jeunesse

Source des images :

https://pixabay.com/en/wordpress-blogging-writing-typing-923188/

https://pixabay.com/en/man-reading-touchscreen-blog-791049/

https://pixabay.com/en/blog-web-page-internet-blogging-658233/

captures d’écran ESPN