Comment créer une page web en plein écran

Une page web en plein écran maximise l'espace d'affichage pour le développeur. Particulièrement utile pour photographes et e-commerçants voulant montrer beaucoup de contenu. Apprenez à créer une page web plein écran avec quelques lignes de code HTML/JavaScript.

Étape 1 : Ouvrir la page dans un éditeur

Ouvrez votre page web dans un éditeur HTML (ex. Adobe Dreamweaver) ou un éditeur de texte brut (ex. TextEdit sur Mac, Notepad sur Windows). Allez au début du document.

Étape 2 : Ajouter le script de plein écran

Sous la balise </head>, ouvrez un nouveau script en tapant <script type="text/javascript">.

Étape 3 : Fonction fullScreen

Tapez le code suivant :

function fullScreen() {
  window.open(window.location.href, '_blank', 'fullscreen=yes,scrollbars=auto');
}

Étape 4 : Fermer le script

Tapez </script> à la fin du texte de l'étape 3.

Étape 5 : Déclencher au chargement

Tapez <body onload="fullScreen()"> immédiatement avant la balise fermante </body>.

Étape 6 : Définir la taille de la page

Localisez la première balise <body>. Juste avant le symbole de fermeture >, tapez style="width:100%; height:100%;". Cela étend le HTML à la largeur et hauteur de la fenêtre.

Étape 7 : Enregistrer et publier

Enregistrez le fichier et téléversez-le sur votre hébergeur via un client FTP (ex. Cyberduck sur Mac, Fetch sur Windows). La plupart des hébergeurs (1&1, GoDaddy…) supportent FTP. Si votre serveur ne supporte pas FTP, connectez-vous à votre compte et uploadez manuellement la page.