Hvordan Design Full Screen i websider

Internett-brukere vise websider i en nettleser. En nettleser viser vanligvis navigasjon menyer, verktøylinjer og andre ting rundt nettsiden. Nettstedet eiere kan utforme fullskjerm websider for å bli kvitt disse distraksjoner. De fleste web-sider består av en HTML-fil. Utforme en nettside for å utnytte hele skjermen til den besøkende innebærer å plassere koder inne i HTML på web-siden. Eiere og designere som lærer koden og plassere den i HTML-filer kan slå hvilken som helst nettside til en full-skjerm seeropplevelse.

Bruksanvisning

1 Åpne HTML-fil på web-siden som du vil utforme inn i en full skjerm. Webdesignere ofte bruke en ekstern web-redaktør. Men du kan også bare bruke File Manager i cPanel for å opprette og få tilgang til HTML av enhver webside. Merk hodet kodene ( "<head>" og "</ head>") og body-kodene ( "<body>" og "</ body>"). Du må vite plasseringen av disse kodene i HTML-filen du skal plassere fullskjerm HTML-kode.

2 Plasser følgende kode i mellom hodet koder for å utforme en side i fullskjermmodus:

<Script>
<! -
window.open ( "bigpage.html", "fs", "fullscreen, rullefelt")
// ->
</ Script>

Erstatt ordet "bigpage.html" i skriptet ovenfor med navnet på nettsiden. Dette skriptet vil automatisk åpne nettsiden til en full skjerm som inneholder standard vertikale og horisontale rullefelt. Endre ordet "fullscreen, rullefelt" i koden til "fullscreen = yes" for å fjerne rulle fra full skjerm.

3 Gi besøkende selv velge å se websiden i full skjerm med en manuell knapp alternativ. Besøkende se websiden i normal leseren modus, men kan vise den i fullskjermmodus ved å klikke på knappen. Lim inn følgende i mellom hodet tags:

script>
<! -
funksjon fullwin () {
window.open ( "bigpage.html", "BFS", "fullscreen, rullefelt")
}
// ->
</ Script>

Plasser det faktiske navnet på nettsiden i stedet for "bigpage.html" referanse i koden.

4 Sett fullskjerm-knappen på siden ved å lime inn følgende i mellom body-kodene:

<Center>
<Form>
<Input type = "button" onclick = "fullwin ()" value = "Åpne fullskjerm Window">
</ Form>
</ Center>

Hint

  • Tenk bare å sette en melding på siden som instruerer brukeren til å trykke "F11" tasten. Denne tasten vil åpne opp mest populære nettleserne til en full skjerm. Nettleseren returnerer tilbake til normal modus når den besøkende treffer tasten igjen.
  • Ikke designe web-sider av et nettsted for å automatisk åpne opp i full skjerm. Mange Internett-brukere ikke foretrekker en full skjerm. Reserve dette alternativet for sider som viser videofiler eller andre spesielle funksjoner.