Este documento explica los marcos HTML y cómo utilizarlos para dividir una página web en varias zonas. Define la etiqueta <frameset> para crear la estructura de marcos y cómo usar <frame> para especificar el contenido de cada marco. También cubre atributos como name, src, scrolling y border para controlar el comportamiento y apariencia de los marcos.
Este documento proporciona instrucciones para crear y utilizar plantillas en HTML. Explica qué es una plantilla y cómo crear áreas editables para permitir que el contenido varíe en documentos basados en la plantilla, mientras que otros elementos permanecen fijos. Además, guía al lector paso a paso para crear una plantilla de identificación de hojas con áreas para fotos, fecha, características y más.
10. Edicion Html. Estilos Edicion Html. Tecnicas 0001José M. Padilla
Este documento proporciona instrucciones para crear imágenes de sustitución utilizando CSS para mostrar una imagen diferente cuando el usuario pasa el ratón sobre un enlace. Explica los pasos para crear la página, las imágenes, ajustar los estilos de la lista, colocar las imágenes como fondo de los enlaces y asignar clases CSS a cada elemento de la lista.
Este documento introduce el lenguaje XHTML, explicando que es una evolución del HTML para adaptarse a XML. Define los requisitos que debe cumplir un documento XHTML, como tener la etiqueta html como raíz, declarar el espacio de nombres XHTML y tener una declaración DOCTYPE válida. También resume los pasos para crear y convertir documentos XHTML usando el programa Nvu o HTML-Kit.
Este documento proporciona instrucciones paso a paso para crear presentaciones en Powtoon. Define Powtoon como un programa en línea para diseñar presentaciones animadas. Explica los requisitos técnicos, e incluye las ventajas e inconvenientes de usar Powtoon para educación. Además, describe el procedimiento detallado para ingresar a Powtoon, crear diapositivas, agregar texto, imágenes y otros elementos multimedia.
El documento proporciona instrucciones detalladas para utilizar el programa CmapTools, incluyendo cómo descargar e instalar el programa, crear y editar mapas conceptuales, agregar y quitar recursos como imágenes y videos a los conceptos, importar páginas web, cambiar colores y estilos, y compartir mapas conceptuales. El tutorial cubre las funciones básicas de CmapTools a través de 23 pasos con capturas de pantalla para guiar a los usuarios.
Este documento proporciona un tutorial de 16 pasos para usar el programa CmapTools para crear y editar mapas conceptuales. El tutorial explica cómo descargar e instalar CmapTools, agregar conceptos y recursos como imágenes y videos a un mapa, cambiar colores, fuentes y estilos, y guardar mapas y estilos creados.
Este documento ofrece consejos para administrar mejor el tiempo y completar las tareas escolares. Sugiere identificar las actividades diarias, planear el tiempo necesario para cada una y organizar un horario. También recomienda priorizar las tareas más importantes y dejar las más sencillas para el final. Además, propone usar una agenda para organizar fechas clave y no dejar las tareas para el último minuto.
Este documento proporciona instrucciones para crear y utilizar plantillas en HTML. Explica qué es una plantilla y cómo crear áreas editables para permitir que el contenido varíe en documentos basados en la plantilla, mientras que otros elementos permanecen fijos. Además, guía al lector paso a paso para crear una plantilla de identificación de hojas con áreas para fotos, fecha, características y más.
10. Edicion Html. Estilos Edicion Html. Tecnicas 0001José M. Padilla
Este documento proporciona instrucciones para crear imágenes de sustitución utilizando CSS para mostrar una imagen diferente cuando el usuario pasa el ratón sobre un enlace. Explica los pasos para crear la página, las imágenes, ajustar los estilos de la lista, colocar las imágenes como fondo de los enlaces y asignar clases CSS a cada elemento de la lista.
Este documento introduce el lenguaje XHTML, explicando que es una evolución del HTML para adaptarse a XML. Define los requisitos que debe cumplir un documento XHTML, como tener la etiqueta html como raíz, declarar el espacio de nombres XHTML y tener una declaración DOCTYPE válida. También resume los pasos para crear y convertir documentos XHTML usando el programa Nvu o HTML-Kit.
Este documento proporciona instrucciones paso a paso para crear presentaciones en Powtoon. Define Powtoon como un programa en línea para diseñar presentaciones animadas. Explica los requisitos técnicos, e incluye las ventajas e inconvenientes de usar Powtoon para educación. Además, describe el procedimiento detallado para ingresar a Powtoon, crear diapositivas, agregar texto, imágenes y otros elementos multimedia.
El documento proporciona instrucciones detalladas para utilizar el programa CmapTools, incluyendo cómo descargar e instalar el programa, crear y editar mapas conceptuales, agregar y quitar recursos como imágenes y videos a los conceptos, importar páginas web, cambiar colores y estilos, y compartir mapas conceptuales. El tutorial cubre las funciones básicas de CmapTools a través de 23 pasos con capturas de pantalla para guiar a los usuarios.
Este documento proporciona un tutorial de 16 pasos para usar el programa CmapTools para crear y editar mapas conceptuales. El tutorial explica cómo descargar e instalar CmapTools, agregar conceptos y recursos como imágenes y videos a un mapa, cambiar colores, fuentes y estilos, y guardar mapas y estilos creados.
Este documento ofrece consejos para administrar mejor el tiempo y completar las tareas escolares. Sugiere identificar las actividades diarias, planear el tiempo necesario para cada una y organizar un horario. También recomienda priorizar las tareas más importantes y dejar las más sencillas para el final. Además, propone usar una agenda para organizar fechas clave y no dejar las tareas para el último minuto.
El documento describe las modificaciones de la función cardiovascular y respiratoria que ocurren durante el ejercicio físico. Explica que el músculo requiere más oxígeno durante la actividad, lo que aumenta la demanda de oxígeno en la sangre. También describe cómo el corazón se hipertrofia y dilata para bombear más sangre con cada latido, y cómo la frecuencia cardíaca y la presión arterial se adaptan para satisfacer las necesidades del ejercicio.
El documento describe diferentes tipos de diodos, incluyendo diodos zener, LED, fotodiodos y Schottky. Explica que los diodos permiten desarrollar circuitos con aplicaciones como la rectificación. También define al diodo ideal como un componente que permite la circulación de corriente en un sentido pero la bloquea en el otro sentido.
Este documento presenta varios métodos para resolver problemas de transferencia de calor en 2D y 3D, incluyendo el método de nodos. Explica cómo el método de nodos convierte las ecuaciones diferenciales parciales en un sistema de ecuaciones algebraicas que puede resolverse para encontrar las temperaturas desconocidas en cada nodo. A continuación, ilustra el método con un ejemplo numérico de 4 nodos.
Este documento proporciona información sobre varias redes sociales populares como Badoo, Twitter, LinkedIn y Facebook. Resume sus características clave, ventajas y desventajas. Badoo y Twitter se centran en conexiones sociales y comunicación, mientras que LinkedIn se enfoca en conexiones profesionales. Las ventajas incluyen mantenerse en contacto con otros y encontrar nuevas conexiones, mientras que las desventajas son posibles insultos, estafas y adicción.
Este documento resume la visita a varias fábricas y talleres artesanales. Se describe el proceso de producción de caramelos en una fábrica, incluyendo las máquinas y medidas de seguridad utilizadas. También se mencionan una fábrica de cristales, un taller de madera y uno de esculturas de alambre, detallando sus procesos, herramientas y normas de seguridad.
El documento analiza la industria del procesamiento de nueces en la India. Explica que la India tiene ventajas para esta industria debido a la teoría de la ventaja absoluta, ventaja natural y ventaja adquirida. La India ha sido históricamente el principal productor de nueces debido a sus condiciones climáticas y destreza en el procesamiento. Sin embargo, futuros cambios climáticos y tecnológicos podrían amenazar esta posición. Para mantener la competitividad, los procesadores de nueces de la India deben conser
Este documento describe las buenas prácticas para abordar el conflicto en Colombia. Identifica varios programas clave como cuidar a la gente, humanizar el conflicto, atender a las víctimas, deshacer los ejércitos, prevenir el reclutamiento, desfinanciar la guerra, desnarcotizar el conflicto y fortalecer el Estado local. El objetivo general de estas buenas prácticas es contribuir a una resolución pacífica del conflicto a través de enfoques como la negociación, la educación y la comunicación
El documento presenta una propuesta para establecer un programa de doctorado académico en ingeniería entre el TEC y la UCR. El objetivo es apoyar el desarrollo científico-tecnológico de Costa Rica y Centroamérica a través de la investigación e innovación en diferentes áreas de la ingeniería. El programa tendría una duración de 3-4 años con 60 créditos. Se requiere una maestría en ingeniería y aceptación en un grupo de investigación. El costo total del programa en 3 años sería de aproximadamente 204
Excelente trabajo de los alumnos de la Corporación Universitaria de la Costa de la ciudad de Barranquilla en Colombia. Trabajo realizado en le taller del Urbemarketing facilitado por el Prof. Jacobo Marcos Malowany
Este documento presenta las líneas de acción de la Iniciativa Tlalli para reforzar la competitividad del sector hortalizas y frutas en Guanajuato. Se proponen tres grupos de trabajo para desarrollar programas de inocuidad y sanidad, vincular a productores e investigadores, y establecer una cadena de valor con trazabilidad. El objetivo general es integrar esfuerzos individuales hacia una visión consensuada que mejore la competitividad de las empresas del sector.
Este resumen describe dos obras dramáticas de Fernando Arrabal, "El cementerio de automóviles" y "El arquitecto y el emperador de Asiria". "El cementerio de automóviles" trata sobre un grupo de personas pobres que viven en automóviles abandonados y se enfrentan a la violencia, traición y dificultades de la sociedad. "El arquitecto y el emperador de Asiria" describe la relación entre un arquitecto y un emperador que naufragan en una isla desierta y c
Este documento lista varios artículos de papelería y accesorios relacionados con cuentos de hadas como Alicia en el País de las Maravillas, Caperucita Roja y Peter Pan. Incluye lapiceras, tazas, post-its, libretas, portaminas, stickers y más, con precios que van desde $60 hasta $370.
Este documento presenta información sobre varios temas relacionados con exámenes radiográficos dentales, incluyendo alteraciones dentales detectadas en radiografías como manchas blancas, caries, fracturas y alteraciones de forma. También discute técnicas de restauración dental como la selección de materiales, adhesivos y el pulido y ajuste oclusal de restauraciones.
El grupo visitó 8 lugares en la ciudad de San Carlos Centro, incluyendo una fábrica de caramelos, una cristalería, un escultor de madera, un escultor de alambre, un taller de vidrio tallado, un reciclador de vidrio, un museo y una campana. La fábrica de caramelos Lheritier fabrica golosinas y productos de repostería utilizando maquinaria y siguiendo normas de seguridad e higiene. La cristalería es la más grande de Latinoamérica y produce entre 4,000-6,
La RDSI permite conexiones digitales de hasta 64 kbps hasta el terminal del usuario, dividiendo los canales en B y D. Incorpora conmutación de paquetes y debe interconectarse con redes analógicas. Ibercom es un servicio privado virtual de Telefónica desde 1985 que soporta voz, datos e imagen con infraestructura digital, ofreciendo numeración privada, tarificación interna y gestión limitada.
Actualización en recursos y servicios de información.CIRIA UDLAP
El documento proporciona una actualización sobre los recursos de información del Centro Interactivo de Recursos de Información y Aprendizaje de la Universidad de las Américas Puebla. Explica brevemente el concepto de Web 2.0 y sus características principales como la participación de los usuarios y el contenido generado por los usuarios. Además, detalla los diferentes recursos y herramientas disponibles en la biblioteca como libros, publicaciones periódicas, tesis, y otros servicios como blogs, wikis y redes sociales.
Este documento presenta un estudio de viabilidad técnica, económica y financiera para la construcción de una nave industrial para el almacenamiento de materiales siderúrgicos en Gran Canaria. Incluye detalles sobre la inversión requerida, ingresos proyectados basados en cuotas de mercado crecientes, gastos fijos y variables, beneficios esperados y una alta rentabilidad proyectada del 39.5-77.2% sobre 5 años.
El baloncesto es un deporte de equipo que se juega entre dos equipos de cinco jugadores cada uno. Fue inventado en 1891 por James Naismith en Massachusetts, Estados Unidos. Cada equipo intenta anotar más puntos que el contrario introduciendo un balón en un aro colocado a 3 metros de altura.
Este documento ofrece instrucciones sobre cómo crear y usar tablas en HTML. Explica que las tablas se pueden usar para posicionar elementos aunque no es la mejor práctica, y que la alternativa es usar hojas de estilo CSS. Luego proporciona detalles sobre cómo insertar una tabla, agregar filas y celdas, y rellenarla con datos. Finalmente, menciona un video adicional sobre las propiedades de las tablas.
Este documento proporciona una lista de recursos útiles para el diseño y desarrollo web, incluyendo plantillas para estructuras de páginas, generadores de favicon, extensiones para navegadores, y fuentes de imágenes libres de derechos. También incluye instrucciones para crear un bookmarlet para cambiar el tamaño de la ventana del navegador y una propuesta de diseño para una web escolar simple.
El documento describe las modificaciones de la función cardiovascular y respiratoria que ocurren durante el ejercicio físico. Explica que el músculo requiere más oxígeno durante la actividad, lo que aumenta la demanda de oxígeno en la sangre. También describe cómo el corazón se hipertrofia y dilata para bombear más sangre con cada latido, y cómo la frecuencia cardíaca y la presión arterial se adaptan para satisfacer las necesidades del ejercicio.
El documento describe diferentes tipos de diodos, incluyendo diodos zener, LED, fotodiodos y Schottky. Explica que los diodos permiten desarrollar circuitos con aplicaciones como la rectificación. También define al diodo ideal como un componente que permite la circulación de corriente en un sentido pero la bloquea en el otro sentido.
Este documento presenta varios métodos para resolver problemas de transferencia de calor en 2D y 3D, incluyendo el método de nodos. Explica cómo el método de nodos convierte las ecuaciones diferenciales parciales en un sistema de ecuaciones algebraicas que puede resolverse para encontrar las temperaturas desconocidas en cada nodo. A continuación, ilustra el método con un ejemplo numérico de 4 nodos.
Este documento proporciona información sobre varias redes sociales populares como Badoo, Twitter, LinkedIn y Facebook. Resume sus características clave, ventajas y desventajas. Badoo y Twitter se centran en conexiones sociales y comunicación, mientras que LinkedIn se enfoca en conexiones profesionales. Las ventajas incluyen mantenerse en contacto con otros y encontrar nuevas conexiones, mientras que las desventajas son posibles insultos, estafas y adicción.
Este documento resume la visita a varias fábricas y talleres artesanales. Se describe el proceso de producción de caramelos en una fábrica, incluyendo las máquinas y medidas de seguridad utilizadas. También se mencionan una fábrica de cristales, un taller de madera y uno de esculturas de alambre, detallando sus procesos, herramientas y normas de seguridad.
El documento analiza la industria del procesamiento de nueces en la India. Explica que la India tiene ventajas para esta industria debido a la teoría de la ventaja absoluta, ventaja natural y ventaja adquirida. La India ha sido históricamente el principal productor de nueces debido a sus condiciones climáticas y destreza en el procesamiento. Sin embargo, futuros cambios climáticos y tecnológicos podrían amenazar esta posición. Para mantener la competitividad, los procesadores de nueces de la India deben conser
Este documento describe las buenas prácticas para abordar el conflicto en Colombia. Identifica varios programas clave como cuidar a la gente, humanizar el conflicto, atender a las víctimas, deshacer los ejércitos, prevenir el reclutamiento, desfinanciar la guerra, desnarcotizar el conflicto y fortalecer el Estado local. El objetivo general de estas buenas prácticas es contribuir a una resolución pacífica del conflicto a través de enfoques como la negociación, la educación y la comunicación
El documento presenta una propuesta para establecer un programa de doctorado académico en ingeniería entre el TEC y la UCR. El objetivo es apoyar el desarrollo científico-tecnológico de Costa Rica y Centroamérica a través de la investigación e innovación en diferentes áreas de la ingeniería. El programa tendría una duración de 3-4 años con 60 créditos. Se requiere una maestría en ingeniería y aceptación en un grupo de investigación. El costo total del programa en 3 años sería de aproximadamente 204
Excelente trabajo de los alumnos de la Corporación Universitaria de la Costa de la ciudad de Barranquilla en Colombia. Trabajo realizado en le taller del Urbemarketing facilitado por el Prof. Jacobo Marcos Malowany
Este documento presenta las líneas de acción de la Iniciativa Tlalli para reforzar la competitividad del sector hortalizas y frutas en Guanajuato. Se proponen tres grupos de trabajo para desarrollar programas de inocuidad y sanidad, vincular a productores e investigadores, y establecer una cadena de valor con trazabilidad. El objetivo general es integrar esfuerzos individuales hacia una visión consensuada que mejore la competitividad de las empresas del sector.
Este resumen describe dos obras dramáticas de Fernando Arrabal, "El cementerio de automóviles" y "El arquitecto y el emperador de Asiria". "El cementerio de automóviles" trata sobre un grupo de personas pobres que viven en automóviles abandonados y se enfrentan a la violencia, traición y dificultades de la sociedad. "El arquitecto y el emperador de Asiria" describe la relación entre un arquitecto y un emperador que naufragan en una isla desierta y c
Este documento lista varios artículos de papelería y accesorios relacionados con cuentos de hadas como Alicia en el País de las Maravillas, Caperucita Roja y Peter Pan. Incluye lapiceras, tazas, post-its, libretas, portaminas, stickers y más, con precios que van desde $60 hasta $370.
Este documento presenta información sobre varios temas relacionados con exámenes radiográficos dentales, incluyendo alteraciones dentales detectadas en radiografías como manchas blancas, caries, fracturas y alteraciones de forma. También discute técnicas de restauración dental como la selección de materiales, adhesivos y el pulido y ajuste oclusal de restauraciones.
El grupo visitó 8 lugares en la ciudad de San Carlos Centro, incluyendo una fábrica de caramelos, una cristalería, un escultor de madera, un escultor de alambre, un taller de vidrio tallado, un reciclador de vidrio, un museo y una campana. La fábrica de caramelos Lheritier fabrica golosinas y productos de repostería utilizando maquinaria y siguiendo normas de seguridad e higiene. La cristalería es la más grande de Latinoamérica y produce entre 4,000-6,
La RDSI permite conexiones digitales de hasta 64 kbps hasta el terminal del usuario, dividiendo los canales en B y D. Incorpora conmutación de paquetes y debe interconectarse con redes analógicas. Ibercom es un servicio privado virtual de Telefónica desde 1985 que soporta voz, datos e imagen con infraestructura digital, ofreciendo numeración privada, tarificación interna y gestión limitada.
Actualización en recursos y servicios de información.CIRIA UDLAP
El documento proporciona una actualización sobre los recursos de información del Centro Interactivo de Recursos de Información y Aprendizaje de la Universidad de las Américas Puebla. Explica brevemente el concepto de Web 2.0 y sus características principales como la participación de los usuarios y el contenido generado por los usuarios. Además, detalla los diferentes recursos y herramientas disponibles en la biblioteca como libros, publicaciones periódicas, tesis, y otros servicios como blogs, wikis y redes sociales.
Este documento presenta un estudio de viabilidad técnica, económica y financiera para la construcción de una nave industrial para el almacenamiento de materiales siderúrgicos en Gran Canaria. Incluye detalles sobre la inversión requerida, ingresos proyectados basados en cuotas de mercado crecientes, gastos fijos y variables, beneficios esperados y una alta rentabilidad proyectada del 39.5-77.2% sobre 5 años.
El baloncesto es un deporte de equipo que se juega entre dos equipos de cinco jugadores cada uno. Fue inventado en 1891 por James Naismith en Massachusetts, Estados Unidos. Cada equipo intenta anotar más puntos que el contrario introduciendo un balón en un aro colocado a 3 metros de altura.
Este documento ofrece instrucciones sobre cómo crear y usar tablas en HTML. Explica que las tablas se pueden usar para posicionar elementos aunque no es la mejor práctica, y que la alternativa es usar hojas de estilo CSS. Luego proporciona detalles sobre cómo insertar una tabla, agregar filas y celdas, y rellenarla con datos. Finalmente, menciona un video adicional sobre las propiedades de las tablas.
Este documento proporciona una lista de recursos útiles para el diseño y desarrollo web, incluyendo plantillas para estructuras de páginas, generadores de favicon, extensiones para navegadores, y fuentes de imágenes libres de derechos. También incluye instrucciones para crear un bookmarlet para cambiar el tamaño de la ventana del navegador y una propuesta de diseño para una web escolar simple.
Este documento proporciona una introducción a los conceptos básicos de diseño visual con CSS, incluyendo cómo mostrar elementos, posicionamiento flotante, posicionamiento de elementos, visibilidad y apilamiento de capas. Explica propiedades como display, float, position, z-index y más a través de ejemplos prácticos.
Este documento presenta las herramientas necesarias para crear páginas web en HTML. Explica conceptos como hipertexto, HTML, servidores y clientes web. Luego recomienda herramientas gratuitas como Nvu, Gimp, RealPlayer y Filezilla para diseñar y publicar páginas web. Finalmente indica cómo instalar estas herramientas y el editor de texto Notepad++.
Este documento presenta las herramientas necesarias para crear páginas web en HTML. Explica brevemente qué es un hipertexto, el lenguaje HTML y los conceptos básicos de clientes y servidores web. Además, incluye consejos sobre el estilo y la comunicación efectiva. Finalmente, proporciona instrucciones para instalar herramientas gratuitas como Nvu, Gimp, Filezilla y Notepad++ para crear y publicar páginas web.
10. Edicion Html. Estilos Edicion Html. IntroduccióN 0001José M. Padilla
Este documento introduce los conceptos básicos de las hojas de estilo en cascada (CSS). Explica que CSS separa la presentación del contenido, permitiendo cambiar fácilmente el estilo de una página. Describe la sintaxis básica de CSS y los diferentes selectores como de tipo, clases y ID. También comenta las versiones CSS1, CSS2 y CSS3 y las limitaciones de soporte en los navegadores.
01. Edicion Html. La Base Edicion Html. Texto 0001José M. Padilla
Este documento proporciona instrucciones sobre cómo usar etiquetas HTML para modificar el formato de texto, incluyendo el tipo y tamaño de fuente, énfasis, organización de contenido y formato de listas y títulos. Explica las ventajas y desventajas de diferentes fuentes, y recomienda limitarse a fuentes comunes como Times New Roman y Arial para garantizar la compatibilidad entre navegadores y sistemas operativos. También cubre cómo crear énfasis, justificar texto, crear listas ordenadas y desordenadas, y
01. Edicion Html. La Base Edicion Html. Entorno De Trabajo 0001José M. Padilla
Este documento proporciona una introducción al lenguaje HTML y a la creación de páginas web. Explica la estructura básica de una página HTML, incluyendo etiquetas como <html>, <head>, <body>, así como el formato de las etiquetas y la importancia de escribirlas en minúsculas. También describe el entorno de trabajo N|VU y cómo familiarizarse con él para empezar a crear páginas web.
El documento habla sobre las imágenes en HTML. Explica los diferentes formatos de imágenes como vectoriales y de mapa de bits, y conceptos como la resolución del monitor, la resolución de la imagen y la profundidad de color. También cubre temas como los tipos de imágenes, cómo se muestran en la pantalla, y cómo ajustar el tamaño y resolución de las imágenes para la web.
10. Edicion Html. Estilos Edicion Html. Fondos, Bordes, Margenes Y Rellenos ...José M. Padilla
Este documento proporciona información sobre el uso de estilos CSS para controlar fondos, bordes, márgenes y rellenos. Explica cómo establecer colores de fondo, imágenes de fondo y su posición. También cubre las propiedades para controlar el color, estilo, grosor y agrupación de bordes. Por último, describe los elementos en bloque y en línea y cómo usar las propiedades de márgenes y rellenos para controlar el espacio entre elementos.
01. Edicion Html. La Base Edicion Html. Etiquetas Meta 0001José M. Padilla
Este documento explica el uso de etiquetas meta en la cabecera de documentos HTML. Describe etiquetas como <title>, <author>, <description>, <keywords> y <robots>, las cuales proporcionan información sobre el documento a motores de búsqueda y arañas web para facilitar la indexación y búsqueda del contenido. También cubre el uso de atributos como HTTP-EQUIV para redireccionar o definir el conjunto de caracteres de la página.
Este documento explica los diferentes tipos de vínculos o enlaces en HTML, incluyendo enlaces externos a otras páginas web y enlaces internos a otras páginas dentro del mismo sitio. También cubre cómo crear enlaces a archivos de descarga y correo electrónico, y el uso de atributos como title para mostrar texto emergente sobre los enlaces.
Este documento explica cómo aplicar hojas de estilos CSS a documentos HTML de tres formas: hojas de estilo internas, externas e incrustadas. Las hojas de estilo internas se definen dentro de la etiqueta <style> en la cabecera, mientras que las externas se almacenan en un archivo CSS separado y se enlazan desde la cabecera. Las hojas de estilo incrustadas incluyen reglas CSS directamente en los elementos HTML.
Este documento explica cómo publicar un sitio web en un servidor de internet utilizando diferentes programas como N|VU, Filezilla, Internet Explorer y gFTP. Detalla los pasos para configurar una conexión FTP, incluyendo la información necesaria como el nombre del servidor, usuario y contraseña. Además, describe aspectos generales sobre el alojamiento como la ubicación y nombres de archivos recomendados para la página de inicio.
Este documento explica cómo validar páginas web para garantizar que cumplen los estándares HTML y XHTML. Recomienda utilizar la herramienta de validación del W3C para verificar que las páginas no contengan errores y sean accesibles para todos los usuarios y navegadores. Explica que cuando haya errores, el informe mostrará el número de línea, aunque debido a saltos de línea ocultos puede ser necesario buscar visualmente los fragmentos problemáticos para corregirlos.
10. Edicion Html. Estilos Edicion Html. Listas 0001José M. Padilla
Este documento explica cómo formatar listas con CSS, incluyendo cómo cambiar los tipos de marcadores, su posición y el uso de imágenes como marcadores. También cubre cómo crear listas en línea para mostrar los elementos horizontalmente en lugar de verticalmente. El propósito es proporcionar información sobre cómo estilizar listas con CSS para aplicaciones como menús.
10. Edicion Html. Estilos Edicion Html. Menus 0001José M. Padilla
Este documento presenta varios ejemplos de menús creados con CSS. Incluye menús horizontales y verticales, simples y desplegables. Explica cómo utilizar listas, enlaces, y clases CSS para dar formato y comportamiento a los menús. También cubre el uso opcional de JavaScript para menús desplegables interactivos. El objetivo es proveer diversas opciones de menús y código de referencia para diseñar navegación en páginas web.
Este documento proporciona información sobre cómo insertar y reproducir sonidos en páginas web. Explica los formatos de archivo de sonido compatibles con los navegadores como wav y midi, y cómo usar las etiquetas <embed> y <bgsound> para vincular archivos de sonido. También cubre temas como la reproducción automática, las dimensiones de la consola de control y las diferencias entre navegadores.
Guía Práctica para la Orientación Educativa con TIC y en RedAlberto Del Mazo
Este documento presenta una guía práctica para la orientación educativa con TIC y en red. La guía ofrece consejos sobre el desarrollo de competencias digitales para orientadores, la construcción de un Entorno Personal de Aprendizaje, y el uso de herramientas digitales para gestionar tareas, buscar información, generar y publicar contenidos, y participar en comunidades virtuales. El objetivo es mostrar cómo las TIC pueden facilitar el trabajo de los orientadores educativos.
Este documento describe el desarrollo de un programa interactivo creado con Visual Basic.NET para mejorar el aprendizaje de estudiantes en diferentes asignaturas. El programa digitaliza la información de asignaturas como lengua, geografía y ciencias para que los estudiantes puedan acceder y aprender de forma autónoma. El documento justifica la necesidad de este programa y proporciona recomendaciones como incluir comentarios de usuarios y más asignaturas para mejorar la aplicación.
Informe Riesgos y amenazas en cloud computing. INTECTO-CERTJosé M. Padilla
El documento describe los principales riesgos y amenazas relacionados con la seguridad en entornos de cloud computing. Identifica 7 amenazas clave según la Cloud Security Alliance, como el abuso y mal uso de los servicios cloud, la existencia de interfaces y APIs poco seguras, amenazas internas, problemas derivados del uso compartido de recursos, pérdida de información, secuestro de sesiones o servicios, y riesgos por desconocimiento. También analiza riesgos detectados por Gartner como accesos no autorizados o problemas de cumplimiento normativo
Este documento presenta un curso sobre multimedia y Web 2.0. Incluye 12 módulos que cubren temas como blogs, imágenes, presentaciones, mapas y más. Explica cómo crear y gestionar blogs en Blogger y WordPress, y cómo publicar diferentes tipos de contenido multimedia como fotos, videos y documentos.
Este documento ofrece una guía para principiantes sobre optimización para motores de búsqueda (SEO). Explica que el objetivo es ayudar a los webmasters a mejorar la interacción de sus sitios con usuarios y buscadores siguiendo prácticas recomendadas como crear títulos de página únicos, usar metadescripciones y mejorar la estructura y el contenido del sitio. Aunque no revela secretos para posicionamiento, siguiendo estas recomendaciones facilitará el rastreo y la indexación del contenido por los buscad
Modulo 2. Sonido Y Musica Por Ordenador. 08 Partituras. Note Pad 2004José M. Padilla
The document provides installation instructions and an overview of NotePad 2004, a free music notation software. It describes how to download, install, and register the program. It also includes practice cases showing how to enter and modify a musical score within the program.
Modulo 2. Sonido Y Musica Por Ordenador. 10 Karaoke 2. Melody AssistantJosé M. Padilla
Este documento describe el programa Melody Assistant, un editor de partituras y creador de archivos de karaoke. Brevemente describe las funciones del programa, cómo instalarlo y usarlo para introducir una letra a un archivo MIDI y crear un archivo de karaoke en formato WAV.
Modulo 2. Sonido Y Musica Por Ordenador. 09 Karaoke 1. Van Basco Karaoke PlayerJosé M. Padilla
El documento describe el programa de karaoke gratuito vanBasco's Karaoke Player. Explica cómo instalar el programa, sus principales características como la reproducción de archivos de karaoke, la visualización de la letra y la posibilidad de crear listas de reproducción. También muestra un caso práctico de cómo usar el programa para reproducir un archivo de karaoke y modificar parámetros como la velocidad o tono.
Modulo 2. Sonido Y Musica Por Ordenador. 07 Conversor. D Bpower AmpJosé M. Padilla
Este documento describe el programa dBpowerAMP, un conversor de archivos de audio gratuito. Explica cómo instalar el programa y sus codecs de forma sencilla. También muestra cómo convertir un archivo a diferentes formatos seleccionando el codec deseado y sus propiedades de codificación.
Modulo 2. Sonido Y Musica Por Ordenador. 06 Secuenciador. N Track StudioJosé M. Padilla
Este documento proporciona una introducción al programa de secuenciación n-Track Studio. Explica cómo instalar el programa, describe brevemente sus principales funciones y menús, y ofrece instrucciones sobre cómo organizar los archivos antes de comenzar los casos prácticos. El documento también presenta el primer caso práctico sobre cómo importar y modificar un archivo MIDI dentro del programa.
Modulo 2. Sonido Y Musica Por Ordenador. 05 Editor De Audio. AudacityJosé M. Padilla
Este documento describe cómo instalar y utilizar el programa Audacity para editar archivos de audio. Explica brevemente las funciones principales del programa como la edición, reproducción y grabación de audio. Además, presenta 11 casos prácticos para editar voz y música grabada, pasar archivos MIDI a formato WAV y crear un programa de radio utilizando las herramientas de Audacity.
Modulo 2. Sonido Y Musica Por Ordenador. 04 Reproductor. Real One PlayerJosé M. Padilla
Este documento describe el reproductor de medios RealOne Player, incluyendo su descarga, instalación y uso básico. Explica cómo reproducir archivos de audio como MIDI y MP3, y también cómo escuchar emisoras de radio a través de Internet usando este programa. Además, muestra diferentes casos prácticos para ilustrar estas funciones.
Modulo 2. Sonido Y Musica Por Ordenador. 03 Extraccion De Audio. C DexJosé M. Padilla
Este documento describe el programa CDex, el cual permite extraer audio de un CD y guardarlo en formatos como WAV o MP3. Explica cómo instalar el programa, sus funciones principales como menús y controles, y proporciona un caso práctico sobre cómo extraer una pista de audio completa en formato WAV y un fragmento de la pista en formato MP3.
Modulo 2. Sonido Y Musica Por Ordenador. 02 Sonido En El Sistema OperativoJosé M. Padilla
Este documento describe las funciones básicas relacionadas con el sonido en el sistema operativo. Explica cómo acceder a las propiedades de los dispositivos de sonido, controlar el volumen, grabar sonidos usando la grabadora de sonidos predeterminada y administrar dispositivos. También incluye un caso práctico sobre cómo grabar la voz usando un micrófono y la grabadora de sonidos.
Modulo 1. Sonido Y Musica Por Ordenador. 07 AlmacenamientoJosé M. Padilla
Este documento describe diferentes formatos de archivos de audio digital y sus CODECs asociados. Explica que los archivos MIDI no contienen sonido sino instrucciones, y que para pasar un archivo MIDI a formato WAV se debe reproducir y grabar el sonido resultante. También cubre formatos como MP3, Ogg Vorbis y WMA, y cómo cada uno ofrece diferentes niveles de calidad y capacidad de compresión.
Modulo 1. Sonido Y Musica Por Ordenador. 06 El AudioJosé M. Padilla
Este documento describe las diferentes etapas del proceso de producción musical utilizando un ordenador, incluyendo la composición, grabación, mezcla, masterización, síntesis y muestreo de sonidos. Explica que la composición puede involucrar la creación de ideas musicales, letras y arreglos. La grabación implica registrar digitalmente los sonidos MIDI e instrumentos acústicos. La mezcla combina las pistas de grabación ajustando el volumen, panorámica y ecualización de cada pista. La masterización da el acabado final
Modulo 1. Sonido Y Musica Por Ordenador. 05 El MidiJosé M. Padilla
El documento explica los conceptos básicos del MIDI, incluyendo canales, mensajes y modos de recepción de información. El MIDI permite la comunicación entre diferentes dispositivos musicales digitales a través de 16 canales independientes. Los mensajes MIDI transmiten información sobre notas, programas, controles y modo de recepción. El MIDI revolucionó la interconexión de instrumentos musicales electrónicos.
Modulo 1. Sonido Y Musica Por Ordenador. 04 El Estudio De Sonido. EdicionJosé M. Padilla
Este documento describe los componentes básicos necesarios para un estudio de sonido personal, incluyendo un ordenador, tarjeta de sonido, altavoces/auriculares, micrófono y software. Explica los componentes clave del ordenador como la CPU, placa base, disco duro, memoria RAM y tarjeta gráfica, y cómo estos afectan el rendimiento para aplicaciones de audio. También cubre periféricos comunes y otros equipos como micrófonos y altavoces.
Modulo 1. Sonido Y Musica Por Ordenador. 03 El Sonido Y Su RepresentacionJosé M. Padilla
Este documento describe el sonido y su representación. Explica que el sonido se produce por vibraciones que se transmiten a través de un medio hasta el oído. Describe las cualidades del sonido como la altura, duración e intensidad. También explica cómo se percibe el sonido y diferentes formas de representarlo gráficamente como la notación musical y en editores de secuenciadores.
Modulo 1. Sonido y musica por ordenador. 02 El ordenador en el aula.José M. Padilla
El documento describe el potencial del ordenador en el aula de música. Puede usarse para crear materiales didácticos multimedia, funcionar como instrumento musical o estudio de grabación, y servir como fuente de información y herramienta de aprendizaje para los estudiantes. El ordenador ofrece numerosas ventajas sobre otros métodos para el análisis y enseñanza de la música.
00 Sonido y musica por ordenador. Guia del alumno.José M. Padilla
1) El documento describe la importancia creciente del sonido y la música en los medios multimedia como el cine, la televisión y la web.
2) Explica que el curso introduce aplicaciones informáticas básicas para editar y manipular el sonido, sin requerir conocimientos previos.
3) El curso enseña procesos comunes con el sonido a través de módulos teóricos y prácticos con diferentes programas.
El documento habla sobre cómo grabar sonido desde una tarjeta de sonido en el ordenador. Explica que se debe seleccionar el dispositivo de entrada correcto, como Stereo Mix para una grabación en estéreo. También indica que se debe establecer el volumen de grabación al máximo y controlar el volumen de reproducción para evitar saturaciones que distorsionen la grabación.
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)codesiret
Los protocolos son conjuntos de
normas para formatos de mensaje y
procedimientos que permiten a las
máquinas y los programas de aplicación
intercambiar información.
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...AMADO SALVADOR
Descarga el Catálogo General de Tarifas 2024 de Vaillant, líder en tecnología para calefacción, ventilación y energía solar térmica y fotovoltaica. En Amado Salvador, como distribuidor oficial de Vaillant, te ofrecemos una amplia gama de productos de alta calidad y diseño innovador para tus proyectos de climatización y energía.
Descubre nuestra selección de productos Vaillant, incluyendo bombas de calor altamente eficientes, fancoils de última generación, sistemas de ventilación de alto rendimiento y soluciones de energía solar fotovoltaica y térmica para un rendimiento óptimo y sostenible. El catálogo de Vaillant 2024 presenta una variedad de opciones en calderas de condensación que garantizan eficiencia energética y durabilidad.
Con Vaillant, obtienes más que productos de climatización: control avanzado y conectividad para una gestión inteligente del sistema, acumuladores de agua caliente de gran capacidad y sistemas de aire acondicionado para un confort total. Confía en la fiabilidad de Amado Salvador como distribuidor oficial de Vaillant, y en la resistencia de los productos Vaillant, respaldados por años de experiencia e innovación en el sector.
En Amado Salvador, distribuidor oficial de Vaillant en Valencia, no solo proporcionamos productos de calidad, sino también servicios especializados para profesionales, asegurando que tus proyectos cuenten con el mejor soporte técnico y asesoramiento. Descarga nuestro catálogo y descubre por qué Vaillant es la elección preferida para proyectos de climatización y energía en Amado Salvador.
La inteligencia artificial sigue evolucionando rápidamente, prometiendo transformar múltiples aspectos de la sociedad mientras plantea importantes cuestiones que requieren una cuidadosa consideración y regulación.
para programadores y desarrolladores de inteligencia artificial y machine learning, como se automatiza una cadena de valor o cadena de valor gracias a la teoría por Manuel Diaz @manuelmakemoney
1. MINISTERIO
SECRETARÍA GENERAL
DE EDUCACIÓN DE EDUCACIÓN
Y CIENCIA Y FORMACIÓN PROFESIONAL
DIRECCIÓN GENERAL
DE EDUCACIÓN,
FORMACIÓN PROFESIONAL
E INNOVACIÓN EDUCATIVA
CENTRO NACIONAL
DE INFORMACIÓN Y
COMUNICACIÓN EDUCATIVA
Edición HTML
Marcos
C/ TORRELAGUNA, 58
28027 - MADRID
Materiales de Formación con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
2. Índice de contenido
¿Qué son los marcos?......................................................................................................... 3
La etiqueta <frameset>......................................................................................................... 4
Distribución del espacio en columnas o filas........................................................................ 4
Contenido de los marcos...................................................................................................... 5
El marco fantasma............................................................................................................... 7
Los vínculos en los marcos.................................................................................................. 9
Salir de una estructura de marcos...................................................................................... 11
Marcos en línea - Iframes................................................................................................... 12
La etiqueta <iframe>........................................................................................................... 13
Cargar contenidos en un iframe......................................................................................... 14
¿Y si el navegador no muestra el iframe?.......................................................................... 14
Marcos 2 de 15
Materiales de Formación con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
3. ¿QUÉ SON LOS MARCOS?
Si tuviéramos que definir los marcos es probable que hubiera que empezar por hacerlo por un
criterio de reacción más que de descripción: los marcos han sido uno de los recursos para el
diseño WEB que más polémicas han generado.
Curiosamente, en este caso, la polémica no se produce porque sean compatibles con uno de
los navegadores mayoritarios y no con el otro, sino por su propia naturaleza, que hizo que
surgieran en la red páginas cuya razón de ser era oponerse a la utilización de marcos. Así
pues, para que no te prives y puedas participar en la polémica con conocimiento de causa ya
va siendo hora de explicar en qué consisten exactamente los marcos y empezar a utilizarlos
para experimentar sus pros y sus contras.
Te iba a sugerir que, para que visualizaras la apariencia de una página realizada con marcos
pensaras en la distribución de ... pero al final me parece mucho más sencillo que te fijes en la
pantalla que tienes delante. Sí, sí,... la propia pantalla del curso.
A estas alturas ya te habrás dado cuenta de que hay tres zonas en la pantalla:
• Zona izquierda en la que aparece el menú.
• Zona superior en la que aparece el motivo gráfico del curso.
• Zona principal en la que se presentan las explicaciones y prácticas.
Podríamos decir que una estructura de marcos es una artimaña que hace posible dividir la
pantalla en varias zonas que nos permiten presentar en cada una de ellas una página
independiente. Seguramente podrías argumentar que un efecto muy similar se podría obtener
organizando una buena tabla y, en parte, tendrías razón. Pero, si hiciéramos la distribución del
espacio utilizando tablas se trataría de una única página y, cada vez que quisiéramos renovarla
tendríamos que volver a escribir toda la zona que pretendemos que se vuelva a repetir.
Además, al tratarse de páginas independientes podré hacer que una zona de la pantalla se
mantenga fija mostrando el contenido de una de las páginas mientras que en otra zona se van
produciendo variaciones.
¿Has observado que, aunque la zona principal de la pantalla presente unos contenidos que
equivalen a varias páginas escritas y me obligan a utilizar la barra de desplazamiento la zona
de menú permanece fija?
Si el recurso para distribuir los espacios de la página hubiera sido una tabla ese
comportamiento no hubiera sido posible: al fin y al cabo una tabla es un contenedor dividido
en compartimentos en los que voy depositando el texto. Si alguno de los compartimentos
supera las dimensiones de la pantalla no es posible moverlo de forma independiente, sino que
hay que arrastrar todo el contenedor para que aparezcan las zonas que estaban invisibles, ... y
desaparezcan las que estaban visibles.
Marcos 3 de 15
Materiales de Formación con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
4. Algunas de las ventajas de la utilización de marcos ya han aparecido con estos breves
apuntes.
Pero es posible que ya hayas intuido alguno de los inconvenientes: si no queremos que
nuestra página acabe por parecer un cuadro de Piet Mondrian habrá que utilizar los
marcos con un cierto criterio de efectividad.
Si prima nuestro afán por presentar una gran cantidad de información de forma
simultánea es probable que lo único que obtengamos sea una colección de espacios
pequeños que muestran fragmentos de información irrelevantes por su escasa extensión,
acompañados, para aumentar la confusión, de sus correspondientes barras de
desplazamiento horizontales y verticales (En los cuadros de Mondrian se podía aprovechar
algo más el espacio porque no tenían que incluir las barras de desplazamiento )
Si seguimos observando continuaremos encontrando características, tanto positivas como
negativas, de una estructura organizada a base de marcos, pero tal vez sea mejor hacerlo de
forma un poco más activa a través de las prácticas propuestas en los siguientes epígrafes.
MUY IMPORTANTE: En el momento de elaborar esta documentación N|VU no está
programado para soportar el trabajo con marcos. Aunque puede abrir una página
con marcos será incapaz de realizar ninguna modificación en ella. Por tanto, si queremos
modificar una página con esta estructura o crear una nueva estructura de marcos
deberemos recurrir a un editor externo (En el caso de Windows te recomendamos
Notepad ++ que tienes incluido en la carpeta de programas del CD).
LA ETIQUETA <FRAMESET>
Lo primero que hay que hacer para iniciar una página de marcos es crear la definición de los
mismos. Por lo que hemos visto hasta ahora la organización de páginas puede resultarnos un
tanto sorprendente. Hay que tener en cuenta que una definición de marcos no es más que una
instrucción para que el navegador sepa cómo tiene que dividir la ventana; en ella no existen
contenidos para mostrar. Los contenidos que se mostrarán en cada zona de la pantalla son los
que componen cada una de las páginas que se muestran simultáneamente.
Teniendo en cuenta lo anterior empezaremos por decir que no necesitamos las etiquetas de
definición habituales: HTML, HEAD y BODY, aunque deberías revisar la anotación de estilo que
figura al final de este apartado.
Las etiquetas que nos sirven para contener la definición del marco son <frameset>
</frameset>
Hay navegadores, como por ejemplo Netscape, que son incapaces de presentar la
página si olvidamos el cierre </frameset>
DISTRIBUCIÓN DEL ESPACIO EN COLUMNAS O FILAS
Lógicamente la mera indicación de que queremos crear una estructura de frames no es
suficiente: habrá que indicar si la distribución se hará en vertical o en horizontal y cuantas
zonas queremos crear.
La definición de los espacios se puede hacer en términos absolutos (píxeles) o relativos (% de
ventana). El signo * representa el resto de la ventana.
A continuación se muestran algunos ejemplos de posibles divisiones de la pantalla.
Marcos 4 de 15
Materiales de Formación con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
5. Dos columnas con una medida absoluta para la primera:
<frameset cols=quot;130,*quot;>
Dos columnas con medidas relativas
<frameset cols=quot;25%,75%*quot;>
Tres filas con medidas absolutas para la superior y la inferior
<frameset rows=quot;25,*,50quot;>
Dos filas con definición relativa
<frameset rows=quot;10%,*quot;>
CONTENIDO DE LOS MARCOS
Una vez establecida la distribución general habrá que indicar al navegador cuál es el contenido
que tendrá que mostrar en cada marco la primera vez que se cargue la página. Para indicar el
contenido de cada marco se utiliza la etiqueta <frame>, que no necesita cierre si estamos
escribiendo un documento HTML, con los siguientes atributos:
name: Servirá para identificar el marco cuando se realicen enlaces a una página con este
tipo de estructura.
src:Indicará cuál es el contenido inicial del marco cuando se cargue por primera vez la
página.
frameborder: Indicará si el marco lleva o no lleva borde. Sus valores pueden ser 0 y 1
(Netscape interpreta también como válidos yes y no).
framespacing: Indicará la separación en píxeles entre los marcos.
Si queremos garantizar la compatibilidad cuando no deseamos que aparezcan
bordes habría que incluir la etiqueta border=quot;0quot; en la etiqueta frameset,
acompañada de frameborder=quot;0quot; y framespacing=quot;0quot;, ya que hay navegadores
que no responden correctamente si sólo se utilizan estas dos últimas.
marginwidth y marginheight: Sirven para especificar los márgenes del marco expresados
en píxeles.
scrolling: Admite los valores auto, yes y no para indicar si el marco dispondrá de barras
de desplazamiento o no.
bordercolor: Permite especificar el color del borde que delimitará el marco (Si se pone
color al borde de dos marcos adyacentes tiene prioridad el primero en presentarse, esto
es, el de la izquierda en el caso de columnas y el superior en el caso de filas). Cuando hay
más de dos marcos Netscape admite diferentes colores de borde, siguiendo la prioridad en
la presentación, pero Explorer sólo presenta el primer color definido.
noresize: Hace que el tamaño del marco no pueda ser modificado por el usuario.
title: la inclusión de la etiqueta title es importante para favorecer la accesibilidad.
Un ejemplo
Marcos 5 de 15
Materiales de Formación con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
6. <frameset cols=quot;195,*quot; framespacing=quot;10quot; frameborder=quot;3quot;>
<frame src=quot;indice.htmquot; name=quot;izquierdaquot; bordercolor=quot;bluequot; scrolling=quot;noquot;
marginwidth=quot;10quot; marginheight=quot;10quot; title=quot;Menú con el índice general del
conjunto de marcosquot;>
<frame src=quot;contenido.htmquot; name=quot;derechaquot; scrolling=quot;yesquot; marginwidth=quot;10quot;
marginheight=quot;10quot; title=quot;Zona principal para la presentación del contenido
del conjunto de marcosquot;>
</frameset>
Lo que se acaba de comentar podría ser suficiente para crear una página basada en
marcos, pero lo ideal es crear una página siguiendo el esquema siguiente, en el que se
indica la estructura de los marcos pero se ofrece, a través de la etiqueta noframes, una
alternativa para el caso de navegadores que no puedan mostrarlos y, además, se incluye
un título en la cabecera.
<!DOCTYPE HTML PUBLIC quot;-//W3C//DTD HTML 4.01 Frameset//ENquot;
quot;http://www.w3.org/TR/html4/frameset.dtdquot;>
<html>
<head>
<title>Título que se verá de forma constante aunque cambien los
marcos</title>
<meta http-equiv=quot;Content-Typequot; content=quot;text/html; charset=iso-8859-1quot;>
</head>
<frameset cols=quot;80,*quot; frameborder=quot;noquot; border=quot;0quot; framespacing=quot;0quot;>
<frame src=quot;indice.htmquot; name=quot;izquierdaquot; bordercolor=quot;bluequot; scrolling=quot;noquot;
noresize marginwidth=quot;10quot; marginheight=quot;10quot; title=quot;Menúquot;>
<frame src=quot;contenido.htmquot; name=quot;derechaquot; frameborder=quot;0quot; scrolling=quot;yesquot;
marginwidth=quot;10quot; marginheight=quot;10quot; title=quot;Zona de contenidosquot;>
</frameset>
<noframes>
<body>Aquí iría un mensaje indicando que la página está creada con marcos y
el navegador no los soporta o, incluso, el contenido de una página
alternativa para el caso de los navegadores incapaces de mostrar los marcos
o para garantizar la accesibilidad a los navegantes con
discapacidades.</body>
</noframes>
</html>
Marcos 6 de 15
Materiales de Formación con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
7. Utiliza N|VU para crear dos páginas que mostrarás dentro de una estructura de
marcos. Una de ellas deberá contener un posible índice con los títulos de diferentes
epígrafes que se irán mostrando en la zona principal. La otra puede ser una página que
incluya alguna ilustración y un texto explicativo de los contenidos que se irán abordando.
Guárdalas con los nombres indice.html y contenidos.html respectivamente.
• Si estás trabajando con Windows abre Notepad++ y selecciona la opción de menú
lenguaje html. Si no has instalado Notepad++ podrías utilizar el propio bloc de
notas. En caso de trabajar con Linux puedes utilizar cualquiera de los editores de
texto que tengas disponible según la distribución que estés utilizando.
• Introduce los códigos necesariors para crear la base del documento con marcos.
Ten en cuenta que es importante que incluyas como primera sentencia del
documento la referencia al DTD que puedes copiar y pegar desde el ejemplo
previo(los dos primeros renglones del código)
• Dependiendo de cómo hayas creado la página con el índice crea la estructura de
marcos en columnas y llama a los marcos izquierda y derecha (si tus contenidos
se presentan en forma de lista o, sencillamente uno bajo otro) o en filas y llámalos
arriba y abajo (si has puesto los títulos de forma que aparezcan en un renglón o
en celdas de una tabla de una sola fila).
• Guarda esta estructura básica con el nombre actividad71.html y abre la página
en el navegador para comprobar si se ven correctamente cada página en la zona de
pantalla que le corresponde según la definición de marcos que acabas de hacer. e
• Ajusta la medida de la columna o fila del índice de forma que no aparezcan barras
de desplazamiento. Utiliza para ello una medida absoluta en píxeles. La zona de
contenidos la puedes dejar en tamaño libre mediante el signo *
• Salva la página y comprueba el resultado.
Si, por despiste, has guardado las páginas con el índice y el contenido en una
carpeta diferente de la que has utilizado para guardar la definición de los marcos el
navegador no será capaz de mostrarlas. Aunque no hay inconveniente en que
guardes las páginas en carpetas diferentes es preferible que no aumentes la
dificultad obligándote a escribir rutas relativas más complejas.
De todas maneras recuerda que las carpetas quot;por debajoquot; del documento actual
habrá que referenciarlas como subcarpeta/subcarpeta/archivo.html con tantos
nombres de subcarpeta como sean necesarios para alcanzar el arvchivo destino.
En el caso de los archivos que se encuentren quot;por encimaquot; del documento actual en
el árbol de directorios habrá que llegar a ellos utilizando la notación
../../carpeta/subcarpeta/archivo.html, donde los dos puntos indican que se
sube un nivel en el árbol de directorios. En el ejemplo nos habríamos movido dos
niveles hacia arriba, hasta una carpeta que contiene la carpeta en la que está
nuestro archivo actual, y luego habríamos tenido que ir hacia una carpeta
diferente y, dentro de ella, a otra subcarpeta para encontrar el archivo de destino.
EL MARCO FANTASMA
Hay ocasiones, cuando la estructura de la WEB sigue una secuencia lógica y de exposición
lineal, en las que la trayectoria que va a seguir la navegación es muy previsible.
En otras ocasiones, hay partes de la WEB que tienen una alta probabilidad de ser visitadas en
uno u otro momento, pero presentan la dificultad de incluir imágenes u otros recursos que
incrementan su tamaño y hacen que su descarga sea trabajosa.
Marcos 7 de 15
Materiales de Formación con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
8. En ambos casos, la descarga será mucho más rápida la segunda vez que visitemos la página,
puesto que en esa ocasión los componentes de la misma no se descargarán directamente de
Internet sino que se extraerán de la memoria caché del navegador.
Una buena ayuda, para facilitar la navegación, sería disponer de un recurso que permitiera que
esas páginas que se van a visitar estuvieran ya cargadas en la memoria caché del navegador y
así se pudiera agilizar la descarga para que el visitante tuviera una sensación de que todo va
mucho más rápido.
¿Qué te parece crear una estructura de marcos en uno de los cuales se presentara la página
que estamos visitando y en el otro la que vamos a visitar? Seguro que has pensado que no es
una idea con mucho sentido, porque ¿qué ocurre si ambas páginas no tienen nada que ver
entre sí?
Vamos a verlo de otra manera. Seguro que recuerdas que los marcos se pueden definir a
través de porcentajes de la pantalla y que puedes utilizar el signo * para indicar el espacio
restante. ¿Qué te parece entonces esta definición: <frameset cols=quot;100%,*quot;>?
Probablemente pensarás que es absurdo adjudicar a una columna el 100% de la ventana y a la
otra el resto, puesto que no le hemos dejado nada, pero precisamente ahí está el truco. Si en
el marco que ocupa el 100% ponemos la página que el visitante está viendo en este momento
y en el otro la que pretendemos precargar, quien está viendo la WEB no verá esta segunda
página, pero cuando vaya a visitarla ya la tendrá en la memoria caché de su navegador y se
cargará muy rápidamente.
Sólo hay un pequeño detalle más: aunque al crear una página pongamos unas dimensiones
para los marcos, quien la visita puede cambiar las dimensiones si pincha y arrastra la división
entre los mismos. Si pretendemos evitar que el visitante quot;corra la cortinaquot; y vea el marco
fantasma tendremos que utilizar el atributo noresize. El código quedaría como sigue.
<frameset cols=quot;100%,*quot; framespacing=quot;0quot; frameborder=quot;0quot;>
<frame src=quot;paginavisible.htmquot; name=quot;izquierdaquot; noresize>
<frame src=quot;paginafantasma.htmquot; name=quot;derechaquot;>
</frameset>
El mismo efecto se habría conseguido creando una estructura en filas en lugar de
columnas.
Ten en cuenta que el ancho de banda es un bien limitado. Cada vez que empleamos la
técnica comentada estamos incrementando el uso de la red, ya que el visitante descarga
una página que no había solicitado en ese momento.
Procura utilizar este recurso de forma racional y sólo en aquellos casos en los que pienses
que va a ser realmente útil.
Crea una estructura con un marco fantasma. Una posible utilidad sería acelerar la carga
de imágenes de un pequeño álbum.
En la zona visible pon las miniaturas de las imágenes. En el marco fantasma crea una
página con todas las imágenes a tamaño real.
Crea una página para cada una de las fotos que contenga la imagen y un enlace para
volver al panel de miniaturas. Comprueba el funcionamiento del sistema. (Para comprobar
realmente la posible aceleración obtenida la página debería estar publicada, ya que en
modo local el aumento de velocidad puede resultar imperceptible)
Marcos 8 de 15
Materiales de Formación con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
9. LOS VÍNCULOS EN LOS MARCOS
Establecer un vínculo que apunte a una determinada página será una tarea que realizaremos
de la forma habitual. Sin embargo tendremos que tener en cuenta un pequeño detalle: cada
enlace se abrirá en el marco desde el que ha sido invocado, por lo que, cuando queramos que
una página se presente en un marco diferente a aquél desde el que la llamamos tendremos
que especificarlo.
Si ponemos como ejemplo la práctica que hemos realizado está claro que nuestra intención es
mantener siempre visible el listado de posibilidades en el marco denominado izquierda, de
forma que las páginas a las que nos referimos aparezcan en el marco al que hemos llamado
derecha (o arriba y abajo si hemos optado por una definición en filas).
Para especificar el marco de
destino en N|VU crearemos el
vínculo de la forma habitual.
Una vez elegida la página de
destino, si no tenemos a la
vista las propiedades
complementarias pulsaremos
el botón
para que se desplieguen y
podamos elegir en el
apartado destino el marco en
el que se abrirá el vínculo al
que estamos apuntando.
Ten en cuenta que, si se
tratara de un vínculo creado
en la zona principal y
pretendemos que el destino
se abra dentro de la misma
zona no haría falta especificar
en esta zona que el enlace se
abrirá en el marco actual, ya que este es el comportamiento por defecto.
Si quisieras utilizar el código para indicar el marco de destino bastaría con que le añadieras a
la etiqueta del vínculo el atributo target=quot;nombre del marco de destinoquot;.
Se cual sea el procedimiento utilizado para establecer el destino no veremos
ninguna diferencia aparente salvo que veamos el código de la página.
Trabajar con una estructura de marcos puede resultar laborioso y provocar errores si
olvidamos indicar el marco de destino de los enlaces.
Si el nombre que le doy al marco de destino no es el que aparece especificado en
la estructura marcada con las etiquetas del frameset lo que ocurrirá es que el
navegador abrirá una nueva ventana para presentar el contenido de la página a la que
estoy llamando.
Marcos 9 de 15
Materiales de Formación con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
10. Abre la página indice.html que creaste para que se mostrara al abrir
actividad71.html
• Aunque se podría hacer en el orden inverso, especificar primero los enlaces y luego
crear las páginas, te recomiendo que empieces por crear las páginas que
desarrollan los contenidos mencionados en el archivo indice.htm
• Crea nuevas páginas con N|VU y dótalas de contenido (Para hacer la primera
prueba bastará con que tengan un texto o una imagen que permita diferenciarlas
claramente)
• Acude a la página indice.html y crea los enlaces desde los diferentes puntos del
índice hacia las páginas que desarrollan los contenidos. No olvides indicar el
atributo target.
• Guarda todas las páginas y abre en tu navegador la página actividad71.html que
habíamos creado previamente. Comprueba el funcionamiento de los enlaces.
• Vuelve al editor y modifica las propiedades de uno de los enlaces de la página
indice.htm, de forma que siga apuntando al mismo archivo pero no se especifique
ningún marco de destino. Guarda la página con la modificación.
• Recarga en el navegador la página actividad71.html y comprueba lo que ocurre
cuando pulsas el enlace que has modificado.
• Vuelve otra vez al editor y corrige las propiedades del vínculo que habías
modificado en el paso previo. Haz que apunte al mismo archivo que antes pero,
ahora, especifica un marco de destino cuyo nombre sea diferente al que has usado
en tu caso, por ejemplo, contenidos.
• Guarda nuevamente el archivo indice.html, recarga en el navegador y comprueba
lo que ocurre.
• Vamos a interrumpir momentáneamente el ejercicio para leer la anotación de
código que viene a continuación.
Si hemos creado una estructura de marcos en la que todos los enlaces incluidos en un
documento apuntan siempre hacia el mismo marco podríamos ahorrarnos el trabajo de
estar constantemente indicando el marco de destino. Para hacerlo tendríamos que incluir
dicha referencia en la cabecera del documento que contiene los enlaces:
<head>
...
<base target=quot;nombre_del_marco_destinoquot;>
...
</head>...
Es importante que el nombre del marco vaya entrecomillado y, lógicamente, que coincida
con el que se atribuyó al definir la estructura de marcos.
Marcos 10 de 15
Materiales de Formación con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
11. Continuamos ahora realizando la modificación que acabamos de comentar.
• Abre el archivo indice.html
• Escribe en la cabecera la etiqueta <base> poniendo como atributo target el
nombre de tu marco principal.
• Elimina todos los atributos target de los vínculos
• Guarda el archivo como indiceb.html
• Abre el archivo actividad71.html y modifícalo para que la zona dedicada al indice
cargue originalmente el archivo indiceb.html que acabas de crear en lugar de
indice.htm que era el que tenía.
• Guarda el archivo con el nombre actividad73.html
• Gracias a las modificaciones de nombres podrás cargar los archivos
actividad71.html y actividad73.html en el navegador y comprobar que su
comportamiento es idéntico.
SALIR DE UNA ESTRUCTURA DE MARCOS
Cada vínculo que creamos en una estructura de marcos se abrirá en su marco de destino. Pero
habrá momentos en los que ya no nos resulte necesaria la estructura de marcos, por lo que la
pregunta será ¿qué hacer para que la página de destino se presente en una ventana
independiente?
Para conseguir que un destino sustituya a la estructura de marcos y se presente a página
completa habrá que utilizar como destino del enlace la palabra reservada _top, para
indicar que pretendemos que la nueva página se superponga a la estructura actual.
El código quedaría similar a <a href=quot;destino.htmquot; target=quot;_topquot;>
Para no tener que escribir manualmente el código
podemos utilizar la opción para que el enlace se abra
EN LA MISMA VENTANA, SIN MARCOS tal como se muestra
en la imagen.
Si pretendo mantener la estructura de marcos, pero quiero abrir una nueva ventana
puedo utilizar como nombre del marco de destino la palabra reservada _blank
El código, en este caso quedaría similar a <a href=quot;destino.htmquot; target=quot;_blankquot;>
También tenemos la posibilidad de hacerlo
visualmente eligiendo la opción para que el
enlace se abra EN UNA NUEVA VENTANA.
En un momento determinado puede convenirnos
abandonar la estructura de marcos pero sin hacer que se abra una nueva ventana, para lo
cual podríamos hacer que cualquier enlace quot;destruyeraquot; la estructura creada por los
marcos. También podría darse una situación similar en el caso de que hubiéramos
recurrido a una estructura algo más compleja de marcos anidados dentro de otros
marcos: supongamos que tenemos una estructura base de marcos del tipo que hemos
manejado hasta ahora, en dos columnas.
Marcos 11 de 15
Materiales de Formación con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
12. En un momento, el contenido de la zona principal se presta a dividirse, a su vez, en
módulos a los que acceder mediante un índice parcial y decidimos crear una estructura de
marcos con dos filas (dentro de esta zona principal): en la zona superior aparece el índice
parcial y en la inferior el contenido de cada uno de los bloques.
En este caso, una vez visitados los contenidos del bloque que hemos ido navegando desde
el submenú parcial puede interesarnos mantener la estructura básica con el menú
principal a la izquierda pero olvidando la división en la zona superior e inferior. Para ello
haremos que los vínculos que usemos para romper esta estructura utilicen como nombre
del marco de destino la palabra reservada _parent
Ahora el código quedaría similar a <a
href=quot;destino.htmquot; target=quot;_parentquot;> y, al
igual que en los casos anteriores podemos
hacerlo de forma visual eligiendo la opción para
que el enlace se abra EN EL CONJUNTO DE MARCOS
CONTENEDOR
También puedes utilizar la referencia a un marco _blank aunque la página desde
la que haces la llamada no pertenezca a una estructura de marcos. Es una forma
muy sencilla de hacer que se mantenga la ventana actual y se abra una nueva ventana
sin necesidad de recurrir a otro tipo de recursos que pueden resultar algo más
complejos.
MARCOS EN LÍNEA - IFRAMES
Además de poder crear una estructura de marcos convencional disponemos también de una
posibilidad adicional que consiste en insertar dentro del flujo de la página una ventana en la
cual podremos hacer que se muestren los contenidos de una página web. Es lo que se
denomina marco en linea, in line frame o, utilizando el nombre de la etiqueta que sirve para
crearlo, iframe.
Marcos 12 de 15
Materiales de Formación con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
13. Antes de continuar es imprescindible señalar que el elemento iframe, a pesar de formar
parte de la especificación HTML 4.01 del W3C, no es soportado por todos los navegadores y
podría dar problemas de presentación. En las comprobaciones realizadas para este material
se puede afirmar que está soportado por los siguientes navegadores:
• Galeón 1.3.9
• Internet Explorer 6
• Konqueror 3.1.3
• Mozilla Suite 1.7.8
• Mozilla Firefox 1.04
• Opera 7.5.4 (Win)
Una vez hecha la advertencia vamos a indicar la forma de incluir un iframe en nuestra página
puesto que no disponemos de ninguna posibilidad en N|VU que no sea la escritura directa de
los códigos necesarios.
LA ETIQUETA <IFRAME>
Para crear un marco en línea utilizaremos la etiqueta <iframe> y su correspondiente cierre
</iframe>
Object 1
Lógicamente lo primero que tendremos que hacer será adjudicarle unas medidas al marco e
indicar cual es la página que se mostrará en su interior.
width: será el atributo que nos indicará la anchura del marco.
height: indicará la altura
src: será el atributo con el que indiquemos cuál es la página que se mostrará en el hueco
que hemos definido
name: Servirá para identificar el marco en línea, de forma que podamos indicar que un
enlace se cargue en dicho espacio.
frameborder : Indicará si el marco lleva o no lleva borde. Sus valores pueden ser 0 y 1,
siendo este último el valor por defecto
marginwidth y marginheight: indican, mediante un entero positivo la distancia que
separará el contenido del marco de los bordes internos del mismo.
scrolling: utilizando el valor no haríamos que no se presentaran barras de
desplazamiento, por lo que habría que haber comprobado que el contenido se visualiza en
cualquier plataforma sin necesidad de ellas.
Marcos 13 de 15
Materiales de Formación con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
14. CARGAR CONTENIDOS EN UN IFRAME
Para hacer que el destino de un vínculo se cargue dentro de un iframe lo único que tendremos
que hacer al crear el vínculo es especificar el valor target con el nombre que le hayamos
adjudicado al iframe. Lógicamente es imprescindible que el iframe llevara el atributo name. Si
quieres comprobarlo puedes hacerlo pulsando aquí y viendo como ha variado el contenido del
iframe de ejemplo que acabas de ver en el epígrafe anterior. Si te desplazas por el nuevo
contenido encontrarás un enlace que permite volver a cambiarlo para mostrar el original.
Cuando se crea un vínculo desde una página para cargar un contenido en un iframe
insertado en ella, el atributo target deberá llevar como valor el nombre adjudicado
al iframe mediante el atributo name.
Cuando quieras utilizar vínculos desde dentro de un iframe de forma que se cargue otra
página dentro del propio iframe el atributo target deberá indicar esta situación
adoptando el valor target=quot;_selfquot;
¿Y SI EL NAVEGADOR NO MUESTRA EL IFRAME?
Como el iframe es un elemento que, independientemente del tamaño que ocupe, se inserta
como un elemento en línea dentro del flujo de la página se comporta de forma muy similar a
cualquier otro elemento en línea, tal como una palabra.
Si algún navegador o en términos más genéricos, agente de usuario, no fuera capaz de
mostrar el contenido del iframe podríamos paliar facilmente este error. El texto que se
introduzca antes del cierre </iframe> se ignorará siempre que se pueda mostrar el contenido
del marco en línea, pero se mostrará en caso contrario, así que bastaría con que ese texto
fuera el enlace a la página que mostramos en el iframe como veremos en el ejemplo.
Lo que tienes a continuación es, exactamente, el código que hace que se muestre el iframe
que se puso como ejemplo al principio de la página.
<iframe name=quot;muestraquot; src=quot;muestraiframe.htmquot; width=200px height=quot;100pxquot;>
Ver un <a href=quot;muestraiframe.htmquot;>ejemplo</a>
</iframe>
El texto que aparece dentro del iframe sólo lo habrás visto en el caso de que tu
navegador no soporte esta etiqueta y está ahí para que todos los visitantes
pudieran acceder al contenido del archivo que pretendemos que se muestre en ese
espacio.
Marcos 14 de 15
Materiales de Formación con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
15. • Crea una página en la que aparezca el texto de una noticia real o ficticia y
guárdala.
• Crea otra página con otra noticia y guárdala tambíén.
• Ahora crea una tercera página en la que pondremos una entradilla de la primera
noticia y un texto para que sirva de enlace a la segunda. En esa página tendrá que
presentarse la primera noticia dentro de un iframe en su zona derecha. Cuando
crees el vínculo a la segunda noticia esta tendrá que aparecer en el iframe
sustituyendo a la primera. Guarda este archivo como actividad74.html
• Para realizar la distribución de la página puedes utilizar por el momento una tabla,
pero no estaría de más que volvieras sobre este ejercicio cuando hayas trabajado
las hojas de estilo para situar los elementos mediante capas posicionadas en la
página utilizando CSS.
Marcos 15 de 15
Materiales de Formación con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org