Incrustar o Embeber un archivo Excel en una página web html

Compatibilidad: Excel 365 2021 2019 2016

En ocasiones necesitamos incrustrar o embeber un archivo Excel en una página web html, que nos permita mostrar la información del libro.

Embeber un archivo significa insertar (incrustar) código de un lenguaje dentro de otro lenguaje.

Generalmente el código embebido es llamado script, y sirve para hacer más potente a un lenguaje. Por ejemplo, las páginas web se desarrollan en lenguaje HTML, pero puede embeberse códigos JavaScript o PHP para aumentar las posibilidades. En nuestro caso deseamos embeber un archivo Excel dentro de una página web para que aparezca la información en en lugar insertado.

Iframe (inline frame o marco incorporado en inglés) es un elemento HTML que permite insertar o incrustar un documento dentro de un documento HTML principal.

Incrustrar o Embeber un archivo Excel en una página web html
  • SUBIR EL ARCHIVO EXCEL
  1. Disponemos del libro Excel "Mi libro Excel.xls" con la información que deseamos embeber en una página web.

  2. Entrar por FTP a nuestro sitio web / Identificar usuario y contraseña. FTP (File Transfer Protocol, 'Protocolo de Transferencia de Archivos') es el procedimiento para transferir archivos a nuestro sitio web.

  3. Copiar el libro Excel deseado. Para subirlo a nuestro sitio.

  4. Pegar el archivo en la carpeta deseada. En nuestro caso "http://misitio.com/documentos/Mi libro Excel.xls".

  • EMBEBER EL ARCHIVO EXCEL

Empleamos el servicio gratuito de Google Docs Viewer en un iframe, apuntando al documento que queremos mostrar.

  1. Abrir la página web deseada. Donde embeber el archivo Excel.

  2. Situarnos donde insertar el código / Escribir:

    <iframe src="http://docs.google.com/gview?url=http://misitio.com/documentos/Mi libro Excel.xls&embedded=true" style="width:600px; height:450px;" frameborder="0"></iframe>

    - src="http://docs.google.com/gview? Llama a la API de Google.
    - url=http://misitio.com/documentos/Mi libro Excel.xls. Define la ruta del libro Excel en el sitio.
    - &embedded=true". Opción para confirma el embebido.
    - style="width:600px; height:450px;". Define el tamaño del área visible ancho y alto.
    - frameborder="0". La propiedad establece si el marco que contiene al iframe tiene borde o no.

  3. Lanzar la página web desde el navegador. Verificar como muestra el archivo Excel.

    En la vista del documento se muestra:

    - Botón Ventana Externa. Muestra el documento en una ventana nueva.
    - Indicador de páginas. Permite indicar la página activa al desplazarnos con la barra de scroll.
    - Zoom. Permite ampliar y reducir el zoom, así como ajustar el contenido al ancho del área.

Nivel de dificultad: Avanzado Excel Avanzado

17 comentarios en “Incrustar o Embeber un archivo Excel en una página web html

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.