ProDigital
ProDigital es un proyecto interuniversitario impulsado por las universidades públicas valencianas y financiado en el marco del Plan de Recuperación, Transformación y Resiliencia y los fondos europeos NextGeneration. El objetivo de ProDigital es mejorar la competencia digital del profesorado y personal universitario, del estudiantado y de la sociedad en general, a partir de recursos educativos abiertos.
Este proyecto se alinea con los marcos europeos de competencia digital ciudadana (DigComp) y de competencia digital docente (DigCompEdu). Siguiendo la línea de otras plataformas internacionales de Recursos Educativos Abiertos (Open Educational Resources, OER), ProDigital contiene como parte central un buscador de recursos, que muestra al usuario materiales en diferentes formatos (vídeos, imágenes, documentos, o cursos enteros), que han sido creados por expertos/as universitarios y clasificados según los marcos DigComp y DigCompEdu.
URI permanente para esta colecciónhttps://riunet.upv.es/handle/10251/191924
Examinar
Envíos recientes
Item type: Objeto de aprendizaje , Access status: Abierto , E-evaluación formativa: Análisis DAFO(Universitat Politècnica de València, 2024-12-26) Osete Cortina, Laura; Departamento de Conservación y Restauración de Bienes Culturales; Facultad de Bellas Artes; Instituto Universitario de Restauración del PatrimonioLa infografía presenta el análisis DAFO de la evaluación formativa en entornos virtuales. Destaca cómo la tecnología ofrece oportunidades, como la flexibilidad, pero también presenta desafíos, como la posible pérdida de autenticidad.Item type: Objeto de aprendizaje , Access status: Abierto , Photoshop: Opciones de Fusión(Universitat Politècnica de València, 2024-12-17) Silva, Josep; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo se muestra cómo aplicar efectos de fusión en Adobe Photoshop. Se parte de una imagen de una botella de vino abierta y se crea una capa base llamada "vino". Luego, se aplica un resplandor interior del color del vino para darle un toque más realista. A continuación, se agrega una capa de texto con el nombre "bodega cano" y se aplican varios efectos de fusión, como un trazo y un resplandor exterior. También se explora la opción de agregar sombra, bisel y relieve al texto para darle más profundidad. Finalmente, se muestra cómo los efectos de fusión se pueden aplicar a cualquier capa y se resume el resultado final, que incluye la capa "vino" con un resplandor interior y la capa "bodega cano" con un trazo y un resplandor exterior.Item type: Objeto de aprendizaje , Access status: Abierto , Photoshop: Texto en Imágenes(Universitat Politècnica de València, 2024-12-17) Silva, Josep; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo vamos a aprender cómo añadir texto a nuestras imágenes en Photoshop. Primero, seleccionamos la herramienta de texto horizontal y escribimos el texto deseado. Luego, podemos cambiar el tamaño, color y tipo de letra del texto. También es posible dividir el texto en líneas y alinearlas según sea necesario. Además, podemos crear múltiples capas de texto y personalizar cada una de ellas de manera independiente. También se pueden aplicar efectos como curvatura o deformación del texto, lo que nos permite crear diseños más creativos. Finalmente, también es posible convertir el texto en un objeto tridimensional utilizando la función de 3D, aunque esto puede depender del tipo de letra y la complejidad del texto.Item type: Objeto de aprendizaje , Access status: Abierto , Tú, tu móvil y tus datos: Móviles y niños(Universitat Politècnica de València, 2024-12-16) Oltra Gutiérrez, Juan Vicente; Departamento de Organización de Empresas; Escuela Técnica Superior de Ingeniería Informática; Grupo de Integración de Tecnologías de Información en las Organizaciones. ITIO[ES] En este vídeo se ofrecen 10 consejos fundamentales para los padres y madres sobre cómo proteger a sus hijos menores de edad en internet. Desde la importancia de conocer qué información es pública y quién puede acceder a ella, hasta la necesidad de supervisar el uso de videojuegos y redes sociales, pasando por la estimulación del sentido crítico y la garantía de espacios de desconexión en el hogar. Un vídeo esencial para cualquier padre o madre que quiera asegurarse de que sus hijos naveguen de forma segura en el mundo digital.Item type: Objeto de aprendizaje , Access status: Abierto , La privacidad más sensible: Derechos de supresión(Universitat Politècnica de València, 2024-12-16) Oltra Gutiérrez, Juan Vicente; Departamento de Organización de Empresas; Escuela Técnica Superior de Ingeniería Informática; Grupo de Integración de Tecnologías de Información en las Organizaciones. ITIO[ES] En este vídeo se explica el concepto del derecho de supresión, también conocido como "derecho al olvido". Se detallan los pasos para ejercer este derecho, que solo puede ser solicitado por la persona afectada o sus representantes legales si es menor de 14 años o discapacitado intelectual. El proceso comienza con una solicitud a la plataforma donde se encuentra el contenido indebido, y si no se obtiene respuesta, se puede acudir a la agencia de protección de datos. Se destaca que el derecho de supresión no es lo mismo que el derecho al olvido, que se refiere a solicitar que los enlaces a tus datos personales no figuren en los resultados de una búsqueda en internet realizada por tu nombre. Se proporcionan ejemplos y contextos para entender mejor este derecho y su aplicación en la vida real.Item type: Objeto de aprendizaje , Access status: Abierto , Photoshop: Transformar Objetos(Universitat Politècnica de València, 2024-12-16) Silva, Josep; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo se muestra cómo transformar objetos en Photoshop. Se comienza con una imagen de fondo de la Ciudad de las Ciencias y se añaden dos objetos: una bandera y un rótulo. Se eliminan los fondos blancos de ambos objetos utilizando la varita mágica. A continuación, se transforman los objetos para adaptarlos a la imagen de fondo. Se utilizan herramientas como la edición de transformación, escalado, rotación y distorsión para cambiar el tamaño y la forma de los objetos. También se explica cómo utilizar la perspectiva para dar una apariencia tridimensional. Finalmente, se muestra cómo combinar estas transformaciones para crear un resultado final único y personalizado.Item type: Objeto de aprendizaje , Access status: Abierto , Introducción a Visual Studio Code(Universitat Politècnica de València, 2024-12-16) Valderas, Pedro; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo se muestra cómo descargar e instalar Visual Studio Code en un sistema Windows. Se explica que Visual Studio Code es uno de los editores de código más utilizados debido a su ligereza y soporte nativo para múltiples lenguajes de programación. Se guía al espectador paso a paso a través del proceso de instalación, desde la descarga del software hasta la configuración inicial. También se muestra cómo crear un proyecto nuevo y organizar los archivos y carpetas utilizando el explorador de carpetas integrado. Finalmente, se presentan algunas de las características clave de Visual Studio Code, como la posibilidad de instalar plugins adicionales para ampliar sus funcionalidades y adaptarlo a las necesidades específicas del desarrollador.Item type: Objeto de aprendizaje , Access status: Abierto , CSS 3: Centrado de elementos(Universitat Politècnica de València, 2024-12-16) Valderas, Pedro; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo vamos a explorar cómo centrar contenido en un documento HTML. Se presentan diferentes opciones para centrar texto, elementos en línea como span o enlaces, y elementos como tablas e imágenes. Para centrar contenido textual, se puede utilizar la propiedad "text-align: center". Sin embargo, para centrar otros tipos de elementos, es necesario utilizar propiedades CSS como "margin" y "display". Se explica cómo utilizar estas propiedades para centrar tablas, imágenes y otros elementos con display block. Además, se muestra cómo centrar contenido prácticamente en Visual Studio Code, utilizando selecciones de etiquetas y propiedades CSS para lograr el efecto deseado.Item type: Objeto de aprendizaje , Access status: Abierto , CSS 3: Propiedad Float(Universitat Politècnica de València, 2024-12-15) Valderas, Pedro; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo se explica el uso de la propiedad float en CSS para posicionar elementos respecto al texto. La propiedad float permite ubicar un elemento a la izquierda o derecha de su contenedor, lo que hace que el resto del texto o elementos con display inline se ubiquen al lado contrario. Se muestra cómo utilizar la propiedad float para ubicar un elemento a la izquierda o derecha, y cómo esto afecta la distribución del texto y otros elementos en el contenedor. También se explica la propiedad clear, que cancela el efecto de float a partir de un determinado elemento textual o online. Se proporciona un ejemplo práctico utilizando Visual Studio Code, donde se define una imagen con float right y se muestra cómo se alinea a la derecha del contenedor, mientras que el texto ocupa el espacio restante. También se demuestra cómo utilizar clear para cancelar el efecto de float en elementos específicos.Item type: Objeto de aprendizaje , Access status: Abierto , CSS 3: Posicionamiento de elementos(Universitat Politècnica de València, 2024-12-15) Valderas, Pedro; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo se explica el concepto de posicionamiento en CSS, mostrando cómo funcionan las propiedades position, top y left. El autor utiliza un ejemplo práctico en Visual Studio Code, donde crea una regla CSS para cambiar la posición de un título (h3) en un documento HTML. Se muestran cuatro casos diferentes: Static: La posición predeterminada, que no se ve afectada por las propiedades top y left. Relative: El elemento se desplaza desde su posición natural, según los valores de top y left. Absolute: El elemento se posiciona respecto al primer padre contenedor con posición absoluta, o si no hay ninguno, respecto al body. Fixed: El elemento se fija en una posición específica, sin ser afectado por el scroll. Finalmente, se muestra un caso especial: Sticky, que combina el comportamiento de relative y fixed, permitiendo que el elemento se desplaze con el scroll hasta alcanzar una posición específica, donde se queda fijo.Item type: Objeto de aprendizaje , Access status: Abierto , CSS 3: Propiedad Display(Universitat Politècnica de València, 2024-12-15) Valderas, Pedro; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo se presentan técnicas para ajustar y controlar la visualización de elementos HTML dentro de un contenedor utilizando propiedades CSS. Se muestra cómo utilizar "vertical-align" y "display: inline-block" para alinear y ajustar el contenido dinámicamente. También se explica cómo agregar padding y ajustar el ancho del contenido para evitar sobrepasos. Además, se demuestra cómo controlar la visualización de elementos HTML sin eliminarlos del documento utilizando la propiedad "display". Se utiliza como ejemplo la etiqueta "hr" y se explica cómo establecer su valor en "none" para hacerlo invisible y no ocupar espacio. Estas técnicas permiten lograr un diseño más flexible y ajustado. En resumen, este vídeo ofrece soluciones prácticas para manejar el contenido dentro de un contenedor y controlar la visualización de elementos HTML utilizando propiedades CSS.Item type: Objeto de aprendizaje , Access status: Abierto , CSS 3: Listas y tablas(Universitat Politècnica de València, 2024-12-15) Valderas, Pedro; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo tutorial, se muestra cómo dar estilo a una tabla HTML utilizando CSS. Primero, se agrega un borde a la tabla y luego se ajusta para que no aparezca el doble borde entre las celdas. También se agregan márgenes a las celdas para separarlas del borde de la tabla. Luego, se definen estilos para la cabecera y las filas de datos, incluyendo colores y bordes personalizados. Se utiliza el selector :nth-child para definir estilos diferentes para las filas impares y pares. Finalmente, se agrega un efecto de hover para que cambie el color de fondo cuando el ratón se sitúa encima de una fila, y se configura el cursor para que cambie a una mano cuando se hace clic en una fila.Item type: Objeto de aprendizaje , Access status: Abierto , CSS 3: Enlaces(Universitat Politècnica de València, 2024-12-15) Valderas, Pedro; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo se muestra cómo personalizar el estilo de los enlaces en una página web, cambiando su apariencia según su estado (no visitado, visitado, hover, focus y active). Se explica cómo definir estilos para cada estado, manteniendo un orden específico, y se proporcionan ejemplos prácticos de cómo cambiar el color, la decoración y otros aspectos de los enlaces.Item type: Objeto de aprendizaje , Access status: Abierto , CSS 3: Fondos(Universitat Politècnica de València, 2024-12-15) Valderas, Pedro; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo se explica cómo configurar las propiedades de fondo en CSS,3, desde la posición y repetición del fondo hasta el tamaño y comportamiento respecto al scroll. El instructor muestra diferentes opciones para controlar la repetición del fondo, como "repeat", "no-repeat", "space" y "round", y cómo afectan la apariencia del fondo en diferentes situaciones. También se explora la propiedad "size" con opciones como "auto", "cover" y "contain", que permiten ajustar el tamaño del fondo para que se adapte a la pantalla o componente. Además, se analiza la propiedad "background-attachment" que controla cómo se comporta el fondo cuando se hace scroll en la página web. Se muestran las opciones "scroll", "fixed" y "local", cada una con su propio comportamiento único. El instructor también muestra cómo definir un fondo para componentes específicos, como el header y el main, y cómo utilizar colores transparentes para crear efectos visuales interesantes. En resumen, este vídeo es una guía práctica para cualquier desarrollador web que desee dominar las propiedades de fondo en CSS3.Item type: Objeto de aprendizaje , Access status: Abierto , CSS 3: Contenedores(Universitat Politècnica de València, 2024-12-13) Valderas, Pedro; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo se explora cómo controlar el tamaño y comportamiento de elementos HTML utilizando propiedades CSS. Se muestra la diferencia entre ancho máximo (max-width) y ancho fijo (width), y cómo afectan a la presentación de los elementos en una página web. También se explica el uso de márgenes (margin) para agregar espacio entre elementos, y cómo funcionan las propiedades margin-top, margin-bottom, margin-left y margin-right. Además, se introduce la propiedad padding para agregar espacio dentro de un elemento, y se aclara la diferencia entre margen y relleno. Por último, se presentan otras propiedades CSS importantes, como overflow para controlar el contenido que no cabe en un contenedor, y opacity para definir el nivel de transparencia de un elemento.Item type: Objeto de aprendizaje , Access status: Abierto , CSS 3: Bordes(Universitat Politècnica de València, 2024-12-13) Valderas, Pedro; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo se explica cómo trabajar con los bordes en CSS 2013. Se muestra cómo definir bordes para diferentes elementos HTML y cómo personalizar su apariencia utilizando propiedades como border-width, border-style y border-color. También se explora la posibilidad de definir bordes individuales para cada lado de un elemento y cómo afectan los márgenes a la renderización de los bordes. Además, se introduce el concepto de redondeo de esquinas utilizando las propiedades border-radius y se muestra cómo aplicar diferentes estilos de bordeado a elementos HTML.Item type: Objeto de aprendizaje , Access status: Abierto , CSS 3: Estilos de colores(Universitat Politècnica de València, 2024-12-13) Valderas, Pedro; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo se explica cómo funcionan los códigos de color hexadecimal y RGB en CSS, HTML. Se muestra cómo utilizar estos códigos para definir colores en una página web, incluyendo la opción de agregar transparencia a los colores utilizando el sistema RGB. El video también demuestra cómo aplicar estos conceptos en Visual Studio Code, editando una hoja de estilos CSS y asociándola a una página web. Se proporcionan ejemplos prácticos de cómo definir colores con hexadecimal y RGB, incluyendo la opción de agregar transparencia, y se muestra cómo utilizar las herramientas de autocompletar del Visual Studio Code para encontrar los códigos de color adecuados.Item type: Objeto de aprendizaje , Access status: Abierto , CSS 3: Estilos de texto(Universitat Politècnica de València, 2024-12-13) Valderas, Pedro; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo se explica cómo utilizar CSS para definir el estilo visual del texto en una página web. Se muestran ejemplos de cómo aplicar estilos como negrita, cursiva y subrayado utilizando clases y selectores CSS, así como cómo cambiar el tamaño del texto con la propiedad font-size. También se explora cómo alinear el texto con la propiedad text-align y cómo agregar una sombra al texto con la propiedad text-shadow. A lo largo del vídeo, se proporcionan ejemplos prácticos y se muestra cómo aplicar estas propiedades para personalizar el estilo visual del texto en una página web.Item type: Objeto de aprendizaje , Access status: Abierto , CSS 3: Herramientas para desarrolladores del navegador(Universitat Politècnica de València, 2024-12-13) Valderas, Pedro; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo se presentan las herramientas que ofrecen los navegadores para ayudar en el diseño de páginas web mediante HTML y CSS. Estas herramientas permiten inspeccionar el árbol HTML, visualizar la estructura del documento y ver cómo se sitúan los diferentes elementos. Además, también muestran los estilos que se aplican a cada elemento, incluyendo aquellos definidos por el usuario en su hoja de estilos CSS. Esto permite comprobar si los estilos se están aplicando correctamente y hacer pruebas rápidas con diferentes valores para ver cómo afectan al diseño. Estas herramientas son muy útiles para trabajar con diseño web, ya que permiten visualizar y depurar el código de manera rápida y sencilla.Item type: Objeto de aprendizaje , Access status: Abierto , CSS 3: Selectores 2(Universitat Politècnica de València, 2024-12-13) Valderas, Pedro; Departamento de Sistemas Informáticos y Computación; Escuela Técnica Superior de Ingeniería Informática; Instituto Universitario Valenciano de Investigación en Inteligencia Artificial[ES] En este vídeo se explica cómo utilizar selectores CSS para seleccionar elementos HTML basándose en sus relaciones de parentesco. Se comienza explicando cómo funcionan los selectores nth-child y nth-of-type, que permiten seleccionar elementos según su posición entre sus hermanos. Luego se muestra un ejemplo práctico en Visual Studio Code, donde se crea una regla CSS para poner en rojo todos los párrafos, luego solo aquellos que son descendientes de un elemento con id "contacto", y finalmente solo los hijos directos de ese elemento. También se explica cómo utilizar el selector nth-child para seleccionar elementos según su posición impar o par entre sus hermanos, mostrando un ejemplo con filas de una tabla.