Come progettare tutto schermo in pagine Web

December 8

Gli utenti di Internet visualizzare le pagine web in un browser. Un browser visualizza normalmente menu di navigazione, barre degli strumenti e le altre cose intorno alla pagina web. proprietari di siti web possono progettare pagine web a tutto schermo per sbarazzarsi di queste distrazioni. La maggior parte delle pagine web sono costituiti da un file HTML. Progettare una pagina web di utilizzare l'intero schermo del visitatore prevede il posizionamento dei codici all'interno del codice HTML della pagina web. titolari di siti web e designer che imparano il codice e inserirlo nel file HTML possono trasformare qualsiasi pagina web in un'esperienza di visualizzazione a schermo intero.

istruzione

1 Accedere al file HTML della pagina web che si progettare in uno schermo pieno. Web designer utilizzano spesso un editor web esterno. Tuttavia, si può anche semplicemente usare il File Manager in cPanel per creare e accedere al codice HTML di qualsiasi pagina web. Notare i tag head ( "<head>" e "</ head>") e i tag body ( "<body>" e "</ body>"). Sarà necessario conoscere il posizionamento di questi tag nel file HTML per posizionare correttamente il codice HTML a schermo intero.

2 Inserire il codice riportato di seguito tra i tag head per la progettazione di una pagina a schermo intero:

<Script>
<! -
window.open ( "bigpage.html", "FS", "schermo intero, barre di scorrimento")
// ->
</ Script>

Sostituire la parola "bigpage.html" nello script di cui sopra con il nome della pagina web. Questo script si aprirà automaticamente la pagina web in un pieno schermo che contiene le barre di scorrimento verticale e orizzontale standard. Cambiare la parola "a schermo intero, le barre di scorrimento" nel codice di "fullscreen = yes" per rimuovere le barre di scorrimento dallo schermo intero.

3 Dare ai visitatori la scelta di visualizzare la pagina Web a schermo intero con una opzione tasto manuale. I visitatori vedono la pagina web in modalità normale browser ma possono visualizzare in modalità a schermo intero facendo clic sul pulsante. Incollare il seguente tra i tag head:

script>
<! -
Funzione fullwin () {
window.open ( "bigpage.html", "BFS", "a schermo intero, barre di scorrimento")
}
// ->
</ Script>

Inserire il nome effettivo della pagina web invece di riferimento "bigpage.html" nel codice.

4 Mettere il tasto a schermo intero sulla pagina incollando il seguente tra i tag body:

<Center>
<Form>
<Input type = "button" onclick = "fullwin ()" value = "Apri finestra a schermo intero">
</ Form>
</ Center>

Consigli e avvertenze

  • Consideriamo solo mettere un messaggio sulla pagina che indica all'utente di premere il tasto "F11". Questo tasto si aprirà browser più diffusi in uno schermo pieno. Il browser ritorna alla modalità normale quando il visitatore colpisce di nuovo il tasto.
  • Non progettare tutte le pagine web di un sito web per aprire automaticamente in un pieno schermo. non molti utenti di Internet preferiscono non a schermo intero. Prenotare questa opzione per le pagine che mostrano i file video o altre caratteristiche speciali.