Protéger un article par un mot de passe

Quand un article possède des photos où on peut reconnaître des élèves,

il est bon de protéger cet article par un mot de passe.

Ce mot de passe peut être le même pour toute l’école

ou on peut en choisir un par classe,

dans les 2 cas, il faut le changer tous les ans…

mdp-article1 mdp-article2

Réduire le poids et la taille d’une photo

Picture Resizer 5.0

Un outil très simple et gratuit qui redimensionne par lots les photos et les images au format JPG.

Utilisation

Télécharger PhotoResize400.exe et le placer sur le bureau.
Lien de téléchargement : http://www.rw-designer.com/picture-resize-fr
Sélectionner et déplacer les fichiers JPG ou les dossiers contenant les fichiers JPG vers l’icône de l’application.

photoresize400

L’outil va redimensionner les images JPG et les enregistrer au même endroit que les fichiers source.
Le nom des nouvelles images reprend le nom original auquel sera ajouté la taille.
Par exemple, la version redimensionnée du fichier MaPhoto.jpg sera MaPhoto-400.jpg ; le nombre 400 indique la taille de l’image.

Configuration

Par défaut, l’application redimensionne la taille des images sur 400 pixels et conserve les proportions originales.
La taille des fichiers destination est contrôlée par le nom de l’application.
Si vous souhaitez des images à 200 pixels, il suffit de renommer l’application en ‘PhotoResize200.exe’
Dans cet exemple, la version redimensionnée du fichier MaPhoto.jpg sera MaPhoto-200.jpg

Blog

La taille de 400 pixels est idéale, le fichier créé n’est pas trop lourd
et la qualité obtenue ne permet pas une exploitation malhonnête de l’image.
Si on veut une image plus petite, WordPress permet de gérer la taille au moment de l’insertion dans le blog.
Lors de la lecture du blog, un double clic sur l’image permettra de l’afficher dans sa taille maxi (ici 400 points).

Insérer un Prézi

1. ajoutez l’extension Insert Global Content Block

2. préparez votre code (remplacer le nom en bleu par le nom de votre Prézi)

<object data="http://prezi.com/ abqwjtcf2cpb /view" height="300" width="550"></object>

3. cliquez sur l’icone InsertGlobal Content Block

4. cliquez sur Create a New Content Block -> donnez un nom et collez votre code

5. cliquez sur Insert Content block->c’est fini

[contentblock id=2 img=iframe.png]

Afficher une vidéo stockée en ftp

Il faut activer l’extension « JW Player »

pour afficher une vidéo il suffit de rentrer son adresse
attention le nom de la vidéo ne doit pas contenir d’accent,
ni d’espace, ni d’apostrophe pour être lu par tous les navigateurs

il faut donner les droits avec filezilla
->clic droit sur le fichier « file attributes… »
->mettre 777 pour donner tous les droits

le texte

http://ftp-wavrechain-thorez.etab.ac-lille.fr/07-Clip_J_ai_demande_a_la_Lune.mp4

donne


j’ai demandé à la lune (Wavrechain sous Denain élé)

le texte

http://ftp-iencacentre.etab.ac-lille.fr/film_pour_AP_annote.mp4

donne


conférence Viviane Bouysse sur la maternelle (Haulchin)

Afficher une image stockée sur un autre site

Image sur un ftp académique

1. se procurer l’adresse de l’image

*si l’image se trouve à la racine : http://ftp-vad.etab.ac-lille.fr/droits.jpg

*si l’image se trouve dans un dossier -> donner les droits de lecture et d’exécution sur le dossier http://ftp-vad.etab.ac-lille.fr/images/droits.jpg

avec filezilla -> clic droit sur le fichier ou le dossier « file attributes… »->  choisir 777 pour donner tous les droits

attention le nom de l’image ne doit pas contenir d’accent,
ni d’espace, ni d’apostrophe pour être lu par tous les navigateurs

2. se mettre en mode texte (onglet Texte en haut à droite)

et entrer le code suivant :

<img src="http://ftp-vad.etab.ac-lille.fr/images/droits.jpg">

Image sur Internet

1. se procurer l’adresse de l’image

clic droit sur l’image -> Copier l’adresse de l’image -> et ensuite la coller dans le cadre en mode texte (voir point 2. ci-dessus)

http://plone-vae.etab.ac-lille.fr/images/plan_acces

ne pas oublier de citer l’origine de l’image

image issue du site http://plone-vae.etab.ac-lille.fr/

2. se mettre en mode texte (onglet Texte en haut à droite)

et entrer le code suivant :

 <img src="http://plone-vae.etab.ac-lille.fr/images/plan_acces »>

Test copier-coller

Nous sommes allés voir et écouter « Le carnaval des animaux » de Camille Saint Saens en autobus à Denain. Les musiciens du Conservatoire de musique de Denain nous ont charmés. Des élèves de C.P. de l’école Jean Macé étaient venus également.

HPIM1994

HTS wordpress 26nov2014

insertion audio MP3 : les misérables de victor hugo

ajouter un média->insérer un média-> »Envoyer des fichiers » ou « Bibliothèque de médias »->insérer dans l’article

insertion vidéo YOUTUBE : la multiplication maya en direct de youtube

Il faut activer l’extension « Advanced iFrame » car l’insertion classique de la balise HTML Iframe ne fonctionne pas (elle est filtrée pour des raisons de sécurité)

Add advanced iFrame->puis insérer l’adresse du lien récupérée dans Youtube : Partager-> Intégrer et copier la partie suivante src= »https://www.youtube.com/embed/cflVtgKZU90″ entre securitykey= »… » et le crochet fermant]

insertion vidéo MP4 : vidéo perso dans la librairie limitée à 8 Mo

ajouter un média->insérer un média->onglet « Bibliothèque de médias »->insérer dans l’article

insertion photo ou image jpg

ajouter un média->insérer un média->envoyer des fichiers ou bibliothèque de médias->choisir le média dans la bibliothèque->réglage de l’affichage du fichier (à droite)->insérer dans la page

espace_villars_photo

modifier la taille/l’alignement de l’image : cliquer dans l’image puis sur le crayon->taille : dans la liste déroulante choisir « miniature-moyenne-taille originale » / alignement : choisir « gauche-centre-droite »->mettre à jour

afficher l’image en taille réelle : cliquer dans l’image puis sur le crayon->lier à :
dans la liste déroulante choisir « fichier média » ->mettre à jour

affichage-image

créer un lien :

mettre le mot en surbrillance-> cliquer sur l’icône avec 2 maillons de chaîne -> entrer l’adresse web -> cocher ouvrir dans une nouvelle fenêtre -> bouton bleu ajouter le lien

lien vers : Droit à l’image et identité numérique

Couper un article trop long : pour ne pas encombrer la page d’accueil

positionner le curseur à l’endroit de la coupure -> cliquer sur l’icône avec 3 trait dont un en pointillés au milieu-> un trait en pointillés apparaît dans l’article avec la mention MORE

Continuer la lecture

Premier contact avec l’interface d’administration

site de l’auteur : http://www.progresser-en-informatique.com/cours-wordpress/presentation-interface-administration/

La console d’administration de WordPress permet de mettre à jour un site internet sans avoir à écrire une ligne de code. C’est le grand avantage des systèmes de gestion de contenu

Dans ce module, nous allons explorer les différentes parties de la console d’administration WordPress, qui se découpe en deux menus principaux :

  • Le menu horizontal du haut, que nous appellerons la barre de raccourcis, permet de rapidement accéder à des fonctions couramment utilisées de WordPress.
  • Le menu latéral gauche, que nous appellerons le menu principal, permet d’accéder à tous les panneaux d’administration de WordPress.

Voici les différents sujets qui seront abordés dans ce module :

Continuer la lecture

Organiser et Ajouter du contenu à votre site

site de l’auteur : http://www.progresser-en-informatique.com/cours-wordpress/organiser-et-ajouter-du-contenu-a-votre-site/

1. Introduction

Ne perdez pas de vue que le but d’un site internet est d’apporter de la valeur à vos visiteurs (informations, connaissances, méthodes, techniques, solutions à des problèmes, etc.). Ce module est donc primordial, car il explique justement comment organiser et ajouter du contenu à votre site web.

Voici les thématiques abordées dans ce module :

Continuer la lecture