Tabla de contenidos
Crear botón o enlace de descarga directa
Esto es, que un botón o link de texto que creamos, por ejemplo para ofrecer un PDF a los usuarios, no nos conduzca a otra página donde se muestra el PDF, sino que abra directamente una ventana emergente para su descarga a nuestro equipo.
Sintaxis
<a download=”nombre_archivo”>
Nombre_archivo. Opcional, especifica el nuevo nombre del archivo.
Para esto existe el atributo download de la etiqueta <a>. w3schools explica esta propiedad aquí.
Nota sobre WordPress: ElegantThemes explica detalladamente aquí como integrar esta propiedad HTML con los botones de sus plantillas, añadiendo la clase ‘et-download-button’ al módulo botón o bien con código, al enlace HTML. En el caso de usar el módulo botón, deberá añadirse además un script en las opciones del tema (funciona también para otros temas ET, como p.ej. tema Extra). Consultar esta página para más info.
Insertar / incrustar un archivo dentro de una página web (vídeo, documento PDF, HTML, …)
Insertar un documento usando HTML5
Es posible con HTML incrustar un documento dentro de una página web, incluso incrustar una página web dentro de otra. Existen como principales alternativas disponibles (solo con HTML y sin ayuda de terceros), la etiquetas HTML <iframe>, <embed> y <object>.
Usualmente la mejor alternativa es usar <iframe> para incrustar un documento. Este se visualizará correctamente en todos los navegadores.
Sintaxis y ejemplos para <iframe>, <embed> y <object>
iframe
iframe es más adecuado para representar un contexto de navegación anidado, incrustando otra página HTML en la actual.
<iframe src=”https://www.qe2computing.com/ruta-al-documento” width=”100%” height=”100%”></iframe>
embed
’embed’ inserta contenido externo en un punto del documento web. Este es proporcionado por una aplicación externa u otro origen de contenido interactivo como un plug-in del navegador. <embed> no debe tener etiqueta de cierre. Si sintaxis:
<embed src=”https://www.qe2computing.com/ruta-al-documento” width=”100%” height=”600px” />
<object src=”https://www.qe2computing.com/ruta-al-documento” width=”100%” height=”100%”></object>
Otros elementos HTML5
video. Incrusta un reproductor multimedia que admite reproducción de video en el documento. También puede usarse <video> para contenido de audio, pero el elemento <audio> es más apropiado. <video> en MDN.
Usar servicios externos (de terceros) o plataformas de publicación
Existen una serie de servicio online que nos permiten enlazar documentos alojados en sus servidores. Las ventajas: comodidad, fáciles de usar. Las desventajas: menos flexibilidad a la hora de manipular el visor: publicidad en algunos de estos servicios; y la necesidad de alojar nuestros documentos en sus servidores. Algunos de los más populares son Slideshare; Calameo; isuu y Scribd.
Insertar archivos PDF usando bibliotecas JavaScript (como pdf.js)
Una de las bibliotecas más populares es pdf.js de Mozilla. Como se muestra en su documentación de introducción, podremos incluir pdf.js en nuestro sitio web, como muchas otras bibliotecas JavaScript, enlazándolo mediante CDNs gratuitos, o bien descargando una copia local clonándola usando git. Este método es obviamente muy flexible, permitiéndonos personalizar el visor PDF de muchas formas.
Deja una respuesta