créer votre site portfolio en 2 heures
Post on 12-Jul-2015
278 Views
Preview:
TRANSCRIPT
Objectif : mettre en ligne mon portfolio dans 2 h
J'utilise mon ordinateur (Windows ou Mac)
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
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
2/ Je remplace les textes
3/ Je remplace l'image
1/ Je retourne dans l'accueil
4/ Je vérifie
9 - Edition du formulaire
3/ Je remplace les textes
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
1/ J'affiche la fenêtre de paramétrages
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
1/ Je passe en édition de boutons
3/ Je clic sur Galerie
2/ Je sélectionne le bouton
4/ Je vais jusqu'au template voulu du premier visuel
5/ Je saisie le nom de la galerie
6/ Je valide le choix du template
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
4/ Je valide le choix du template
16.1 - Ajout d'un ongletDéfinition, saisie des textes
1/ Je passe en édition de boutons
2/ Je sélectionne le bouton
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
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
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
1/ J'affiche la fenêtre de paramétrages
3/ Je publie
2/ Je saisie le code Google Analytics
top related