Hvordan lage en fullskjerms webside

April 6

En full-screen websiden maksimerer mengden plass en webutvikler kan bruke for å vise sitt nettsted. Full-screen websider er spesielt nyttig for fotografer og nettbutikker som ønsker å vise en stor mengde innhold. Lær å lage en fullskjerms webside med noen få enkle linjer med HTML-kode.

Bruksanvisning

1 Åpne websiden i en HTML-editor (f.eks Adobe Dreamweaver) eller i en vanlig tekst-editor (f.eks TextEdit på Mac eller Notepad på en Windows-PC). Rull til toppen av dokumentet.

2 Under <head> linjen, åpne et nytt script ved å skrive "<script>" (uten anførselstegn).

3 Type "-funksjonen i fullskjerm () {
window.moveTo (0, 0);
window.resizeTo (screen.width, screen.height);
} "(Uten anførselstegn) under <script> overskriften. Dette utvider og endrer størrelsen på brukerens nettleser for å passe bredden og høyden av nettleservinduet til den enkeltes dataskjerm.

4 Lukk script ved å skrive "</ script>" (uten anførselstegn) på slutten av tekststreng skrev inn i trinn 3.

5 Type "<body onload =" fullscreen (); ">" (uten ytre anførselstegn) rett før den avsluttende </ body> -koden.

6 Sett websiden seg til full skjermstørrelse. Finn den første <body> -taggen. Rett før den avsluttende symbol, type "style =" width: 100%; "" (uten ytre anførselstegn). Dette utvider HTML forhold til bredden og høyden av vinduet.

7 Lagre filen og laste den opp til webhotellet med FTP programvaren du ønsker. Populære FTP programmer inkluderer Cyberduck (på en Mac) og Fetch (på en Windows-PC). De fleste Web-vertene, som for eksempel 1 & 1 og GoDaddy, støtte FTP opplasting. Hvis webserveren ikke støtter FTP-protokollen, må du logge inn til serveren din konto og manuelt laste opp websiden fra kontoen din.