# Page web d'« écran de démarrage »

**URL:** <https://www.debian-fr.org/t/page-web-d-ecran-de-demarrage/88652>\
**Category:** Programmation\
**Created:** [Août 15, 2023, 8:13 UTC](https://www.debian-fr.org/t/page-web-d-ecran-de-demarrage/88652 "2023-08-15T08:13:37Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Almtesh](https://www.debian-fr.org/user_avatar/www.debian-fr.org/almtesh/32/10312_2.png) [@Almtesh](https://www.debian-fr.org/u/Almtesh)\
**Post date:** [Août 15, 2023, 8:13 UTC](https://www.debian-fr.org/t/page-web-d-ecran-de-demarrage/88652/1 "2023-08-15T08:13:37Z")

</div>

Bonjour,

J’ai [une page](https://stats.almtesh.net/) qui est un peu moche et peu pratique.  
En effet, il s’agit de la page par défaut d’un serveur Apache2 sous Debian.  
Je souhaiterai remplacer cette page par une page avec un fond noir et, centré verticalement et horizontalement, le GIF (ou une conversion dans un format vidéo adapté) suivant :  
 ![j-aime-les-stats](https://www.debian-fr.org/uploads/default/original/2X/c/c8d4b1a8e3f6be213cbe1c142a02cc57f5c95bd3.gif)  
Faire cette page serait dans mes cordes, seulement, je souhaiterai que le GIF soit joué une seule fois et qu’une autre page soit chargée dès que l’animation est terminée, et ça, je n’ai pas la moindre idée de comment faire.  
En plus, je n’ai pas la moindre idée de quoi demander au canard.

Si vous avez déjà vu ça, avez des pistes, je vous remercie de me partager ça.

---

<div class="post-metadata">

**Author:** ![Zargos](https://www.debian-fr.org/user_avatar/www.debian-fr.org/zargos/32/10889_2.png) [@Zargos](https://www.debian-fr.org/u/Zargos)\
**Post date:** [Août 15, 2023, 10:03 UTC](https://www.debian-fr.org/t/page-web-d-ecran-de-demarrage/88652/2 "2023-08-15T10:03:51Z")

</div>

Hello,

Pour le GIF essaye ça:

> **[Tuto | Comment supprimer la boucle continue d'un GIF animé ?](https://filmora.wondershare.fr/animated-gif/how-to-remove-gif-loop.html)**
>
> Vous souhaitez peut-être mettre fin à votre GIF pour obtenir un effet spécial. Alors, cet article vous montrera comment y arriver facilement.

---

<div class="post-metadata">

**Author:** ![anon36725218](https://www.debian-fr.org/letter_avatar_proxy/v4/letter/a/8e8cbc/32.png) [@anon36725218](https://www.debian-fr.org/u/anon36725218)\
**Post date:** [Août 15, 2023, 12:37 UTC](https://www.debian-fr.org/t/page-web-d-ecran-de-demarrage/88652/3 "2023-08-15T12:37:17Z")

</div>

Bonjour @Almtesh.

Pour te donner [un exemple super simple](https://zw3b.blog/center-div+redirection.html) (sans JS).

```auto
<html>
<head>
<title>Page center + redirect after animation</title>

<!-- Redirection au bout de 10 secondes -->
<meta http-equiv="Refresh" content="10; URL=https://www.zw3b.fr" />

<style>
#container {
    display: flex;
    overflow: hidden;
    width: calc(100%);
    height: calc(100%);
}
#myanim {
    margin: 0;
    display: flex;
    width: calc(100%);
    height: calc(100%);
    align-items: center;
    justify-content: center;
}
</style>
</head>
<body>

<div id="container">

	<div id="myanim">
	
		<img src="/pub/logos/zw3b-200x200.png" alt="ZW3B Logo" />
		
	</div>

</div>
</body>
</html>

```

Tu peut utiliser «&nbsp;toshop&nbsp;» pour savoir combien de temps, modifier les secondes d’un GIf.  
Il faut ouvrir le fichier «&nbsp;gif&nbsp;» dans photoshop et activer les fonctionnalité «&nbsp;image ready&nbsp;» :

Menu \> Windows \> Animation

😉

Romain.  
Bonne journée.

---

<div class="post-metadata">

**Author:** ![Almtesh](https://www.debian-fr.org/user_avatar/www.debian-fr.org/almtesh/32/10312_2.png) [@Almtesh](https://www.debian-fr.org/u/Almtesh)\
**Post date:** [Août 16, 2023, 9:18 UTC](https://www.debian-fr.org/t/page-web-d-ecran-de-demarrage/88652/4 "2023-08-16T09:18:22Z")

</div>

Bonjour,

Merci @Zargos pour ton lien, mais je n’ai pas bien compris comment utiliser le tuto. Il me semble qu’il faut installer un logiciel qui n’est disponible que sur Windows et Mac.  
J’ai utilisé Gimp à la place.

Merci @anon36725218, j’ai pu l’adapter et ça fonctionne bien. J’ai pu mesurer la longueur du GIF avec Gimp (pendant que je supprimais le bouclage de l’animation), il fait 2,2 s, j’ai donc mis le délai à 3 s.  
En vrai, c’est tout à fait un truc que j’aurai pu faire, je cherchais à savoir s’il y avait possibilité de déclencher le changement de page par la fin de la lecture de l’animation, et non un délai correspondant à la longueur de l’animation. En fait, je ne vais pas chercher les complications et faire avec le délai, ça fera très bien l’affaire.  
J’ai mis à jour la page et ça rend pas mal.  
→ [la nouvelle page](https://stats.almtesh.net) ←

---

<div class="post-metadata">

**Author:** ![anon36725218](https://www.debian-fr.org/letter_avatar_proxy/v4/letter/a/8e8cbc/32.png) [@anon36725218](https://www.debian-fr.org/u/anon36725218)\
**Post date:** [Août 16, 2023, 12:17 UTC](https://www.debian-fr.org/t/page-web-d-ecran-de-demarrage/88652/5 "2023-08-16T12:17:00Z")

</div>

Ok @Almtesh classe 🙂

[Redirections in HTTP - HTTP | MDN](https://developer.mozilla.org/en-US/docs/Web/HTTP/Redirections)

Romain.  
Bonne journée à tous.

🙂

Tu peut même ajouter un «&nbsp;style&nbsp;» sur le html et le body d’arrière-plan noir sur une page web – je t’assure 🙂

```css
html, body { 
    background-color: #000; 
}

```

😉

---

<div class="post-metadata">

**Author:** ![vbreton](https://www.debian-fr.org/user_avatar/www.debian-fr.org/vbreton/32/11400_2.png) [@vbreton](https://www.debian-fr.org/u/vbreton)\
**Post date:** [Août 16, 2023, 2:53 UTC](https://www.debian-fr.org/t/page-web-d-ecran-de-demarrage/88652/6 "2023-08-16T14:53:31Z")

</div>

Ca n’a rien a voir avec de la programmation sous Debian. La section pause café semble plus appropriée.

---

<div class="post-metadata">

**Author:** ![Almtesh](https://www.debian-fr.org/user_avatar/www.debian-fr.org/almtesh/32/10312_2.png) [@Almtesh](https://www.debian-fr.org/u/Almtesh)\
**Post date:** [Août 18, 2023, 8:21 UTC](https://www.debian-fr.org/t/page-web-d-ecran-de-demarrage/88652/7 "2023-08-18T08:21:08Z")

</div>

> [@vbreton](#):
>
> Ca n’a rien a voir avec de la programmation sous Debian.

Ça tourne sur un serveur sous Debian, ça devait être de la programmation parce que je m’attendais à mettre du Javascript ou un truc du genre au lieu d’une temporisation. Et, en plus, la page finale est en PHP, du coup, j’ai quand même faire de la programmation.

---

<div class="post-metadata">

**Author:** ![vbreton](https://www.debian-fr.org/user_avatar/www.debian-fr.org/vbreton/32/11400_2.png) [@vbreton](https://www.debian-fr.org/u/vbreton)\
**Post date:** [Août 18, 2023, 3:20 UTC](https://www.debian-fr.org/t/page-web-d-ecran-de-demarrage/88652/8 "2023-08-18T15:20:57Z")

</div>

@Almtesh, c’est bien ce que je dis ça n’a rien a voir avec de la Debian. HTML et CSS ne sont pas spécifiques à la Debian et tournent sous tous les principaux navigateurs Web du marché.

---

<div class="post-metadata">

**Author:** ![Zargos](https://www.debian-fr.org/user_avatar/www.debian-fr.org/zargos/32/10889_2.png) [@Zargos](https://www.debian-fr.org/u/Zargos)\
**Post date:** [Août 18, 2023, 4:51 UTC](https://www.debian-fr.org/t/page-web-d-ecran-de-demarrage/88652/9 "2023-08-18T16:51:16Z")

</div>

par essence la programmation n’a rien de sépcifique à Debian non plus

---

<div class="post-metadata">

**Author:** ![vbreton](https://www.debian-fr.org/user_avatar/www.debian-fr.org/vbreton/32/11400_2.png) [@vbreton](https://www.debian-fr.org/u/vbreton)\
**Post date:** [Août 24, 2023, 9:35 UTC](https://www.debian-fr.org/t/page-web-d-ecran-de-demarrage/88652/10 "2023-08-24T09:35:17Z")

</div>

C’est sur que la programmation n’a rien de spécifique à Debian mais ici elle concerne Debian comme toutes les autres rubriques à l’exception de la pause-café.

---

<div class="post-metadata">

**Author:** ![Clochette](https://www.debian-fr.org/user_avatar/www.debian-fr.org/clochette/32/8757_2.png) [@Clochette](https://www.debian-fr.org/u/Clochette)\
**Post date:** [Août 24, 2023, 9:54 UTC](https://www.debian-fr.org/t/page-web-d-ecran-de-demarrage/88652/11 "2023-08-24T09:54:39Z")

</div>

Non historiquement le support et les trucs et astuces proposés sont uniquement sur Debian, le restant est libre.

---

<div class="post-metadata">

**Author:** ![Almtesh](https://www.debian-fr.org/user_avatar/www.debian-fr.org/almtesh/32/10312_2.png) [@Almtesh](https://www.debian-fr.org/u/Almtesh)\
**Post date:** [Août 25, 2023, 8:07 UTC](https://www.debian-fr.org/t/page-web-d-ecran-de-demarrage/88652/12 "2023-08-25T08:07:39Z")

</div>

A fermé ce sujet (le Août 25, 2023, 8:07 UTC)