Créer votre site portfolio en 2 heures

Objectif : mettre en ligne mon portfolio dans 2 h

J'utilise mon ordinateur (Windows ou Mac)

http://www.tabfolio.me

Les étapes

1. Brainstorming, qu'ai-je envie de montrer ?2. Je regroupe mes photos3. Je prépare mes textes4. Je crée mon tabFolio5. Je saisis les textes de l'interface6. Je remplis ma galerie7. Je remplis ma page8. Je remplis mon accueil9. Je remplis mon formulaire de contact

10. Je publie

Aller directement aux fonctions avancées


1 - Brainstorming

Conseils1. Un portfolio n'est pas un catalogue de photos2. Un portfolio contient mes meilleures images3. Un portfolio est fait pour me vendre4. Un portfolio doit me présenter

Mes contraintes● je suis limité à 8 planches pour ma galerie

Mon bilan1. je suis photographe animalier2. je veux mettre en avant 1 race peu visible : le chinchilla3. je veux me présenter

Mon plan1. Accueil2. Ma page "A propos"3. Ma galerie sur Snoop & Toufoo, 2 illustres chinchillas


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 contraintes1. Une galerie contient 8 planches maximum2. Le format d'une planche est prévu pour être affiché aussi sur iPhone


3 - Mes textes

Conseils1. Un portfolio n'est pas un site web, mais une carte de visite, un aperçu2. 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 propos1. Mon passé2. Ma formation

Contact1. Mes coordonnées


4 - Création du tabFolio


5.1 - Edition du texteChangement de mode

1/ J'affiche la palette d'édition

2/ Je passe en édition de texte


5.2 - Edition du texteChoix des textes

Mon haut de page1. Je clic sur "Mon nom"

pour le remplacer par "AnomaPics"

2. Je clic sur "Mon activité" pour le remplacer par "Photo Animalière"

Ma navigation1. Je clic sur "Bio" pour le

remplacer par "A propos"

2. Je clic sur "Galeries" 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"

Le haut de page

La navigation

6 textes à modifier dans 2 zones


5.3 - Edition du texteSaisie, remplacement

2/ Je visualise

1/ Je saisis

3/ Je sauve


5.4 - Edition du texteVérification

1/ Je repasse en consultation

2/ Je vérifie


6.1 - Edition des imagesChangement de mode

1/ Je vais dans ma galerie

2/ Je passe en édition d'image

3/ Je clic sur l'image à remplacer


6.2 - Edition des imagesTransfert 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


6.3 - Edition des imagesFormatage d'une image

Je peux éditer l'image● l'agrandir, la diminuer● la repositionner● la tourner


6.4 - Edition des imagesVérification

1/ Je repasse en consultation

2/ Je vérifie


7.1 - Edition de la pageRemplacement des textes

1/ Je vais dans ma page

2/ Je remplace les textes

3/ Je vérifie


7.2 - Edition de la pageImport 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


7.3 - Edition de la pageAjout d'un lien sur une image

1/ Je sélectionne l'image

2/ Je saisis ou colle l'adresse de mon site


8 - Edition de l'accueil


3/ Je remplace l'image

1/ Je retourne dans l'accueil

4/ Je vérifie


9 - Edition du formulaire


2/ Je remplace l'image

1/ J'affiche le formulaire

4/ Je vérifie


10 - Publication

3/ Je change de police de caractères

1/ J'affiche la fenêtre de paramétrages

2/ Je clic sur Interface

4/ Je configure ma publication

5/ Je publie


Communiquer & partager

Je partage sur tous les réseaux sociaux mon actualité

Je récupère sur mon ordinateurle QR code des réalisations

à montrer dès que l'on parle de moi


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


Les nouvelles étapes

11. Brainstorming, qu'ai-je envie de montrer en plus ?12. J'affiche les fonctions avancées13. J'ajoute un menu "Galeries"14. Je remplis ce menu et je crée une seconde galerie15. Je remplis la seconde galerie16. Je crée l'onglet "A propos"17. J'ajoute une vidéo à ma page "Actualités"18. J'ajoute un lien à mon accueil19. Je publie


11 - Nouveau brainstorming

Mes contraintes● je suis limité à 3 galeries de 8 planches

Mon 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 l'origine des chinchillas

Mon 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


12 - Fonctions avancées


2/ Je clic sur Interface

3/ J'active les fonctions

4/ 2 boutons sont apparus


13.1 - Ajout d'un menuSélection, choix du template

1/ Je passe en édition de boutons

2/ Je sélectionne le bouton

3/ Je clic sur Menu

4/ Je vais jusqu'au template voulu


13.2 - Ajout d'un menuDéfinition

Je peux prévisualiser des exemples existants

1/ Je saisie le nom du menu

2/ Je valide le choix du template

3/ Je sauve

4/ Je vérifie


14.1 - Contenu du menuAjout d'image, saisie des textes

1/ Je passe en édition d'image

2/ J'importe mes images

3/ Je saisie mes textes


14.2 - Contenu du menuCréation d'une galerie


3/ Je clic sur Galerie


4/ Je vais jusqu'au template voulu du premier visuel

5/ Je saisie le nom de la galerie



15.1 - Contenu de la galerieAjout d'une photo, saisie du texte

1/ Je vais dans la galerie

2/ J'importe l'image

3/ Je saisi les textes


15.1 - Contenu de la galerieAjout d'un écran

1/ Je passe en édition de galerie

3/ Je choisi l'emplacement

2/ Je vais jusqu'au template voulu



16.1 - Ajout d'un ongletDéfinition, saisie des textes



4/ Je choisi le template de mon onglet

5/ Je saisi les textes

3/ Je clic sur Menu


16.2 - Ajout d'un ongletAjout d'image, édition du template

1/ J'importe mes images

2/ Je passe en édition de zone

3/ Je sélectionne ma zone (l'onglet)


16.3 - Ajout d'un ongletCouleur du fond

1/ Je clic sur la couleur

2/ Je sélectionne ma couleur


16.4 - Ajout d'un ongletAjout de liens


2/ Je clic sur Page

3/ Je clic sur Afficher une page

4/ Je vais à la page à afficher

5/ Je vais à la ligne à afficher


17.1 - Ajout d'une vidéoChangement 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


17.2 - Ajout d'une vidéoValidation, contrôle

1/ Je sauve

2/ Je vérifie

3/ Je test


18.1 - Ajout d'un lienSélection

1/ Je retourne dans l'accueil

2/ Je sélectionne le texte

3/ J'associe une action


18.2 - Ajout d'un lienDé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


19 - Nouvelle publication


3/ Je publie

2/ Je saisie le code Google Analytics


Technology

Créer votre site portfolio en 2 heures