Droit à l’oubli : de quoi parle-t-on ?

Il y a 3 ans vous avez participé à une soirée particulièrement animée où l’alcool coulait à flot. Vous avez partagé sur les réseaux sociaux un certain nombre de photos de cette fête inoubliable… « inoubliable », c’est bien le mot… à ce moment-là, cela vous semblait normal, naturel même, de partager vos photos.

identité numérique  identité numérique

Source : www.actioninnocence.org

Aujourd’hui, vous êtes à la recherche votre premier stage et vous savez que la plupart des employeurs « googlisent » le nom des candidats pour en savoir un peu plus sur eux… et soudain, cette photo qui ne vous montre pas à votre avantage vous parait préjudiciable… certainement à juste titre !

Depuis cette belle soirée, cette fameuse photo a été reprise maintes et maintes fois et se « promène » sur la toile sans que vous puissiez en maitriser ou stopper la diffusion ! et voilà votre e-réputation menacée ! et à ce moment précis de votre vie où vous cherchez à vous faire une place dans le monde professionnel, vous aimeriez tant qu’on vous oublie…

 

Comment exercer son droit à l’oubli ?

image3

Ce droit ne concerne que les particuliers et n’est applicable qu’en UE (+ Islande, Norvège, Suisse et Liechtenstein).

 

N’attendez pas pour tester votre e-réputation !

Un site dédié à l’e-réputation permet de tester son e-réputation et de définir ce que les données qu’on assume toujours après leur publication. Pour faire le test, il faut être au moins sur Twitter ou Facebook. Des fiches pratiques sont également disponibles pour apprendre à gérer au mieux son identité numérique. Mais n’oublions pas qu’on ne peut pas pas tout maitriser (par exemple, les données publiées par d’autres sur nous).

https://www.nothing-to-hide.fr/

Des images en fond transparent

Est-ce que cela vous est déjà arrivé de vouloir superposer des images et d’avoir l’arrière-plan de l’une d’elles, peut-être blanc, qui vous en empêchait ? Alors il est temps de se pencher sur les images en fond transparent…

Une image en fond transparent a plusieurs avantages :

– elle s’intègre mieux dans la page
– elle adopte automatiquement la couleur d’arrière-plan
– elle est plus légère que la même image avec un fond uni

Il est possible de supprimer le fond uni d’une image pour le rendre transparent, avec le logiciel GIMP par exemple, mais le résultat n’est pas toujours satisfaisant.

Voici un petit tutoriel expliquant comment faire : http://libresavous.com/doc/gimp-rendre-transparent-le-fond-uni-dune-image/

Les 3 formats les plus répandus sur internet sont le PNG, le GIF et le JPG.

Le format PNG est un format compressé (la taille des images est adaptée à la publication sur internet) qui n’altère pas la qualité de l’image lors de la compression et qui gère la transparence.
Le format GIF permet de faire des images animées (façon Tumblr), gère la transparence, mais lors de la compression l’image perd nettement en qualité.
Le JPG ne gère pas la transparence, et perd en qualité lors de la compression.

On optera donc en priorité pour le format PNG pour les images et le format GIF pour des animations, ces deux formats gérant la transparence.

Alors, à vous de jouer !

Quel logiciel je peux utiliser librement et gratuitement ?

En complément de l’article de Fouzia Salihi : « Logiciels libres ou gratuits« , nous proposons ici de définir de façon très simple, pour nos élèves du premier degré, la différence en les logiciels libres, gratuits, propriétaires…

Pour commencer, nous ne parlerons ici que de logiciels (par exemple Word ou Writer), et non pas des images que l’on a le droit d’utiliser (voir l’article publié à ce propos).

Pour commencer, un logiciel libre ressemble à un logiciel qui n’est pas libre (donc propriétaire). Il n’est pas forcément plus moche, ni plus compliqué. Par exemple, vous utilisez pour faire du traitement de texte soit Microsoft Word, soit Libre Office Writer. Vous pouvez faire la même chose avec ces deux logiciels : mettre en gras du texte, changer la couleur des mots, insérer des images, mettre des numéros aux pages.

Mais alors quelles différences? Pourquoi choisir plus l’un que l’autre ?
La première chose est que l’un est payant, et que l’autre est gratuit. Mais attention, il ne faut pas généraliser…. Parfois un logiciel libre peut être payant !
La principale différence est qu’un logiciel libre donne l’autorisation aux utilisateurs d’étudier et de modifier le fonctionnement même du logiciel s’il en a envie (bon d’accord, il faut déjà avoir quelques notions en informatique). Il peut également le redistribuer à d’autres personnes.

Sans le savoir vous utilisez déjà des logiciels libres… comme par exemple Mozilla Firefox pour aller sur Internet, Mozilla Thunderbird pour aller voir ses messages de courriers électroniques, VLC pour voir des vidéos !

La majorité des sites internet repose sur des logiciels libres. Par exemple votre blog pour le concours utilise WordPress qui est un logiciel libre !

Maintenant on peut se poser la question de savoir comment on reconnait un logiciel libre d’un logiciel propriétaire, et quelles équivalences il existe pour trouver une solution libre quand on a l’habitude de travailler sur un logiciel propriétaire ? Le plus simple pour commencer est de voir l’article de Wikipedia sur le sujet. A voir également le site de Framasoft.

Alors à vous de choisir !

Logiciel libre ou gratuit : quelles différences ?

Quelques explications pour en finir avec les amalgames

 

En réalité, le titre de cet article ne pose pas la bonne question… Mais avant d’aller plus loin dans les explications, je vous propose de répondre au vrai-faux qui suit. Comptez moins de 2 minutes pour le réaliser. Si vous obtenez 100 % de bonnes réponses, vous n’aurez pas besoin de lire le reste de l’article ;o)

Vous êtes encore là ;o) ? Comme je le disais au début de l’article, la question est mal posée. Au lieu de se demander si un logiciel est libre ou gratuit, on devrait se demander s’il est gratuit ou payant ET s’il est libre ou propriétaire.

Que faut-il savoir sur les logiciels libres ?

Quatre libertés fondamentales sont rattachées aux logiciels libres :

Pour permettre à l’utilisateur d’étudier le fonctionnement du logiciel et de le modifier, il est nécessaire d’avoir accès au code source ; c’est-à-dire « la recette de fabrication » du logiciel.  Il ne faut pas confondre dès lors les logiciels libres et les logiciels OpenSource qui autorisent l’étude du code source sans nécessairement en permettre la modification.

Le meilleur moyen de savoir dans quelle situation on se trouve c’est de consulter la licence rattachée au logiciel.

Et puisque nous parlons de licence…

Une licence décrit les droits et libertés rattachés au logiciel. La GNU-GPL est la licence la plus connue et la plus répandue dans le monde du logiciel libre. Elle introduit la notion de le copyleft (que l’on peut traduire par gauche de l’auteur) qui implique que les versions modifiées du logiciel soient aussi publiées et partagées sous licence libre. Le copyleft est donc une règle qui protège les libertés fondamentales décrites plus hautes. Lorsqu’on redistribue un programme, on ne peut pas rajouter de restriction (écriture, diffusion etc.). Avec le copyleft, un logiciel libre le reste pour toujours.

La réflexion autour des licences ne se limite pas aux logiciels. C’est le cas de certaines licences Creative Common pour des créations diverses (audio, vidéo, image, texte…). Ci-après, une infographie très détaillée :

Infographie_attribution_licences_F.Bordignon_modifiee

Dernière précision, la licence accompagne les logiciels qu’ils soient libres ou propriétaires .

Et puisque nous parlons de logiciel propriétaire…

En réalité, le terme « propriétaire » est erroné ; on doit parler de « logiciel privateur » en opposition à « libre ». Sa licence est dite « fermée » dans le sens où elle ne donne pas accès aux quatre libertés qui font référence aux logiciels libres.

Bref, que retenir ?

Trois phrases pour comprendre facilement ce qui vient d’être dit :

Le logiciel libre implique que l’auteur met le code source de son logiciel à la disposition des utilisateurs désireux de l’utiliser ou d’en modifier le code pour lui apporter quelques améliorations.
Les logiciels libres sont souvent gratuits mais… les logiciels gratuits ne sont pas toujours libres.
Un logiciel privateur peut être payant ou gratuit.

Des exemples :
Propriétaire payant… comme Windows (système d’exploitation)
Propriétaire gratuit… comme Avast ! Home Edition (antivirus)
Libre gratuit… comme Mozilla Firefox (navigateur web) ou Gimp (traitement d’images)
Libre payant… comme Redhat (distribution Linux orientée vers le marché commercial)

Voilà, une première approche pour s’en sortir mais la question est plus complexe et ne peut se définir par un unique article.

Qu’est-ce qui a été publié dans ce blog d’octobre à décembre 2016 ?

Une petite nouveauté pour cette seconde année de concours « Blogue ton école, ton collège, ton lycée » : entre deux périodes de vacances, nous vous proposons un petit récapitulatif des articles publiés dans ce blog d’accompagnement au concours.

La liste des établissements inscrits pour cette année est maintenant disponible. Une des premières étapes pour toutes les équipes est de bien remplir les mentions légales du blog créé pour l’occasion. Viendra ensuite le temps de se poser des questions : quelle charte graphique parmi celles qui sont disponibles ? comment personnaliser son blog ? quelles couleurs privilégier ?

Avant de passer au contenu proprement dit du blog, un article vous est proposé sur tout le vocabulaire en lien avec le blog. N’hésitez pas à le mettre dans vos favoris pour vous y référer dès que cela est nécessaire.

Une nouvelle année arrive, c’est le moment traditionnel des résolutions ;o). Il est temps pour vous de commencer, ou de continuer à écrire des articles pour alimenter votre blog. Dans cette optique, nous vous proposons deux articles qui peuvent vous aider : un sur comment faire une recherche documentaire sur Internet, niveau 1er degré (une version pour le second degré existe également), et  un autre sur les images qui peuvent être réutilisées dans vos articles.

Enfin, tout comme pour la première année du concours, nous vous proposons un petit rappel du fonctionnement et du contenu de ce blog d’accompagnement du concours.

Maintenant, à vos claviers !!

Les blogs inscrits au concours

Les inscriptions au concours sont désormais closes pour cette année. Merci à tous ceux qui se sont inscrits.

Voici la liste et les liens vers les blogs ouverts. Ils sont proposés par niveau. En cas de travail « liaison école/collège » ou « collège/lycée », le blog est classé dans le niveau supérieur.

 

Écoles
École de Pontigny (89) École, laïcité, conte de Noël, Francophonie, Correspondance, Oiseaux http://rpi-pontigny-venouse-rouvray-89.ec.ac-dijon.fr
École de Saulon la Chapelle (21) Projet culturel :  productions d’écrits, d’images à partir des films d’école et cinéma http://rpi-saulon-la-chapelle-barges-21.ec.ac-dijon.fr
Maternelle et école élémentaire Jean-Jaurès Dijon (21) Blogs des écoles maternelle et élémentaire Jean Jaurès Dijon http://mat-dijon-jean-jaures-n2-21.ec.ac-dijon.fr/

http://ele-dijon-jean-jaures-mixte2-21.ec.ac-dijon.fr/

École Jules Verne de Saint Boil (71) Nos rencontres http://blogue-ton-ecole.ac-dijon.fr/nos-rencontres
 Lycée international de Los Angeles – Classe de CM2  Blog des grands hommes http://blogue-ton-ecole.ac-dijon.fr/Blog-des-grands-hommes
École Jacques Prévert Montceau-les-mines (71) http://blogue-ton-ecole.ac-dijon.fr/Jacques-Prevert
 École de Verjux (71) La vie de l’école, les compte rendus de conseils d’école avec les élèves, les histoires inventés par les élèves http://ele-verjux-71.ec.ac-dijon.fr/
École Charles de Gaulle- Le Creusot (71) Les sciences c’est génial http://blogue-ton-ecole.ac-dijon.fr/sciences-c-genial
 École Victor Hugo – Le Creusot (71)  la classe ULIS de l’école http://blogue-ton-ecole.ac-dijon.fr/ulis-creusot
 École Paul Bert – Villeneuve sur Yonne (89) La classe au quotidien http://ele-villeneuve-sur-yonne-paul-bert-89.ec.ac-dijon.fr
Collèges
 Collège Le Mont Chatelet – Varzy (58) En cinquième à Varzy contre le racisme http://blogue-ton-ecole.ac-dijon.fr/cinquieme-varzy-contre-racisme
Collège Henri Morat – Recey-sur-Ource (21) La Grande Ource http://blogue-ton-ecole.ac-dijon.fr/lagrandeource
 Collège Jean Rostand –  Quetigny (21) Les douze travaux des sixièmes http://blogue-ton-ecole.ac-dijon.fr/mythologie
 Collège Les Chênes Rouges – Saint Germain du Plain (71) Red Oaks http://blogue-ton-ecole.ac-dijon.fr/red-oaks
 Collège André Lallemand – Pouilly-en-Auxois (21)  AbonnEsciences http://blogue-ton-ecole.ac-dijon.fr/abonnesciences
 Collège Henri Wallon – Varennes Vauzelles (58) Tous frères ! http://blogue-ton-ecole.ac-dijon.fr/tousdesfreres
 Collège Jean Moulin- Montceau-les-Mines (71) J. M. Blog http://blogue-ton-ecole.ac-dijon.fr/jean-moulin-montceau
 Collège Jacques Prévert – Migennes (89) Club Manga du collège Jacques Prévert Migennes http://blogue-ton-ecole.ac-dijon.fr/clubmangaprevertmigennes
 Collège Condorcet – La Chapelle de Guinchay (71) Blog du Collège Condorcet http://blogue-ton-ecole.ac-dijon.fr/collegeCondorcet
 Collège Miles de Noyers – Noyers (89) Raid multisport UNSS du nucérien http://blogue-ton-ecole.ac-dijon.fr/raid-multisport-UNSS
 Collège Chateaubriand – Villeneuve-sur-Yonne (89) Liaison école-collège, cycle 3, vie du collège, cycle 4 http://blogue-ton-ecole.ac-dijon.fr/ecollege
 Collège Henri Vincenot – Louhans (71) Prises de têtes http://blogue-ton-ecole.ac-dijon.fr/prises-de-tetes
Collège Henry Berger – Fontaine -Française (21) La vie du collège Henry Berger http://blogue-ton-ecole.ac-dijon.fr/vie-du-college-Henry-Berger
Collège Centre – Le Creusot (71) La classe au quotidien http://blogue-ton-ecole.ac-dijon.fr/collegecentre-lecreusot
Collège Louise Michel – Chagny (71) Quoi de neuf Louise ?  http://blogue-ton-ecole.ac-dijon.fr/quoi-de-neuf-louise
Collège Carnot – Dijon (21) Le monde d’aujourd’hui et les hommes de demain http://blogue-ton-ecole.ac-dijon.fr/monde-aujourdhui-homme-demain
 Collège Carnot – Dijon (21) Le journal de l’EPI http://blogue-ton-ecole.ac-dijon.fr/journal-EPI
Collège Sainte Marie – La Clayette (71) Orientation – métiers http://blogue-ton-ecole.ac-dijon.fr/orientation-metiers
Collège Denfer Rochereau – Auxerre (89) Nos actions culturelles http://blogue-ton-ecole.ac-dijon.fr/nos-actions-culturelles
 Collège Saint-Cyr – Matour (71) Les clubs et actions du CDI http://blogue-ton-ecole.ac-dijon.fr/clubs-du-CDI
 Collège Clos de Pouilly – Dijon (21) Histoire de Clos de Pouilly http://blogue-ton-ecole.ac-dijon.fr/histoire-de-clos-de-pouilly
Collège Jean Lacaille – Bligny sur Ouche (21) Tous les projets réalisés par les élèves germanistes et anglicistes http://blogue-ton-ecole.ac-dijon.fr/germanglish-bligny
Collège les Hautes Pailles Echenon (21) Totally’s Pailles http://blogue-ton-ecole.ac-dijon.fr/Totally-s-Pailles
Collège Marcel Aymé – Saint Florentin (89) Travaillons nos fictions http://blogue-ton-ecole.ac-dijon.fr/nos-fictions
Collège le mont du Chatelet – Varzy (58) 5 4 3 2 1 partez ! http://blogue-ton-ecole.ac-dijon.fr/54321-partez
Lycées
Lycée La Prat’s – Cluny (71) Matricule 35494: mémoires et responsabilité http://blogue-ton-ecole.ac-dijon.fr/matricule35494
 Lycée Technique et Professionnel Les Marcs d’Or – Dijon (21)  Les Marcs d’Or en direct http://blogue-ton-ecole.ac-dijon.fr/LesMarcsdOrendirect
Lycée Parc des Chaumes – Avallon (89) ça ne chaumes pas http://blogue-ton-ecole.ac-dijon.fr/lyceedeschaumes
Lycée Prieur de la Côte d’Or – Dijon (21) Le Balzac Bazar http://blogue-ton-ecole.ac-dijon.fr/blogZac
 Lycée Prieur de la Côte d’Or – Dijon (21) Euro’xonne http://blogue-ton-ecole.ac-dijon.fr/Euroxonne
Lycée Prieur de la Côte d’Or Site Vinci – Dijon (21)  Da Vinci Blog http://blogue-ton-ecole.ac-dijon.fr/davinciblog
Lycée international Charles de Gaulle – Dijon (21)  Mémoires croisées des héros  et des  anonymes de la Première Guerre  mondiale http://blogue-ton-ecole.ac-dijon.fr/memoire-europeenne-premiere-guerre-mondiale
 Lycée Lamartine – Mâcon (71) STMG Lamartine http://blogue-ton-ecole.ac-dijon.fr/lycee-lamartine-stmg
Lycée Étienne-Jules Marey – Beaune (21)  Eco-Lycée Marey http://blogue-ton-ecole.ac-dijon.fr/eco-lycee-marey
 Lycée Camille du Gast – Chalon sur Saône (71) Game of blog  http://blogue-ton-ecole.ac-dijon.fr/camilledugastgameofblog
Lycée Le Castel – Dijon (21) La filière STMG du lycée Le Castel à Dijon http://blogue-ton-ecole.ac-dijon.fr/stmg-lecastel
 Lycée professionnel Jean Rostand – Nevers (58) Ensemble en Gestion Administration – promotion 2018 http://blogue-ton-ecole.ac-dijon.fr/lprostand-ga-2018
Lycée Abdel Kader – Beyrouth Voixlaktée http://blogue-ton-ecole.ac-dijon.fr/LyceeLiban
Lycée Abdel Kader – Beyrouth « Deux cultures , trois langues  » ,  Vivre ensemble dans notre lycée ,  notre lycée et notre pays  http://blogue-ton-ecole.ac-dijon.fr/2-cultures-3-langues
 Lycée Bonapart – Autun (71) œuvrer http://blogue-ton-ecole.ac-dijon.fr/oeuvrer
Lycée français Mlf de Palma de Majorque Mise en place du projet web radio au Lycée http://blogue-ton-ecole.ac-dijon.fr/webradio
Lycée international Charles de Gaulle – Dijon (21) What if…?  http://blogue-ton-ecole.ac-dijon.fr/what-if
 Lycée Montchapet – Dijon (21) Les STMG du lycée Montchapet http://blogue-ton-ecole.ac-dijon.fr/STMG-Montchapet
Lycée Clos Maire 21250 Beaune (21) En route vers la citoyenneté européenne http://blogue-ton-ecole.ac-dijon.fr/citoyennete-europeenne
Lycée Prieur de la Côte d’Or – Dijon (21)  Mathez ces livres http://blogue-ton-ecole.ac-dijon.fr/mathez-ces-livres
EREA Alain-Fournier Beaune (21) Projet humanitaire http://blogue-ton-ecole.ac-dijon.fr/humanitaire
EREA-LEA Claude Brosse – Charnay les Macon (21) MANGA ZONE http://blogue-ton-ecole.ac-dijon.fr/mangazone

Merci à Léa Bigot et Nathalie Oï qui ont œuvré dans l’ombre, la première pour la signature des conventions et la seconde pour l’ouverture des blogs.

Personnaliser son blog

Vous avez ouvert votre blog et vous souhaitez soigner un peu son look ? C’est normal ! Un blog, c’est un peu comme une maison : pour s’y sentir bien, il faut s’approprier l’espace et travailler la déco. Voici quelques conseils pour vous faciliter la tâche dans ce chantier.

1 – Le thème

Le thème d’un blog définit les grandes lignes de son organisation : c’est un peu le plan de la maison. Où se placent le titre, les articles, le menu ? Où peut-on mettre une image d’en-tête ? Pour vous faciliter la tâche, nous vous proposons 3 thèmes pour le concours « Blogue Ton École » qui sont un peu détaillés ci-dessous :

Les trois thèmes du concours Blogue ton école
Les trois thèmes du concours Blogue ton école

Vous pouvez à tout moment changer le thème de votre blogue et le reconfigurer, sans perdre aucun article ni aucune page !choix-menu-theme

Le choix du thème se fait par le menu latéral de l’interface d’administration dans Apparence, comme ci-contre.

Vous n’avez plus en suite qu’à choisir le thème et le configurer …

2 – L’image d’en-tête (et les images, en général)

Une fois que le cadre est posé, vous pouvez avancer un peu et définir les premiers éléments de graphisme. L’image d’en-tête est importante pour afficher, de façon visuelle, ce que l’on va trouver dans votre blog. Trouver la bonne illustration n’est pas facile ; il peut être intéressant de passer du temps avec les élèves pour définir comment illustrer votre blog. Une fois l’image trouvée, il est important de vous assurer que vous avez le droit de l’utiliser. Pour cela, vous avez plusieurs possibilités :

  1. Vous choisissez une image que vous avez prise vous-même,
  2. Vous choisissez une image et vous avez demandé à son auteur le droit de l’utiliser pour votre blog,
  3. Vous utilisez une image libre de droits. Des catalogues existent en ligne, comme par exemple pixabay.

Cette image est importante, elle donne le ton de votre blog !

Il est aussi important d’illustrer chacun de vos articles et nous vous conseillons d’adopter la même démarche en prenant soin de bien choisir chaque image. C’est un élément important dans la lecture d’un blog qui apporte beaucoup à sa richesse et au plaisir du lecteur.

image-a-la-uneVous pouvez choisir de mettre une image en en-tête de chacun de vos articles en utilisant la fonctionnalité image à la une, qui est accessible en bas du menu latéral droit de l’interface d’administration.

Pour aller un peu plus loin avec les images, vous pouvez lire cet article.

3 – La navigation

La navigation se fait par le Menu et les Widgets. Cette navigation est importante pour aider le lecteur à lire et parcourir votre blog.

Les widgetschoix-menu-widget

Ce sont des petits blocs que vous pouvez ajouter aux colonnes latérales. on les trouve dans le menu latéral d’administration. Ils vous permettent d’intégrer facilement des liens vers les derniers articles, les catégories ou étiquettes que vous utilisez dans votre blog, un petit texte que vous souhaitez ajouter, … Parcourez tout le catalogue des widgets, les possibilités offertes sont nombreuses !

Le Menu

Il vous permet de proposer une barre de navigation horizontale en haut de votre blog. Vous pouvez le configurer comme vous voulez pour pointer des catégories, des pages particulières ou des articles spécifiques. Cela est spécialement utile pour accéder rapidement à la présentation de votre blog (page A propos)

 4 – Les couleurs

Un autre aspect important de la personnalisation de votre blog est le choix du jeu de couleurs que vous allez utiliser. Le thème que vous choisirez vous en proposera par défaut mais vous pouvez toujours les modifier en travaillant directement dans le fichier CSS. Afin de vous faciliter le choix de couleurs, vous pouvez soit consulter des sites qui proposent des assortiments prêts à l’emploi ( par exemple avec colorhunt) ou vous construire votre propre palette (vous pouvez essayer colordot qui est très intuitif).

Comme pour les images, la palette de couleurs que vous utiliserez en dira long sur votre blog.

Vous pouvez aussi parcourir cet article qui parle des couleurs

5 – impliquez votre lecteur !

creer-h5pLes blogs du concours ‘Blogue ton école’ intègrent le module H5P (accessible dans le menu latéral de gauche de l’interface d’administration) qui permet de créer des questionnaires facilement comme ci-dessus pour tester les palettes de couleur. Utilisez-les ! Ils créeront une interaction avec le lecteur qui modifie l’expérience de lecture. Ce serait dommage de s’en priver, non ?

Après ces premiers conseils, il ne vous reste qu’à vous lancer. Ayez confiance, vous arriverez bien à créer un blog qui vous ressemble ! Et nous sommes toujours là pour répondre à vos questions 😉

Un dernier conseil : prenez du plaisir avec votre blog, c’est une aventure captivante et vraiment riche !

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.

Remplir les mentions légales de votre blog

Bravo ! Vous avez votre blog ouvert, vos codes d’accès, vos idées et des élèves motivés pour participer à ce concours de blogs.

Avant de commencer à écrire vos articles, vous devez remplir les mentions légales de votre blog. L’affichage de mentions légales est une obligation inscrite dans la Loi pour la confiance dans l’Économie Numérique (LCEN). Le fait de remplir les mentions légales d’un blog permet de respecter la loi mais aussi de faire preuve de transparence. En cas de souci, les autorités iront chercher les responsables du site dans les mentions légales. Et si quelqu’un trouve le contenu de votre site très intéressant et souhaite vous contacter, c’est également grâce à la page des mentions légales qu’il pourra le faire (ou par les commentaires si vous les avez autorisés).

Pour faire ces modifications, qui je vous le rappel sont obligatoires, il est nécessaire, une fois connecté sur votre tableau de bord, de passer par le menu « Réglages »> »Mentions légales » (procédure détaillée : http://aide-wordpress.ec.ac-dijon.fr/2014/04/25/mentions-legales/ )

Alors au travail !

Dictionnaire des mots du blog…

Voici un lexique des mots courants du monde des blogs que nous avons construit à partir du glossaire du site CapITyPA, fruit de la collaboration entre participants du MOOC ITyPA 1, premier MOOC francophone. Tous ces éléments sont partagés sous licence libre (CC by-nc-sa).

AGRÉGATEUR DE FLUX
Les agrégateurs de flux sont des outils permettant de rassembler et d’organiser des flux RSS ou ATOM de sources différentes afin d’en faciliter la consultation rapide. Ils font partie intégrante de la veille informationnelle.

ATOM
Format basé sur le standard XML (langage informatique) permettant le partage et la syndication de contenus publiés sur le Web, comme par exemple les articles d’un  blog.

vishnou-cc-by-sa-d_villafruela
Vishnou, CC-BY-SA D. Villafruela

AVATAR
Dans la religion hindoue, désigne chacune des incarnations du dieu Vishnou.
Représentation virtuelle créée par un internaute dans le cyberespace. Apparence que prend une personne dans un environnement graphique informatique : image dans un forum sur internet, un clavardoir, sur un compte de média social ou objet 3D dans un univers virtuel. Cette image peut illustrer autre chose que l’utilisateur lui-même.

BALISE (HTML)
Une balise est l’étiquette utilisée pour marquer le début et la fin d’un élément en langage HTML. Les éléments donnent la structure d’un document HTML (une page web) et indiquent comment nous voulons que le navigateur présente notre site Web. En général, les éléments se composent d’une balise ouvrante, d’un contenu et d’une balise fermante. Par exemple, les balises  <li>contenu</li> vont servir à établir des éléments de listes à puces ou numérotées.

BILLET
Dans un blog, on appelle « billet » un article posté, quelle que soit sa longueur. Synonyme de “post” en anglais.

BLOG
Le mot « blog » est une contraction de Weblog. Un blog est un carnet en ligne, appelé cybercarnet au Québec ou journal de bord. Les articles ou « billets » d’un blog sont datés, signés du pseudonyme du blogueur et se succèdent en général dans un ordre antéchronologique, du plus récent au plus ancien.

COOKIE
Petit fichier texte stocké par le serveur Web sur le disque dur du visiteur servant (entre autres) à enregistrer des informations sur le  visiteur ou encore sur son parcours dans le site Web permettant ainsi de reconnaître les habitudes d’un visiteur et de personnaliser sa présentation lors d’une prochaine visite.

CSS  – CASCADING STYLE SHEET
Feuille de style. CSS  est un code qui a été développé pour le langage HTML  et contient les propriétés attachées à un élément (les styles). Les styles définissent comment visualiser une page HTML (police de caractère, taille de police, couleur,mise en page, ..etc.)
Cela permet  :

  • d’avoir automatiquement le même aspect pour toutes les pages.
  • de changer l’habillage de tout un site en ne modifiant qu’un seul fichier (la feuille de style).

Le CSS vient compléter le HTML pour gérer la mise en forme d’un site.

EMBED
Intégrer, embarquer dans un site web  un « objet » réalisé sur un autre site. Consiste à recopier le code HTML de « l’objet » . Par exemple, une vidéo, une carte mentale, un fil twitter peuvent être intégrés sur un site ou un blog.

FAVICON
Un favicon est une icône informatique symbolisant un site web. Ces icônes sont créées par les propriétaires des sites. Les navigateurs web utilisent les favicons dans la barre d’adresse, la barre de titre, les favoris, les onglets et autres raccourcis. Il correspond à l’image affichée dans la barre d’adresse , juste avant l’URL.

FIL ou FLUX
Suite de publications par ordre chronologique (au fil du temps) d’une personne ou d’un blog. abréviation de « fil de discussion », enchaînement des commentaires à un article donné (On parle notamment de fil ou flux RSS). Suite des échanges sur un sujet, dans un forum.

FOLLOWER
Abonné en français, c’est un internaute qui en suit un autre sur un réseau social ou un blog. Cette relation n’est pas forcément réciproque (contrairement aux amis sur Facebook, par exemple). Ce terme s’est largement répandu avec Twitter.

HEBERGEUR WEB
Un hébergeur est une entreprise qui possède des ordinateurs dits serveurs de grande capacité, connectés à  Internet 24h/24. La fonction principale de ces ordinateurs est d’héberger le contenu de sites web. Les services d’hébergement sont en général  payants.

HTML – HyperText Mark-up Language
HTML est un langage qui permet de présenter / formater des informations sur Internet. Ce que vous voyez quand vous regardez une page sur Internet est l’interprétation par votre navigateur du code HTML. Le langage HTML est composé de BALISES et permet de  créer  des LIENS HYPERTEXTES.

HTTP – HYPER TEXT TRANSFER PROTOCOL
Protocole de communication CLIENT-SERVEUR développé pour le Web et utilisé pour le transfert de fichiers hypertextes ( pages web)

HTTPS – HTTP SECURE
Version sécurisée du protocole HTTP. La sécurisation se fait par cryptage ou chiffrement des données. Ce protocole est censé garantir l’identification du site internet qui l’utilise et favoriser la confidentialité des données transmises par l’utilisateur. Vérifiez-bien que vous êtes en HTTPS (la page est marquée par un cadenas) lorsque vous réalisez une transaction financière sur un site commercial.

HYPERLIEN ou LIEN HYPERTEXTE
Dans un document électronique (page web, mail, doc traitement texte…), un lien désigne un morceau de texte ou une image qui, une fois sélectionné (cliqué), permet d’accéder à une autre partie du document ou à une autre page web (autre fichier) suivant le protocole hypertexte. A l’origine, lorsqu’il s’agit de texte, les liens sont bleus et soulignés par défaut mais ils peuvent être personnalisés.

JAVASCRIPT
Le Javascript est un langage de programmation qui permet d’apporter des améliorations au langage HTML pour rendre les pages web interactives en permettant d’exécuter des commandes au niveau du navigateur (coté client) et non du coté serveur web.

NETIQUETTE
Netiquette est un mot-valise issu de la contraction de Net (forme tronquée de Internet) et de étiquette.
(Informatique) Désigne l’ensemble des conventions de bienséance régissant le comportement  des internautes dans le réseau, notamment lors des échanges dans les  forums ou par courrier électronique. Autrement dit c’est un code de savoir-vivre sur internet.

PERMALIEN ou PERMALINK
Lien permanent. Un permalien est constitué d’une chaîne de caractères qui représente la date, et parfois l’heure, de sa publication, et des identifiants particuliers (incluant un URL de base, et souvent qui identifient l’auteur, le membre ou le département d’où provient l’item). Généralement utilisé pour les blogs, un permalien n’est jamais modifié, même si un item est changé, renommé, ou déplacé. Par contre s’il est effacé, son permalien ne peut pas être utilisé à nouveau.

PLUG-IN ou EXTENSION
Greffon en français, petit programme, généralement téléchargé à partir d’un site web, qui vient s’implanter au cœur d’un logiciel hôte pour lui permettre de supporter des fonctionnalités supplémentaires (par exemple : flash, shockwave, real audio,  …). Des extensions peuvent par exemple être ajoutées à un navigateur internet pour le personnaliser.

RETROLIEN, PING ou TRACKBACK
Trackback en anglais, est un système de liens inter-blogs, semi-automatisé. Il permet aux auteurs de relier des billets de blogs différents et parlant du même sujet ou se faisant référence.

TAG
Etiquette ou mot-clef, utilisé pour indexer des ressources afin d’en faciliter la recherche.

TAG CLOUD
Nuage de mots-clés. Représentation visuelle des mots-clés les plus utilisés dans un  site Web, triés alphabétiquement, dans laquelle on affecte aux mots une  taille d’affichage proportionnelle à leur popularité, qui permet d’avoir  une vision d’ensemble du contenu du site et un accès rapide aux pages associées à chaque mot-clé. Le nuage de mots-clés permet de prendre connaissance du contenu d’un site Web en un clin d’œil et de voir les principaux thèmes abordés.

TROLL
Personne qui dépose des commentaires après un billet de blog ou sur tout autre site, avec l’unique objectif de critiquer, voire calomnier l’auteur, et de créer la dissension. Le trollage est la pratique du troll. Vous pouvez en savoir plus sur cet article : qu’est-ce qu’un troll ?

URL
Uniform Resource Locator. Ce qu’on appelle l’adresse web. Dénomination unique à caractère universel qui permet de localiser une ressource ou un document sur l’Internet

WIDGET
Petite application spécialisée pour une tâche et permettant d’accéder rapidement à des informations.

WYSIWYG
Signifie « What You See Is What You Get » : « Vous aurez ce que vous voyez » ou » tel écran tel écrit »). Ce terme utilisé pour faire  référence aux interfaces graphiques qui affichent directement le rendu final du document. Ce type d’application est utilisé pour les traitements de texte bureautiques et aussi par les applications de  courrier électronique, de blog ou de CMS qui utilisent des éditeurs de HTML.