A chaque fois, seront associés au tutoriel:

• un contenu texte associé à des captures d’écran pour présenter les éléments et développer certaines fonctionnalités
• une vidéo qui, par la pratique dans un contexte donné, résumera en action le contenu de l’article
• une catégorie d’article: productivité (si vous désirez retrouver en un clic la série des tutoriels)

Pour naviguer dans l’ergonomie, je parlerai bien entendu des raccourcis claviers. Je les citerai toujours dans ce sens: ctrl/commande + lettre. Comme par exemple: ctrl/commande + B. Ici ctrl concerne les PC et commande (qui équivaut à « pomme ») les Mac.

La première série de tutoriels concernera l’organisation des marque-pages. Cette terminologie « marque-page » est aussi appelée favori ou encore signet. Ce sont dans tous les cas des adresses de site internet que nous organisons au fil des années.

Ce classement de marque-pages est un élément important dans notre rapport quotidien au web:

• les adresses pratiques
• les références diverses
• les articles à lire
• les coups de coeur
• ….

Nous verrons au cours de quelques articles d’une part comment utiliser les outils intégrés par défault à Firefox et d’autre part comment aller plus loin en utilisant le module Xmarks. Ce dernier permet de synchroniser tous ses marque-pages à la fois sur plusieurs navigateurs et sur plusieurs ordinateurs.

Le premier article devrait être publié cette semaine.

A suivre

website // clic

• Client: Sophie Badens, photographe à Paris
• Caractéristique: Construit sur une structure WordPress et WP framework.
• Réalisation: Création et intégration du Design Graphique. Structure PHP.

• Adobe et Flash
• Google
• iPad
• iPhone 4 (sortie prévue en juin)
• ….

Si vous recevez cet article par email, la vidéo est ici

website // clic

• Client: Mila et Mani, Artistes Peintres
• Caractéristique: Construit sur une structure WordPress et WP framework. Le site est lié à une plate-forme en ligne. L’affichage des vignettes et morceaux de musiques se fait au hasard.
• Réalisation: Intégration du Design Graphique. Structure PHP et modèles graphiques du site.

Parmi toutes les données que propose la vidéo, la répartition des internautes sur le globe (du plus grand au plus petit):

• 738 257 230 en Asie
• 418 029 796 en Europe
• 252 908 000 en Amérique du Nord
• 179 031 479 en Amérique du Sud
• 67 371 700 en Afrique

Si vous recevez cet article par email, la vidéo est ici

website // clic

• Client: Thibaud Danton, Directeur de la Photographie / Réalisateur
• Caractéristique: Construit sur une structure WordPress et WP framework. Le site est lié à une plate-forme en ligne.
• Réalisation: Intégration du Design Graphique. Structure PHP et modèles graphiques du site.

Voici le process:

L’ergonomie générale:

A gauche les déclaration CSS3 et en haut à droite, le rendu direct des changements appliqués.

Les fonctionnalités en détail:

• chaque déclaration peut être masquée ou affichée en cliquant sur {toggle rule off}
• Chaque valeur en jaune peut être modifiée. Elles se synchronisent toutes
• les compatibiltés (navigateurs) sont affichées à droite
• enfin, il suffit de copier/coller le code pour l’intégrer dans sa feuille de style

Enjoy!

La version anglais-français est à télécharger en PDF.

Dans Acrobat ou Aperçu (Mac), la fonction « rechercher » permet de trouver rapidement les expressions.

Interrogation dans deux mois!

website // clic

• Client: I-Chun Noyelle / Acupunctrice
• Caractéristique: Construit sur une structure WordPress et WP framework.
• Réalisation: Création et intégration du Graphisme. Structure PHP et modèles graphiques du site.

Alors pourquoi ne pas en faire profiter tout le monde. Vous pourrez en cliquant sur la catégorie WordPress avoir bientôt tous les autres tutoriaux sur ce sujet.

Voici le tuto:

Pour ajouter un PDF directement dans un article, le mieux c’est de le placer en lien. Dans ce cas, en cliquant sur le titre du PDF, il sera téléchargé directement.

1-Ajouter un média

• Ouvrir l’article et placer le curseur de la souris au bon endroit
• cliquer sur « Ajouter un média »

2-Chercher le fichier en local

• Cliquer sur Parcourir
• Chercher le fichier en local sur votre ordinateur avec la nouvelle fenêtre qui va s’ouvrir

3-Choisir le fichier sur son ordinateur

• Sélectionner le fichier en question (il est mieux de n’avoir pas de signes bizarres dans le titre (accents, ponctuations, espaces). Remplacer les espaces par des traits de soulignement
• Cliquer sur ouvrir

4-Paramétrer le fichier

• Une fenêtre s’ouvre et changer le Titre (= titre du lien qui doit être explicite, les accents et signes possiblent ici)
• Cliquer sur « Adresse web du fichier » pour que le lien lance le téléchargement
• Cliquer sur « Insérer dans l’article »
• Ce fichier sera disponible pour d’autre articles à partir de la bibliothèque

5-Résultat du fichier cliquable

• Le fichier apparaît comme un lien
• Le téléchargement sera lancé automatiquement
• Voir l’exemple ci-dessous

Une démonstration en direct: Fichier PDF téléchargeable ici