tabFolio s’adresse à tous les professionnels qui communiquent par l’image, architectes, illustrateurs, designers, photographes, mannequins... Nul besoin d’être informaticien ou graphiste pour réaliser vous-même votre premier tabFolio. Vous copiez directement vos images et vos textes. tabFolio peut être totalement édité avec un iPad ou un ordinateur. Chaque écran d’un tabFolio est indexé par Google, les internautes accèdent directement à l’image ou la galerie référencé. Sur iPad, il peut être consulté sans connexion internet. Consultez les nombreux exemples sur le site et démarrez votre version gratuite sur http://www.tabfolio.me pour évaluer notre service.

1. Objectif : mettre en ligne
mon portfolio dans 2 h
J'utilise mon ordinateur (Windows ou Mac)

2. Les étapes
1. Brainstorming, qu'ai-je envie de montrer ?
2. Je regroupe mes photos
3. Je prépare mes textes
4. Je crée mon tabFolio
5. Je saisis les textes de l'interface
6. Je remplis ma galerie
7. Je remplis ma page
8. Je remplis mon accueil
9. Je remplis mon formulaire de contact
10. Je publie
Aller directement aux fonctions avancées

3. 1 - Brainstorming
Conseils
1. Un portfolio n'est pas un catalogue de photos
2. Un portfolio contient mes meilleures images
3. Un portfolio est fait pour me vendre
4. Un portfolio doit me présenter
Mes contraintes
● je suis limité à 8 planches pour ma galerie
Mon bilan
1. je suis photographe animalier
2. je veux mettre en avant 1 race peu visible : le chinchilla
3. je veux me présenter
Mon plan
1. Accueil
2. Ma page "A propos"
3. Ma galerie sur Snoop & Toufoo, 2 illustres chinchillas

4. 2 - Sélection des photos
Conseils
● j'utilise mes images sources, je reformaterais dans tabFolio
● j'utilise surtout des photos de plus de 200 ko
Mes contraintes
1. Une galerie contient 8 planches maximum
2. Le format d'une planche est prévu pour être affiché aussi sur iPhone

5. 3 - Mes textes
Conseils
1. Un portfolio n'est pas un site web, mais une carte de visite, un aperçu
2. Un portfolio ne doit pas se limiter à des photos
Mes contraintes
● j'utilise des mises en page contenant déjà des styles
Accueil
● Ma dernière intervention
A propos
1. Mon passé
2. Ma formation
Contact
1. Mes coordonnées

6. 4 - Création du tabFolio

7. 5.1 - Edition du texte
Changement de mode
1/ J'affiche la palette d'édition
2/ Je passe en édition de texte

8. 5.2 - Edition du texte
Choix des textes
6 textes à modifier dans 2 zones
Mon haut de page
1. Je clic sur "Mon nom"
pour le remplacer par
"AnomaPics"
2. Je clic sur "Mon activité"
pour le remplacer par
"Photo Animalière"
Ma navigation Le haut de page
1. Je clic sur "Bio" pour le
remplacer par "A
propos"
2. Je clic sur "Galeries" La navigation
pour le remplacer par
"Exemples"
3. Je clic sur "Le lorum..."
pour le remplacer par
"Me contacter"
4. Je clic sur "© Mon nom,
2012" pour le remplacer
par "© AnimaPics,
2012"

9. 5.3 - Edition du texte
Saisie, remplacement
1/ Je saisis
3/ Je sauve
2/ Je visualise

10. 5.4 - Edition du texte
Vérification
1/ Je repasse en consultation
2/ Je vérifie

11. 6.1 - Edition des images
Changement de mode
1/ Je vais dans ma galerie
2/ Je passe en édition d'image
3/ Je clic sur l'image à remplacer

12. 6.2 - Edition des images
Transfert d'une image
1/ Mon image est sur mon ordinateur, je clic sur Ajouter un média
2/ Je fait glisser mon image sur la zone
3/ Mon image est transférée

13. 6.3 - Edition des images
Formatage d'une image
Je peux éditer l'image
● l'agrandir, la diminuer
● la repositionner
● la tourner

14. 6.4 - Edition des images
Vérification
1/ Je repasse en consultation
2/ Je vérifie

15. 7.1 - Edition de la page
Remplacement des textes
1/ Je vais dans ma page
2/ Je remplace les textes
3/ Je vérifie

16. 7.2 - Edition de la page
Import d'une image à partir du web
1/ Je remplace les images
2/ Je copie l'adresse de la page ou se trouve mon image
3/ Je confirme l'adresse
et affiche les images
4/ J'importe mon image

17. 7.3 - Edition de la page
Ajout d'un lien sur une image
1/ Je sélectionne l'image
2/ Je saisis ou colle l'adresse de mon site

18. 8 - Edition de l'accueil
1/ Je retourne dans l'accueil
2/ Je remplace les textes
3/ Je remplace l'image
4/ Je vérifie

19. 9 - Edition du formulaire
1/ J'affiche le formulaire
2/ Je remplace l'image
3/ Je remplace les textes
4/ Je vérifie

20. 10 - Publication
1/ J'affiche la fenêtre de paramétrages
2/ Je clic sur Interface
3/ Je change de police de caractères
4/ Je configure ma publication
5/ Je publie

21. Communiquer & partager
Je partage sur tous les réseaux sociaux mon actualité
Je récupère sur mon ordinateur
le QR code des réalisations
à montrer dès que l'on parle de moi

22. Je passe en mode avancé
Je vais pouvoir
● Afficher au clic sur un bouton (et le créer si inexistant) :
○ une page et aller directement à une ligne,
○ une galerie et aller directement à un visuel,
○ un menu,
○ le formulaire de contact
● Pour chaque page :
○ ajouter / supprimer une ligne
○ ordonner les lignes
○ déplacer une ligne vers une autre page
○ paramétrer son affichage et son référencement
● Pour chaque galerie :
○ ajouter / supprimer un visuel
○ ordonner les visuels
○ déplacer un visuel vers une autre galerie
○ paramétrer son affichage et son référencement

23. Les nouvelles étapes
11. Brainstorming, qu'ai-je envie de montrer en plus ?
12. J'affiche les fonctions avancées
13. J'ajoute un menu "Galeries"
14. Je remplis ce menu et je crée une seconde galerie
15. Je remplis la seconde galerie
16. Je crée l'onglet "A propos"
17. J'ajoute une vidéo à ma page "Actualités"
18. J'ajoute un lien à mon accueil
19. Je publie

24. 11 - Nouveau brainstorming
Mes contraintes
● je suis limité à 3 galeries de 8 planches
Mon objectif
1. je veux mettre en avant une deuxième race peu visible : un perroquet gris du Gabon
2. je veux montrer une vidéo
3. je veux parler de mon actualité et de l'origine des chinchillas
Mon nouveau plan
1. Accueil
2. Mon onglet "A propos"
3. Ma page "Actualités"
4. Mon menu "Galeries"
5. Ma galerie existante sur Snoop & Toufoo, 2 illustres chinchillas
6. Ma nouvelle galerie sur Léon, le perroquet

25. 12 - Fonctions avancées
1/ J'affiche la fenêtre de paramétrages
2/ Je clic sur Interface
3/ J'active les fonctions
4/ 2 boutons sont apparus

26. 13.1 - Ajout d'un menu
Sélection, choix du template
4/ Je vais jusqu'au template voulu
3/ Je clic sur Menu
2/ Je sélectionne le bouton
1/ Je passe en édition de boutons

27. 13.2 - Ajout d'un menu
Définition
Je peux prévisualiser des exemples existants
3/ Je sauve
1/ Je saisie le nom du menu
2/ Je valide le choix du template
4/ Je vérifie

28. 14.1 - Contenu du menu
Ajout d'image, saisie des textes
3/ Je saisie mes textes
2/ J'importe mes images
1/ Je passe en édition d'image

29. 14.2 - Contenu du menu
Création d'une galerie
3/ Je clic sur Galerie
5/ Je saisie le nom de la galerie
6/ Je valide le choix du template 4/ Je vais jusqu'au template
voulu du premier visuel
2/ Je sélectionne le bouton
1/ Je passe en édition de boutons

30. 15.1 - Contenu de la galerie
Ajout d'une photo, saisie du texte
3/ Je saisi les textes
2/ J'importe l'image
1/ Je vais dans la galerie

31. 15.1 - Contenu de la galerie
Ajout d'un écran
1/ Je passe en édition de galerie
2/ Je vais jusqu'au template voulu
3/ Je choisi l'emplacement
4/ Je valide le choix du template

32. 16.1 - Ajout d'un onglet
Définition, saisie des textes
3/ Je clic sur Menu
5/ Je saisi les textes
4/ Je choisi le template de mon onglet
2/ Je sélectionne le bouton
1/ Je passe en édition de boutons

33. 16.2 - Ajout d'un onglet
Ajout d'image, édition du template
3/ Je sélectionne ma zone (l'onglet)
2/ Je passe en édition de zone
1/ J'importe mes images

34. 16.3 - Ajout d'un onglet
Couleur du fond
1/ Je clic sur la couleur
2/ Je sélectionne ma couleur

35. 16.4 - Ajout d'un onglet
Ajout de liens
1/ Je sélectionne le bouton
2/ Je clic sur Page
3/ Je clic sur Afficher une page
4/ Je vais à la page à afficher
5/ Je vais à la ligne à afficher

36. 17.1 - Ajout d'une vidéo
Changement d'une image, association
1/ Je sélectionne l'image
2/ J'associe une action
3/ Je clic sur Video
4/ Je colle l'adresse de la page Youtube
5/ Je vérifie

37. 17.2 - Ajout d'une vidéo
Validation, contrôle
1/ Je sauve
2/ Je vérifie
3/ Je test

38. 18.1 - Ajout d'un lien
Sélection
1/ Je retourne dans l'accueil
2/ Je sélectionne le texte
3/ J'associe une action

39. 18.2 - Ajout d'un lien
Définition
1/ Je clic sur Galerie
2/ Je clic sur Afficher une galerie
3/ Je vais à la galerie à afficher
4/ Je vais au visuel à afficher

40. 19 - Nouvelle publication
1/ J'affiche la fenêtre de paramétrages
2/ Je saisie le code Google Analytics
3/ Je publie