Alors, vous voulez mettre une page de garde sur votre page Web ? Les pages de démarrage sont un excellent moyen de personnaliser votre site Web. Ce tutoriel suppose que vous connaissez un peu le HTML et le CSS, et cela pourrait vous aider si vous connaissez également quelques bases de JavaScript.
Pas
Étape 1. Créez votre page de contour
Vous pourriez utiliser un CSS externe (feuille de style en cascade), mais dans cet exemple, nous allons utiliser un feuille de style interne. Vous devez donc commencer avec vos balises de base:
Bienvenue!
Étape 2. Remplissez le CSS et les informations de titre dans la section
Vous devrez évidemment modifier les valeurs en fonction de vos besoins:
Bienvenue!
corps {couleur de fond: #DCDCDC}
Omis…
Noter:
Vous voudrez peut-être ajouter une propriété CSS pour les polices.
Étape 3. Ajoutez le script pour accéder à la page d'accueil
Cette section est facultative et vous pouvez simplement l'omettre si vous ne voulez pas qu'elle se déplace automatiquement.
Omis…
window.onload=timeout;
délai d'attente de la fonction (){
window.setTimeout("redirect()", 5000)}
fonction redirection(){
window.location="Accueil.htm"
revenir}
Omis…
Omis…
Remarques:
Le nombre 5000 moyens
Étape 5. secondes. Changez cela pour des durées plus courtes ou plus longues. Remplacez le nom du fichier de redirection par le nom de votre page d'accueil.
Étape 4. Ajoutez un titre
Cela devrait probablement être le nom de votre site Web, et vous devriez le joindre à des intags pour le rendre facile à trouver pour les moteurs de recherche.
Étape 5. Ajoutez une image
Cela devrait montrer de quoi parle votre site. Encore une fois, vous pouvez utiliser le
étiqueter.
Omis…
Remarques:
Cette étape suppose que vous avez enregistré l'image du titre dans le même dossier que le .htm fichier, et qu'il est nommé "imagesplash.jpg". Vous pouvez ajouter un positionnement CSS si vous préférez que l'image soit ailleurs sur l'écran, par exemple au centre.
Étape 6. Ajoutez un bouton
Ce bouton permettra aux visiteurs d'accéder plus rapidement à la page d'accueil. Lorsqu'ils cliquent dessus, ils sont immédiatement dirigés vers la page d'accueil. Vous pouvez également simplement fournir un lien vers la page d'accueil.
Omis…
Noter:
Vous pouvez changer le "valeur" élément pour modifier le texte affiché sur le bouton.
Étape 7. Ajoutez du texte
Cela pourrait être tout ce que vous aimez. En général, il s'agit d'une sorte de salutation « Merci de votre visite » ou « Créé par… ».
Omis…
Merci pour votre visite!
Remarques:
C'est là que vous pourriez utiliser le CSS pour le texte. Vous pouvez utiliser un titre (
) à la place si vous le souhaitez.Étape 8. Vous avez maintenant une page de démarrage fonctionnelle
Il est maintenant temps de l'embellir à l'aide de CSS et de le mettre en ligne !
Vidéo - En utilisant ce service, certaines informations peuvent être partagées avec YouTube
Des astuces
- Ajoutez autant de contenu que vous le souhaitez, mais ne le rendez pas trop occupé.
- Vous pouvez ajouter des sons et des vidéos si vous le souhaitez, mais le temps de chargement sera long pour certaines personnes.
- Si vous ne connaissez pas grand-chose au HTML ou au CSS, vous pouvez utiliser un éditeur guidé comme Blogger pour simplifier ce processus.