Advertisement
  1. Web Design
  2. Landing Pages
Webdesign

Créer une page d’attente en 60 secondes

by
Difficulty:BeginnerLength:QuickLanguages:
This post is part of a series called 60 Second Video Tutorials.
Adobe XD in 60 Seconds
Create a Lo-fi UI Prototype in 60 Seconds

French (Français) translation by Isaac Asante (you can also view the original English article)

Voyons comment créer une page d’attente en utilisant le template HTML Timex de Themeforest.

Lancer le chrono

Voici ce que nous cherchons à atteindre :

Timex
Timex sur Themeforest

Tout d'abord, trouvez une image d'arrière-plan que vous aimez sur un site comme unsplash.com, modifiez-le jusqu'à une taille de 1920x1080, et profitez-en pour remplacer les fichiers « logo_only.png » et « logo_large.png » qui se trouvent dans le dossier « img » du template.

À noter : Ceux-ci doivent tous les deux avoir des fonds transparents.

Ajouter vos trois nouvelles images au dossier « img » du template pour remplacer les anciennes.

Maintenant visualisez le fichier index.html du template et vous verrez de nouvelles images en place.

Modifier le fichier Index

À présent nous avons besoin d’ouvrir ce fichier index.html et de modifier le code. Remplacez tout texte descriptif que vous trouverez avec des descriptions de votre entreprise ou produit. Assurez-vous de modifier les coordonnées, y compris votre adresse e-mail, votre adresse postale, votre numéro de téléphone, votre adresse Web et les liens de vos réseaux sociaux.

La date

Localisez le compte à rebours de la date :

Changez-le à une date future, puis actualisez votre page dans le navigateur pour voir votre compte à rebours en plein fonctionnement et votre page d’attente complète.

C’est terminé !

Voilà comment créer une page d’attente en soixante secondes. Jetez un œil à quelques-uns des templates de sites En Construction les plus vendus sur Themeforest :

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.