-
Cómo diseñar pantalla completa en las páginas Web
-
Los usuarios de Internet ver páginas web en un navegador. Un navegador normalmente muestra los menús de navegación, barras de herramientas y otras cosas por la página web. propietarios de sitios web pueden diseñar páginas web a pantalla completa para deshacerse de estas distracciones. La mayoría de las páginas web consisten en un archivo HTML. El diseño de una página Web para utilizar la pantalla completa del visitante consiste en colocar los códigos dentro del HTML de la página web. propietarios de sitios web y diseñadores que aprender el código y colocarlo en los archivos HTML se pueden convertir cualquier página web en una experiencia de visualización de pantalla completa.
Instrucciones
1 Acceder al archivo HTML de la página web que va a diseñar en una pantalla completa. Los diseñadores web a menudo utilizan un editor web externo. Sin embargo, también puede simplemente utilizar el Administrador de archivos en cPanel para crear y tener acceso al código HTML de cualquier página web. Tenga en cuenta las etiquetas de la cabeza ( "<head>" y "</ head>") y las etiquetas del cuerpo ( "<body>" y "</ body>"). Usted necesitará saber la colocación de estas etiquetas en el archivo HTML para colocar correctamente el código HTML de pantalla completa.
2 Coloque el código siguiente entre las etiquetas de la cabeza para diseñar una página en pantalla completa:
<Script>
<! -
window.open ( "bigpage.html", "FS", "pantalla completa, barras de desplazamiento")
// ->
</ Script>Sustituir la palabra "bigpage.html" en el guión anterior por el nombre de la página web. Este script se abrirá automáticamente la página web en una pantalla completa que contiene las barras de desplazamiento vertical y horizontal estándar. Cambiar la palabra "pantalla completa, barras de desplazamiento" en el código a "pantalla completa = yes" para eliminar las barras de desplazamiento de la pantalla completa.
3 Dar a los visitantes la opción de ver la página web en una pantalla completa con una opción de botón manual. Los visitantes ven la página web en el modo de navegación normal, pero pueden verla en modo de pantalla completa haciendo clic en el botón. Pegue el siguiente entre las etiquetas de la cabeza:
script>
<! -
fullwin función () {
window.open ( "bigpage.html", "BFS", "pantalla completa, barras de desplazamiento")
}
// ->
</ Script>Colocar el nombre real de la página web en lugar de la referencia "bigpage.html" en el código.
4 Ponga el botón de pantalla completa en la página pegando el siguiente entre las etiquetas del cuerpo:
<Center>
<Form>
<Input type = "button" onclick = "fullwin ()" value = "Abrir ventana de pantalla completa">
</ Form>
</ Center>Consejos y advertencias
- Considere sólo poner un mensaje en la página que indica al usuario que pulse la tecla "F11". Esta clave se abrirá navegadores más populares en una pantalla completa. El navegador vuelve de nuevo al modo normal cuando el visitante pulsa la tecla de nuevo.
- No diseñe todas las páginas web de un sitio web para abrir automáticamente en una pantalla completa. Muchos usuarios de Internet no prefieren una pantalla completa. Reservar esta opción para las páginas que muestran los archivos de vídeo u otras características especiales.
