Comment créer une page d'accueil pour un site Web?
N'oubliez pas que les pages de démarrage ralentissent votre visiteur et qu'il peut être un obstacle d'en avoir une lorsque vous n'en avez pas besoin.
Alors, vous voulez mettre une page de garde sur votre page Web? Les pages de démarrage sont un excellent moyen de marquer 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.
- 1Créez votre page de contour. Vous pouvez utiliser une feuille de style CSS (Cascading Style Sheet) externe, mais dans cet exemple, nous allons utiliser une feuille de style interne. Vous devez donc commencer par vos balises de base:
<html>
<head>
<title>Bienvenue!</title>
<style type="text/CSS">
</style>
<script type="text/javascript">
</script>
</head>
<body>
</body>
</html> - 2Remplissez les informations CSS et le titre dans la section <head>. Vous devrez évidemment modifier les valeurs en fonction de vos besoins:
<html>
<head>
<title>Bienvenue!</title>
<style type="text/CSS">
body {background-color: #DCDCDC}
</style >
Omis...
Remarque: vous souhaiterez peut-être ajouter une propriété CSS pour les polices. - 3Ajoutez 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...
<script type="text/javascript">
window.onload=timeout;
function timeout(){
window.setTimeout("redirect()",5000)}
function redirect(){ window.location="Home.htm" return}
</script>
Omis...
<body>
Omis...
Notes: Le nombre 5000 signifie 5 secondes. Changez cela pour des périodes plus courtes ou plus longues. Remplacez le nom du fichier de redirection par le nom de votre page d'accueil. - 4Ajoutez un titre. Cela devrait probablement être le nom de votre site Web, et vous devriez l'inclure dans les balises <h1></h1> pour le rendre facile à trouver pour les moteurs de recherche.
- 5Ajoutez une image. Cela devrait démontrer de quoi parle votre site. Encore une fois, vous pouvez utiliser la balise <img>.
Omis...
<body>
<img src=".jpg">
</body>
</html>
Remarques: Cette étape suppose que vous avez enregistré l'image du titre dans le même dossier que le fichier .htm et qu'elle est nommé "splashimage.jpg". Vous pouvez ajouter un positionnement CSS si vous préférez que l'image soit ailleurs sur l'écran, par exemple au centre.
Alors, vous voulez mettre une page de garde sur votre page Web? - 6Ajouter 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...
<img src=".gif">
<br>
<form>
<input type="button" value="Home Page">
</form>
</body>
</html>
Remarque: Vous pouvez changez l' élément "value" pour changer le texte affiché sur le bouton. - 7Ajoutez 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... </form> <p>Merci de votre visite!</p> </body> </html> Notes: C'est ici que vous pourriez utiliser le CSS pour le texte. Vous pouvez utiliser un titre ( <h1>) à la place si vous le souhaitez.
- 8Vous 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!
- 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.
- Les pages de démarrage peuvent être ennuyeuses et souvent inutiles. Réfléchissez à pourquoi vous en voulez un. Est-ce parce que le site de tout le monde en a un, et vous pensez qu'il a l'air cool? N'en obtenez pas. Est-ce parce que vous devez donner aux visiteurs des informations importantes? Ensuite, il est préférable de l'insérer. N'oubliez pas que les pages de démarrage ralentissent votre visiteur et qu'il peut être un obstacle d'en avoir une lorsque vous n'en avez pas besoin.
Lisez aussi: Comment obtenir WhatsApp sur l'iPad?
