Objectif : mettre en ligne mon portfolio dans 2 hJutilise mon ordinateur (Windows ou Mac)
Les étapes 1.   Brainstorming, quai-je envie de montrer ? 2.   Je regroupe mes photos 3.   Je prépare mes textes 4.   Je c...
1 - BrainstormingConseils1. Un portfolio nest pas un catalogue de photos2. Un portfolio contient mes meilleures images3. U...
2 - Sélection des photosConseils ● jutilise mes images sources, je reformaterais dans tabFolio ● jutilise surtout des phot...
3 - Mes textesConseils1. Un portfolio nest pas un site web, mais une carte de visite, un aperçu2. Un portfolio ne doit pas...
4 - Création du tabFolio
5.1 - Edition du texte                                                Changement de mode1/ Jaffiche la palette dédition   ...
5.2 - Edition du texte                                                   Choix des textes6 textes à modifier dans 2 zonesM...
5.3 - Edition du texte                            Saisie, remplacement1/ Je saisis                                  3/ Je ...
5.4 - Edition du texte                                                Vérification1/ Je repasse en consultation           ...
6.1 - Edition des images                                             Changement de mode1/ Je vais dans ma galerie         ...
6.2 - Edition des images                                    Transfert dune image1/ Mon image est sur mon ordinateur, je cl...
6.3 - Edition des images                                  Formatage dune imageJe peux éditer limage ● lagrandir, la diminu...
6.4 - Edition des images                                                     Vérification1/ Je repasse en consultation    ...
7.1 - Edition de la page                                        Remplacement des textes1/ Je vais dans ma page     2/ Je r...
7.2 - Edition de la page                                  Import dune image à partir du web1/ Je remplace les images      ...
7.3 - Edition de la page                                  Ajout dun lien sur une image1/ Je sélectionne limage            ...
8 - Edition de laccueil    1/ Je retourne dans laccueil2/ Je remplace les textes                    3/ Je remplace limage ...
9 - Edition du formulaire1/ Jaffiche le formulaire                        2/ Je remplace limage                           ...
10 - Publication1/ Jaffiche la fenêtre de paramétrages                          2/ Je clic sur Interface                  ...
Communiquer & partager                                      Je partage sur tous les réseaux sociaux mon actualité   Je réc...
Je passe en mode avancé                 Je vais pouvoir  ●   Afficher au clic sur un bouton (et le créer si inexistant) : ...
Les nouvelles étapes11.   Brainstorming, quai-je envie de montrer en plus ?12.   Jaffiche les fonctions avancées13.   Jajo...
11 - Nouveau brainstormingMes contraintes ● je suis limité à 3 galeries de 8 planchesMon objectif1. je veux mettre en avan...
12 - Fonctions avancées1/ Jaffiche la fenêtre de paramétrages                                 2/ Je clic sur Interface    ...
13.1 - Ajout dun menu                        Sélection, choix du template                              4/ Je vais jusquau ...
13.2 - Ajout dun menu                                                                       Définition                    ...
14.1 - Contenu du menu                                  Ajout dimage, saisie des textes                                  3...
14.2 - Contenu du menu                                                   Création dune galerie                            ...
15.1 - Contenu de la galerie                             Ajout dune photo, saisie du texte                                ...
15.1 - Contenu de la galerie                                                         Ajout dun écran               1/ Je p...
16.1 - Ajout dun onglet                                       Définition, saisie des textes       3/ Je clic sur Menu     ...
16.2 - Ajout dun onglet                          Ajout dimage, édition du template                                    3/ J...
16.3 - Ajout dun onglet                                   Couleur du fond1/ Je clic sur la couleur                        ...
16.4 - Ajout dun onglet                                                                      Ajout de liens               ...
17.1 - Ajout dune vidéo                               Changement dune image, association   1/ Je sélectionne limage       ...
17.2 - Ajout dune vidéo                   Validation, contrôle1/ Je sauve   2/ Je vérifie                          3/ Je t...
18.1 - Ajout dun lien                                     Sélection1/ Je retourne dans laccueil2/ Je sélectionne le texte ...
18.2 - Ajout dun lien                                                                                    Définition       ...
19 - Nouvelle publication1/ Jaffiche la fenêtre de paramétrages                                   2/ Je saisie le code Goo...
Prochain SlideShare
Chargement dans…5
×

Créer votre site portfolio en 2 heures

389 vues

Publié le

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.

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
389
Sur SlideShare
0
Issues des intégrations
0
Intégrations
7
Actions
Partages
0
Téléchargements
3
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Créer votre site portfolio en 2 heures

  1. 1. Objectif : mettre en ligne mon portfolio dans 2 hJutilise mon ordinateur (Windows ou Mac)
  2. 2. Les étapes 1. Brainstorming, quai-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 linterface 6. Je remplis ma galerie 7. Je remplis ma page 8. Je remplis mon accueil 9. Je remplis mon formulaire de contact10. Je publie Aller directement aux fonctions avancées
  3. 3. 1 - BrainstormingConseils1. Un portfolio nest pas un catalogue de photos2. Un portfolio contient mes meilleures images3. Un portfolio est fait pour me vendre4. Un portfolio doit me présenterMes contraintes ● je suis limité à 8 planches pour ma galerieMon bilan1. je suis photographe animalier2. je veux mettre en avant 1 race peu visible : le chinchilla3. je veux me présenterMon plan1. Accueil2. Ma page "A propos"3. Ma galerie sur Snoop & Toufoo, 2 illustres chinchillas
  4. 4. 2 - Sélection des photosConseils ● jutilise mes images sources, je reformaterais dans tabFolio ● jutilise surtout des photos de plus de 200 koMes contraintes1. Une galerie contient 8 planches maximum2. Le format dune planche est prévu pour être affiché aussi sur iPhone
  5. 5. 3 - Mes textesConseils1. Un portfolio nest pas un site web, mais une carte de visite, un aperçu2. Un portfolio ne doit pas se limiter à des photosMes contraintes ● jutilise des mises en page contenant déjà des stylesAccueil ● Ma dernière interventionA propos1. Mon passé2. Ma formationContact1. Mes coordonnées
  6. 6. 4 - Création du tabFolio
  7. 7. 5.1 - Edition du texte Changement de mode1/ Jaffiche la palette dédition 2/ Je passe en édition de texte
  8. 8. 5.2 - Edition du texte Choix des textes6 textes à modifier dans 2 zonesMon 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. 9. 5.3 - Edition du texte Saisie, remplacement1/ Je saisis 3/ Je sauve 2/ Je visualise
  10. 10. 5.4 - Edition du texte Vérification1/ Je repasse en consultation 2/ Je vérifie
  11. 11. 6.1 - Edition des images Changement de mode1/ Je vais dans ma galerie 2/ Je passe en édition dimage 3/ Je clic sur limage à remplacer
  12. 12. 6.2 - Edition des images Transfert dune image1/ 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. 13. 6.3 - Edition des images Formatage dune imageJe peux éditer limage ● lagrandir, la diminuer ● la repositionner ● la tourner
  14. 14. 6.4 - Edition des images Vérification1/ Je repasse en consultation 2/ Je vérifie
  15. 15. 7.1 - Edition de la page Remplacement des textes1/ Je vais dans ma page 2/ Je remplace les textes 3/ Je vérifie
  16. 16. 7.2 - Edition de la page Import dune image à partir du web1/ Je remplace les images 2/ Je copie ladresse de la page ou se trouve mon image 3/ Je confirme ladresse et affiche les images 4/ Jimporte mon image
  17. 17. 7.3 - Edition de la page Ajout dun lien sur une image1/ Je sélectionne limage 2/ Je saisis ou colle ladresse de mon site
  18. 18. 8 - Edition de laccueil 1/ Je retourne dans laccueil2/ Je remplace les textes 3/ Je remplace limage 4/ Je vérifie
  19. 19. 9 - Edition du formulaire1/ Jaffiche le formulaire 2/ Je remplace limage 3/ Je remplace les textes 4/ Je vérifie
  20. 20. 10 - Publication1/ Jaffiche 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. 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 lon parle de moi
  22. 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. 23. Les nouvelles étapes11. Brainstorming, quai-je envie de montrer en plus ?12. Jaffiche les fonctions avancées13. Jajoute un menu "Galeries"14. Je remplis ce menu et je crée une seconde galerie15. Je remplis la seconde galerie16. Je crée longlet "A propos"17. Jajoute une vidéo à ma page "Actualités"18. Jajoute un lien à mon accueil19. Je publie
  24. 24. 11 - Nouveau brainstormingMes contraintes ● je suis limité à 3 galeries de 8 planchesMon objectif1. je veux mettre en avant une deuxième race peu visible : un perroquet gris du Gabon2. je veux montrer une vidéo3. je veux parler de mon actualité et de lorigine des chinchillasMon nouveau plan1. Accueil2. Mon onglet "A propos"3. Ma page "Actualités"4. Mon menu "Galeries"5. Ma galerie existante sur Snoop & Toufoo, 2 illustres chinchillas6. Ma nouvelle galerie sur Léon, le perroquet
  25. 25. 12 - Fonctions avancées1/ Jaffiche la fenêtre de paramétrages 2/ Je clic sur Interface 3/ Jactive les fonctions 4/ 2 boutons sont apparus
  26. 26. 13.1 - Ajout dun menu Sélection, choix du template 4/ Je vais jusquau template voulu 3/ Je clic sur Menu2/ Je sélectionne le bouton 1/ Je passe en édition de boutons
  27. 27. 13.2 - Ajout dun menu Définition Je peux prévisualiser des exemples existants 3/ Je sauve 1/ Je saisie le nom du menu2/ Je valide le choix du template 4/ Je vérifie
  28. 28. 14.1 - Contenu du menu Ajout dimage, saisie des textes 3/ Je saisie mes textes2/ Jimporte mes images 1/ Je passe en édition dimage
  29. 29. 14.2 - Contenu du menu Création dune galerie 3/ Je clic sur Galerie5/ Je saisie le nom de la galerie 6/ Je valide le choix du template 4/ Je vais jusquau template voulu du premier visuel 2/ Je sélectionne le bouton 1/ Je passe en édition de boutons
  30. 30. 15.1 - Contenu de la galerie Ajout dune photo, saisie du texte 3/ Je saisi les textes 2/ Jimporte limage1/ Je vais dans la galerie
  31. 31. 15.1 - Contenu de la galerie Ajout dun écran 1/ Je passe en édition de galerie 2/ Je vais jusquau template voulu3/ Je choisi lemplacement 4/ Je valide le choix du template
  32. 32. 16.1 - Ajout dun onglet Définition, saisie des textes 3/ Je clic sur Menu 5/ Je saisi les textes 4/ Je choisi le template de mon onglet2/ Je sélectionne le bouton 1/ Je passe en édition de boutons
  33. 33. 16.2 - Ajout dun onglet Ajout dimage, édition du template 3/ Je sélectionne ma zone (longlet) 2/ Je passe en édition de zone1/ Jimporte mes images
  34. 34. 16.3 - Ajout dun onglet Couleur du fond1/ Je clic sur la couleur 2/ Je sélectionne ma couleur
  35. 35. 16.4 - Ajout dun onglet Ajout de liens 1/ Je sélectionne le bouton 2/ Je clic sur Page 3/ Je clic sur Afficher une page4/ Je vais à la page à afficher 5/ Je vais à la ligne à afficher
  36. 36. 17.1 - Ajout dune vidéo Changement dune image, association 1/ Je sélectionne limage 2/ Jassocie une action 3/ Je clic sur Video4/ Je colle ladresse de la page Youtube 5/ Je vérifie
  37. 37. 17.2 - Ajout dune vidéo Validation, contrôle1/ Je sauve 2/ Je vérifie 3/ Je test
  38. 38. 18.1 - Ajout dun lien Sélection1/ Je retourne dans laccueil2/ Je sélectionne le texte 3/ Jassocie une action
  39. 39. 18.2 - Ajout dun lien Définition 1/ Je clic sur Galerie 2/ Je clic sur Afficher une galerie3/ Je vais à la galerie à afficher 4/ Je vais au visuel à afficher
  40. 40. 19 - Nouvelle publication1/ Jaffiche la fenêtre de paramétrages 2/ Je saisie le code Google Analytics 3/ Je publie

×