Apprenez à créer rapidement une superbe page web, avec mise en page, styles et photos et vidéo.

Partez de zéro ou téléchargez les fichiers d'exemple pour démarrer rapidement.

Création d’une page Adobe Spark

1. Ouvrez Adobe Spark dans le navigateur web de votre poste de travail (http://spark.adobe.com). Cliquez sur « Créer un projet ».

2. Cliquez sur le bouton « Démarrez de zéro ». Sélectionnez « Page web ».

Ajout d’un texte et d’une image d'en-tête

3. Ajout d’un titre : cliquez sur « Ajouter un titre » et saisissez votre titre.  Cliquez sur « AJOUTER UN SOUS-TITRE » et saisissez votre sous-titre.

4. Ajout de l’image d’en-tête : cliquez sur l’icône + sous le sous-titre. Cliquez sur Photo, puis sur Transférer photo. Parcourez les fichiers que vous avez téléchargés pour ce tutoriel et sélectionnez insideOut.jpg (ou votre propre fichier).

5. Choix d’un thème : cliquez sur Thèmes en haut à droite et choisissez un thème.

REMARQUE : cette vidéo montre les différences entre les deux thèmes « BRUCE » et « BALDWIN ».

Ajout de détails

6. Ajout d’un texte d’en-tête : cliquez sur l’icône + sous l’image d’en-tête et sélectionnez Texte. Saisissez « 260 miles, 17 trail days, 8 alpine passes, 2 frostbitten ears, and 1 camera ». Cliquez à l’intérieur du texte et choisissez H2 pour le reformater. Cliquez à nouveau et sélectionnez l’icône Centre Align.

7. Ajout d’un corps de texte : copiez le premier paragraphe de l’exemple fourni, de « California's John Muir Trail » à « …western United States ». Cliquez sur l’icône + sous le texte d’en-tête et sélectionnez Texte, puis collez le texte que vous venez de copier.

8. Ajout d’un texte d’en-tête : cliquez sur l’icône + sous le paragraphe et sélectionnez Texte. Saisissez « Days 1-5, Cottonwood Pass to Onion Valley », en choissant comme format H2 avec centrage.

9. Ajout d’un corps de texte : copiez le second paragraphe de l’exemple fourni, de « The first few days » à « …months of anticipation ». Cliquez sur l’icône + sous le texte d’en-tête et sélectionnez Texte, puis collez le texte que vous venez de copier.

Ajout de photos et de vidéos

10. Ajout d’un filtre photographique : cliquez sur l’icône + sous le dernier paragraphe et sélectionnez Grille de photos, puis Transférer photo. Sélectionnez les 4 photos du dossier Days 1-5 des fichiers d’exemple (Maj + 1 clic pour tout sélectionner). Cliquez sur Ouvrir, puis sur Enregistrer une fois les photos chargées.

11. Ajout d’un corps de texte : copiez le troisième paragraphe de l’exemple fourni, de « Reaching the summit » à « …start of my trek ». Cliquez sur l’icône +, choisissez Texte et collez le texte.

12. Ajout d’un texte d’en-tête : cliquez sur l'icône + et sélectionnez Texte. Saisissez « Days 6-11, Onion Valley to Vermillion Valley Ranch », en choisissant comme format H2 avec centrage.

13. Ajout d’un corps de texte : copiez le paragraphe qui va de « I hit my low » à « …start of my trek » et collez-le sous le dernier en-tête.

14. Ajout d'une image d'écran Cliquez sur l’icône +, choisissez Photo, puis Transférer photo. Sélectionnez expanse.jpg dans le dossier Days 6-11 des fichiers d’exemple. Cliquez sur Open, puis sur Fenêtre dans les options de photo. Faites défiler le contenu dans l’image pour visualiser la fonction de fenêtre.

15. Ajout d’un en-tête et d’un corps de texte : ajoutez le dernier en-tête « Days 12-17… » et le corps du texte, qui va de « The last few days » à « …ready to go back ».

16. Ajout d’une vidéo : cliquez sur l’icône +, choisissez Vidéo, saisissez « https://vimeo.com/257043328 » dans le champ Ajouter une vidéo intégrée. Cliquez sur Enregistrer.

17. Ajoutez le dernier paragraphe de la page.

18. Ajout d’un bouton : cliquez sur l’icône + sous le dernier paragraphe et sélectionnez Bouton. Saisissez « Instagram » dans le premier champ et « https://www.instagram.com/kendall.plant/ » dans le suivant. Centrez, puis cliquez sur Enregistrer.

19. Prévisualisation : cliquez sur Aperçu en haut de l’écran et faites défiler les sections de votre récit web. Cliquez sur la croix dans l'angle supérieur droit pour fermer la fenêtre de prévisualisation.

20. Partage : cliquez sur Partager en haut de l’écran, choisissez une catégorie, saisissez « Kendall Plant » comme nom d’auteur (Author Name) et désactivez l’option Mettre en avant (ou activez-la si vous publiez votre propre récit). Cliquez sur Créer un lien, puis copiez le lien ou sélectionnez l’une des options de partage.

Et voilà, le tour est joué ! Utilisez vos propres ressources ou celles proposées en téléchargement, puis partagez votre image sur Facebook, Twitter et Instagram avec le hashtag #MadewithSpark pour recueillir des commentaires et échanger avec d'autres créatifs.

SUIVEZ-NOUS

Facebook: https://www.facebook.com/AdobeFrance

Twitter: https://twitter.com/AdobeFrance

Instagram: https://www.instagram.com/adobefrance

YouTube: https://www.youtube.com/user/AdobeFrance

Behance: https://www.behance.net/live Suivez nos retransmissions en direct — de vraies sources d'inspiration avec de vrais professionnels et de vrais projets en temps réel.

07/29/2019
Cette page vous a-t-elle été utile ?