4.8 Integración HTML de una lista de vídeos flash (FLV)
|
|
|
- Josefa Soledad Romero Díaz
- hace 8 años
- Vistas:
Transcripción
1 Integración HTML de una lista de vídeos flash (FLV)
2 Integración HTML de una lista de vídeos FLV Introducción En la actualidad el formato FLV (Flash Video ha experimentado un gran auge como medio para publicar contenidos de vídeo en Internet. En este apartado veremos cómo integrar vídeos FLV en una página web utilizando el reproductor flash multimedia desarrollado por Jeroen Wijering ( Se utiliza en muchos sitios web ya que permite la configuración de múltiples parámetros y admite la reproducción de archivos flv simples y de listas de reproducción Reproductor de una lista de vídeos FLV 1. Descarga y descomprime el archivo flvlistplayer.zip en la carpeta miweb\flvlistplayer. 2. Desde el explorador de archivos abre la carpeta miweb\flvlistplayer y haz doble clic en el archivo index.html. Con esto se abrirá el navegador mostrando las cinco posibilidades estándar que se contemplan: FLV simple, FLV con imagen previa, Lista FLV simple, Lista FLV con imagen previa y Lista FLV con display lateral. 3. La consola de reproducción para un archivo flv permite iniciar y detener el vídeo así como arrastrar la barra de progreso de la pista y del volumen. En la reproducción de listas de vídeos FLV también se proporcionan botones para saltar al siguiente o anterior de la lista. También se ofrece un botón que permite visualizar el vídeo en modo pantalla completa. 4. Regresa al explorador de archivos en la carpeta miweb\flvlistplayer. Dentro de esta carpeta se encuentra: La carpeta videos que contiene los archivos de video FLV que se reproducen. Todos ellos tienen unas dimensiones de 240x192 píxeles. La carpeta images que contiene los GIFs con las imágenes previas de los cinco videos y mismas dimensiones que los vídeos. La página HTML que permite el acceso a todo el conjunto: index.html El reproductor de audio universal: mediaplayer.swf Los archivos XML: playlist1.xml y playlist2.xml que contiene la lista de reproducción de vídeos con la siguiente información: ubicación de cada archivo de audio, de la imagen asociada, título, autor, etc. El fichero de javascript swfobject.js que asegura la integración del reproductor en la página HTML sin tener que hacer clic sobre él antes de interactuar con sus botones. 5. Abre Kompozer y utilízalo para abrir el archivo index.html 6. Clic en la pestaña Código fuente. 7. Si deseas insertar el reproductor en otra página basta con copiar y pegar las siguientes líneas de código HTML: <script type="text/javascript" src="swfobject.js"></script>
3 386 Esta línea se sitúa entre las etiquetas <head> </head> de la página HTML para asegurar referencia al código javascript que asegura la correcta integración del reproductor. FLV simple <div id="player1">this text will be replaced</div> <script type="text/javascript"> var so = new SWFObject('mediaplayer.swf','mpl','240','212','7'); so.addparam('allowfullscreen','true'); so.addvariable('file','videos/dt_escenario.flv'); so.addvariable('height','212'); so.addvariable('width','240'); so.write('player1'); </script> En la variable file se indica la referencia a la ubicación del archivo de vídeo flv que se reproduce. Puedes modificar este valor para reproducir un vídeo con otro nombre distinto. Recuerda que el archivo de video debe situarse en la carpeta videos. En las variables height y width se indican la altura y anchura en píxeles con que se visualizará el reproductor. La botonera ocupa 20 píxeles de altura. Sumados a los 192 del vídeo hacen un total de 212 píxeles para el total del reproductor. FLV con imagen previa <div id="player2">this text will be replaced</div> <script type="text/javascript"> var so = new SWFObject('mediaplayer.swf','mpl','240','212','7'); so.addparam('allowfullscreen','true'); so.addvariable('displayheight','192'); so.addvariable('file','videos/dt_vestuario.flv'); so.addvariable('height','212'); so.addvariable('image','images/dt_vestuario.gif'); so.addvariable('width','240'); so.write('player2');
4 387 </script> En la variable image se indica la referencia a la ubicación del archivo de imagen que se muestra antes de iniciar la reproducción del video. Puedes modificar este valor para visualizar una imagen con otro nombre distinto. Recuerda que el archivo de imagen debe situarse en la carpeta images. En la variable displayheight se indica la altura con que se visualizará el área display que muestra esta imagen y luego el vídeo. Lista FLV simple <div id="player3">this text will be replaced</div> <script type="text/javascript"> var so = new SWFObject('mediaplayer.swf','mpl','240','360','7'); so.addparam('allowfullscreen','true'); so.addvariable('displayheight','192'); so.addvariable('file','playlist1.xml'); so.addvariable('height','360'); so.addvariable('width','240'); so.write('player3'); </script> En la variable file en lugar de indicar un archivo flv se especifica un archivo XML que contiene una lista de vídeos. El reproductor ocupará una altura de 360 píxeles de acuerdo con lo indicado en el variable height. Al área del display (donde se muestra la imagen o vídeo) se le asigna una altura de 192 píxeles. Esto se indica en la variable displayheight. La botonera ocupa una altura de 20 píxeles. En consecuencia por debajo esta barra se mostrará la lista de reproducción ocupando 148 píxeles. Es el resultado de la siguiente operación: 360 (192+20) = 148 px Lista FLV con imagen previa
5 388 <div id="player4">this text will be replaced</div> <script type="text/javascript"> var so = new SWFObject('mediaplayer.swf','mpl','240','360','7'); so.addparam('allowfullscreen','true'); so.addvariable('displayheight','192'); so.addvariable('file','playlist2.xml'); so.addvariable('height','360'); so.addvariable('width','240'); so.write('player4'); </script> En la variable file se apunta al archivo playlist2.xml que contiene la información sobre la lista de vídeos: ubicación de archivos mp3, imágenes asociadas, títulos, autores, etc. Lista FLV con display lateral
6 389 <div id="player5">this text will be replaced</div> <script type="text/javascript"> var so = new SWFObject('mediaplayer.swf','mpl','360','212','7'); so.addparam('allowfullscreen','true'); so.addvariable('displayheight','172'); so.addvariable('file','playlist2.xml'); so.addvariable('height','212'); so.addvariable('width','360'); so.addvariable('displaywidth','216'); so.write('player5'); </script> En la variable displaywidth se indica la anchura en píxeles que ocupará el área de display que se sitúa a la izquierda de la lista de reproducción. Para que el sistema funcione correctamente es necesario comprobar que en la misma carpeta de la página html se encuentren los archivos swfobject.js y mediaplayer.swf. Si se trata de una lista también debe incluirse el correspondiente archivo xml. Además deben ubicarse correctamente los archivos de imagen y de video respectivamente en las subcarpetas images y videos. 8. En la página flvplayer.html dispones de un asistente que permite configurar las distintas opciones del reproductor de Jeroen Wijering. El resultado final será el código embed o bien el objeto swfobject que se puede copiar y pegar en una página HTML para insertar en ella el reproductor. Para ello elige una opción en la lista de modelos de configuración. Al seleccionarla se rellenarán automáticamente los valores de configuración básica asociados que puedes personalizar.
7 390 Tras elegir un modelo o bien pulsar en el enlace recargar reproductor se mostrará una vista previa del reproductor. En la parte inferior se podrá copiar y pegar el código embed o bien el código swfobject. Si deseas configurar otros parámetros más avanzados pulsa en el botón configuración avanzada para introducir estos valores. No olvides pulsar en el botón recargar reproductor para comprobar los cambios. A continuación se explica cada parámetro y la sintaxis de los archivos xml de las listas de reproducción. Variables : Altura del display (displayheight). Establece la altura del área de visualización en píxeles. Si no se especifica valor, será la altura del reproductor menos la consola de reproducción (20 píxeles). Ubicación del archivo (file). Es la ubicación del archive a reproducir. Puede ser un archivo simple (MP3/JPG/SWF/PNG/GIF/FLV/RTMP) o una lista de reproducción. Puede estar situado en la misma carpeta que el reproductor, en otra carpeta o en una URL de Internet. Altura del reproductor (height). Indica los pixels que ocupa el reproductor por completo. Imagen vista previa (image). Cuando se reproduce un FLV, se puede utilizar esta variable para mostrar una imagen de formato JPG/SWF/PNG/GIF como vista previa al
8 391 inicio de la reproducción. Se puede asignar una imagen a cada video en la lista de reproducción. Anchura del reproductor (width). Define la anchura del reproductor. Variables de COLOR: Color fondo (backcolor). Es el color de fondo del reproductor en formato hexadecimal. Ejemplo: 0xFFFFFF (blanco). Color primer plano (frontcolor). Es el color de textos y botones. Color resaltado (lightcolor). Color del rollover y activo del reproductor. Variables de APARIENCIA: Scroll automático de lista (autoscroll). Si se marca esta casilla se mostrará una barra de scroll si el número de elementos es demasiado grande. Anchura de visualización (displaywidth). Si se define un valor inferior a la anchura del reproductor se consigue que la imagen aparezca a la izquierda de la lista de reproducción ocupando esa anchura. Barra de control más grande (largecontrols). Al activar esta casilla se duplica el tamaño de visualización de la barra de control. Es especialmente útil para usuarios con dificultades visuales. Mostrar logo (logo). Sitúa el logo de marca de agua en la esquina inferior derecha de la imagen. Se recomienda utilizar un archivo PNG de fondo transparente. Ajustar imagen (overstretch). Se pueden elegir las siguientes opciones: Ajuste simple (se ajusta a la dimensión anchura o altura- más próxima manteniendo la proporción en fondo negro), Ajuste proporcional (se ajustan ambas dimensiones para ocupar todo el espacio manteniendo la proporción). Ajuste no proporcional (se ajusta cada dimension al espacio disponible pudiendo deformarse la imagen/video) y Sin ajuste (se mantienen las dimensiones originales de la imagen/video). Mostrar dígitos del contador (showdigits). Si se desmarca esta casilla no se mostrará el tiempo de reproducción Mostrar ecualizador gráfico (showeq). Si se activa esta opción se mostrará un ecualizador gráfico sobre la parte inferior de la imagen durante la reproducción. Mostrar iconos de carga/play (showicons). Muestra el icono play en el centro de la imagen para que el usuario pueda iniciar la reproducción pulsando en él. Miniaturas de la lista (thumbsinplaylist). Si se elige esta opción para cada pista de la lista de reproducción se observará la vista previa de la imagen especificada en el elemento image del archivo xml. Variables de REPRODUCCIÓN: Inicio automático (autostart). Cuando se activa esta variable se logra que el reproductor se inicia cuando se carga la página. Longitud del buffer (bufferlength). Es el número de segundos durante los cuales un archivo FLV (vídeo) será almacenado en el búffer antes de iniciar su reproducción. Es una opción interesante para conexiones de clientes lentas. El valor por defecto es 3 segundos. Reproducción indefinida (repeat). El valor por defecto es No para indicar que el reproductor se detendrá tras reproducir un audio o un elemento de la lista de reproducción. De esta forma se preserva el ancho de banda. Si se selecciona Una vez cada item se reproducirá una sóla vez cada pista de la lista y al final se detendrá. Si se elige Sí se reproducirá indefinidamente el audio o lista de reproducción. Reproducción aleatoria (shuffle). Si marcas esta casilla se reproducirán en orden aleatorio las pistas de video de una lista. Volumen inicial (volume). Define el porcentaje de volumen (0-100) con que se iniciará el reproductor. Variables de INTERACCIÓN: La configuración de algunas variables de interacción puede ser compleja y requiere ciertos conocimientos avanzados de programación. No obstante se recogen en este apartado a modo
9 392 de cita y al margen del curso. Para más información consulta la página del creador del reproductor Jeroen Wijering ( MP3 de audio extra (audio). Especifica la ubicación de un archivo mp3 externo que se utilizará como banda sonora adicional. De esta forma se pueden añadir comentarios de accesibilidad o del propio autor del vídeo. URL del script estadístico (callback). Define la ubicación de un script (PHP/ASP) que el reproductor llamará cada vez que un vídeo se inicie o detenga. Esto puede servir para guardar estadísticas de uso. Para más información consultar la página de Jeroen Wijering. URL archivo subtítulo (captions). Establece la ubicación del archivo de texto externo que contiene los subtítulos. El reproductor soporta formato SMIL y SRT muy utilizado en el ripeado de DVDs. Permitir javascript (enablejs). Si marcas esta opción se activa la interacción javascript. Esta funcionalidad sólo funciona en línea e incluye control de reproducción, carga asíncrona de archivos multimedia y recuperación de información de las pistas a javascript. Botón Pantalla Completa (fsbuttonlink). Si activas esta opción se mostrará un botón para mostrar la reproducción a pantalla completa. Esto sólo funciona si el reproductor de Flash del cliente es o superior. Identificador para scripts (id). Es el identificador único del archivo que se reproduce y se suele utilizar para el script de callback. Se puede especificar un id para cada elemento de una lista de reproducción. Enlace para redireccionar a (link). Si configuras la marca de agua con el logo, puedes definir en esta variable una URL donde enlazar cuando el cliente hace clic sobre este logo. Se puede definir un enlace para cada elemento de la lista de reproducción. Enlace del clic sobre visor (linkfromdisplay). Si activas esta opción al hacer clic sobre la imagen (no sólo sobre el logo) se navegará hasta la página indicada en el parámetro link. Destino del enlace (linktarget). Establece el marco donde se mostrará en enlace definido. Por defecto es _self aunque se puede definir _blank para mostrarlo en una nueva página. Script de streaming (streamscript). Es la URL de un script de servidor que se puede utilizar para simular streaming mediante PHP, ASP o LigHTTPD. Tipo de archivo (type). El reproductor determina el tipo de archivo que se reproducirá. La opción por defecto es automático pero en esta variable se puede indicar al reproductor el tipo de archivo: flv, mp3, etc. Usar audio extra por defecto (useaudio). Al desactivar esta opción se fuerza que no suene la pista de audio extra por defecto. Usar subtítulos por defecto (usecaptions). Al desmarcar esta casilla se fuerza que los subtítulos se oculten por defecto. Usar pantalla completa flash9 (usefullscreen). Desmarca esta variable si no deseas que se muestre el botón de pantalla completa en el reproductor. Usar atajos de teclado (usekeys). Si activas esta opción funcionarán ciertas teclas en el reproductor: barra espaciadora (play/pausa) y teclas de flecha (moverse sobre los audios de una lista). Las listas de reproducción. El reproductor de Jeroen Wijering permite cargar un audio FLV simple o una lista de reproducción.
10 Utiliza el explorador de archivos para situarte en la carpeta miweb\flvlistplayer. 2. Clic derecho sobre el archivo playlist2.xml y selecciona Abrir con > Bloc de notas. Este archivo contiene una de las listas de videos que utiliza el reproductor. 3. Observa que cada pista se especifica entre etiquetas <track> </track> y dentro de ella se indica el título del vídeo <title>, el autor <creator>, la ubicación del archivo <location> y de la imagen previa asociada <image>. <track> <title>el autor</title> <creator>dteatro</creator> <location>videos/dt_autor.flv</location> <image>images/dt_autor.gif</image> </track> 4. Puedes editar este archivo modificando estos valores para incluir otras pistas en la lista de reproducción. 5. Dentro de cada etiqueta <track> se pueden utilizar las siguientes etiquetas para cada pista de audio: <location> </location>. Indica la ubicación del archivo de video. <title> </title>. Título de la pista. <link> </link>. Enlace asociado a esa pista. <image> </image>. Imagen previa asociada. <creator> </creator>. Autor del video. 6. El reproductor soporta 3 formatos de archivo de listas de reproducción: XSPF (muy utilizadas en Música Creative Commons), RSS (utilizada con frecuencia para Podcasts) y ATOM (propia de blogs). Como puede leerse en el encabezado del archivo playlist2.xml abierto anteriormente se trata de una lista XSPF: <playlist version="1" xmlns="
Audio ::: Integración HTML avanzada de audios Diseño de materiales multimedia. Web 2.0. 3.10 Integración HTML avanzada de audios
297 3.10 Integración HTML avanzada de audios 298 3.10. Integración HTML de audios 3.10.1 Reproductor de MIDIS Los archivos MIDI son archivos de extensión *.MID que contienen música. Son de reducido tamaño
Páginas web ::: Viñetas y marcadores Diseño de materiales multimedia. Web 2.0. 1.4 Viñetas y marcadores
31 1.4 Viñetas y marcadores 32 1.4 Viñetas y marcadores 1.4.1 Introducción En ocasiones nos puede interesar colocar enlaces a otros puntos de una misma página. Antes de crear el hipervínculo, es necesario
Páginas web ::: Hojas de estilo CSS Diseño de materiales multimedia. Web 2.0. 1.7 Hojas de estilo CSS
49 1.7 Hojas de estilo CSS 50 1.7 Hojas de estilo CSS 1.7.1 Qué es una hoja de estilo? Una hoja de estilo es un archivo de extensión *.CSS (CSS, Cascading Style Sheets = Hojas de estilo) que contempla
Páginas web ::: Tablas Diseño de materiales multimedia. Web 2.0. 1.6 Tablas
42 1.6 Tablas 43 1.6 Tablas 1.6.1 Introducción Las tablas están formadas por filas (horizontales) y columnas (verticales), y el espacio en que intersectan se denominan celdas. Aunque es una práctica muy
Manual Impress Impress Impress Impress Impress Draw Impress Impress
Manual Impress Se puede definir Impress como una aplicación dirigida fundamentalmente a servir de apoyo en presentaciones o exposiciones de los más diversos temas, proyectando una serie de diapositivas
Páginas web ::: Formularios Diseño de materiales multimedia. Web 2.0. 1.9 Formularios
66 1.9 Formularios 67 1.9 Formularios 1.9.1 Qué es un formulario? Un formulario es un conjunto de casillas que se puede añadir a una página y que permite recoger datos que introduce el usuario para luego
CÓMO CREAR NUESTRO CATÁLOGO
CÓMO CREAR NUESTRO CATÁLOGO Mediante la aplicación (http://www.prensasoft.com/programas/conline) podemos crear nuestros propios catálogos. Para crear un catálogo necesitamos: - Varios productos que mostrar,
Menús. Gestor de Menús
Menús Para dar acceso a las categorías, artículos y generar espacio para los módulos se deben crear menús, éstos son enlaces a determinado recurso en el portal Web, sin ellos no es posible visualizar ninguno
Figura 9.1 Estados Reposo, Sobre, Presionado y Zona activa de un botón. 9.2 Usar un botón de una Biblioteca común
Capítulo 9 Botones 9.1 Qué es un botón? L os botones son clips de películas interactivos de 4 fotogramas. Cuando se selecciona el comportamiento botón para un símbolo, Flash crea un símbolo con una línea
UF0320: Aplicaciones informáticas de tratamiento de textos
UF0320: Aplicaciones informáticas de tratamiento de textos TEMA 1. Conceptos generales y características fundamentales del programa de tratamiento de textos TEMA 2. Introducción, desplazamiento del cursor,
1.- MENU DE CONTROL O MENU VENTANA: permite cerrar la ventana cambiarla de tamaño y pasar a otra ventana
EXCEL PRÓLOGO Microsoft Excel es una hoja de cálculo de gran capacidad y fácil uso. Excel no solo es una hoja de calculo, sino también tiene capacidad para diseñar bases de datos (listas) de forma totalmente
Páginas web ::: El sitio web: estructura y navegación Diseño de materiales multimedia. Web 2.0. 1.13 Sitio web: estructura y navegación
104 1.13 Sitio web: estructura y navegación 105 1.13 Sitio web: estructura y navegación 1.13.1 Qué es un sitio web? Un sitio web (en inglés:website) es un conjunto de páginas html relacionadas entre sí
Páginas web ::: Noticias RSS de un sitio web Diseño de materiales multimedia. Web 2.0. 1.12 Noticias RSS de un sitio web
98 1.12 Noticias RSS de un sitio web 99 1.12 Noticias RSS de un sitio web 1.12.1 Qué es un canal RSS? RSS es un término que se refiere a la posibilidad de crear un canal de noticias en un sitio web para
Elementos de Microsoft Word
Contenido 1. Distintas formas de iniciar Word 2007... 2 2. Ayuda de Word... 2 3. Las barras de herramientas... 3 4. Funcionamiento de las pestañas. Cómo funcionan?... 4 5. Personalizar barra de acceso
Páginas web ::: Mi primera página Diseño de materiales multimedia. Web 2.0. 1.3 Mi primera página
23 1.3 Mi primera página 24 1.3 Mi primera página El propósito de este actividad es diseñar tu primera página con Kompozer. El tema elegido es una breve pincelada del poeta Federico García Lorca. En este
2011-2012 RESOLUCIÓN DE ERRORES EN MOODLE CAMPUS VIRTUAL-BIRTUALA UPV-EHU
2011-2012 RESOLUCIÓN DE ERRORES EN MOODLE CAMPUS VIRTUAL-BIRTUALA UPV-EHU Antecedentes:... 2 1. Introducción... 3 2. Imágenes que no se visualizan... 3 3. URLs de recursos o actividades que no son autocontenido...
Adobe Dreamweaver CS6 Mi Sitio Web
Adobe Dreamweaver CS6 Mi Sitio Web Mg. Carlos Antonio Huamán Terrazas. Presentación Una de las reglas que se debe respetar en la creación de un Sitio Web es ordenar lar páginas web y los archivos a utilizar
lash ofrece dos métodos distintos de utilizar un sonido en una película:
Capítulo 10 Sonidos 10.1 Uso del sonido en Flash F lash ofrece dos métodos distintos de utilizar un sonido en una película: Sonidos de evento: Debe descargarse por completo para que empiece a reproducirse.
Para ingresar a la aplicación Microsoft PowerPoint 97, los pasos que se deben seguir pueden ser los siguientes:
Descripción del ambiente de trabajo Entrar y salir de la aplicación Para ingresar a la aplicación Microsoft PowerPoint 97, los pasos que se deben seguir pueden ser los siguientes: A través del botón :
Integración de Google Docs en tu blog
1 Integración de Google Docs en tu blog Básicamente existen dos formas de acceder a un documento Google desde el artículo de un blog: Enlace a su URL. Se escribe un texto en el artículo del blog y en él
Google Sites_04: Acciones del sitio
Google Sites_04: Acciones del sitio En este tutorial veremos las Acciones de sitio que aparecen al pulsar el menú Más. 1.- Suscribirse a los cambios del sitio. Si seleccionamos esta opción recibiremos
Manual Usuario Wordpress. Índice
2 Índice 1. Manual usuario...2 1.1 Zona de mensajes...2 1.2 Zona de usuarios...5 1.2.1 Identificarse...5 1.2.2 Registrarse...6 1.3 Categorías...6 1.4 Subscribirse...6 1.5 Archivos...7 1.6 Calendario...7
ACTUALIZACIÓN DE LA PLATAFORMA EDUCATIVA: MOODLE 3.0
ACTUALIZACIÓN DE LA PLATAFORMA EDUCATIVA: MOODLE 3.0 A partir de diciembre de 2015, la Facultad de Ciencias Bioquímicas y Farmacéuticas ha realizado la actualización de su Plataforma Educativa de la versión
SESIÓN 6 INTRODUCCIÓN A WORD.
SESIÓN 6 INTRODUCCIÓN A WORD. I. CONTENIDOS: 1. La pantalla de Word. 2. Partes de la pantalla de Word. 3. Funcionamiento de los menús. 4. Distintas formas de ver un documento. 5. Trabajar con varios documentos
Operación Microsoft PowerPoint 97
Organizar diapositivas Manejo de la vista Clasificador de diapositivas Esta vista es la más apropiada para organizar las diapositivas de una presentación; se pueden realizar cambios en el orden en que
Operación Microsoft Access 97
Trabajar con Controles Características de los controles Un control es un objeto gráfico, como por ejemplo un cuadro de texto, un botón de comando o un rectángulo que se coloca en un formulario o informe
Para ingresar a la aplicación Microsoft Word 97, los pasos que se deben seguir pueden ser los siguientes:
Acceso a la aplicación Descripción del ambiente de trabajo Para ingresar a la aplicación Microsoft Word 97, los pasos que se deben seguir pueden ser los siguientes: A través del botón Inicio: 1. Seleccionar
GUÍA RÁPIDA DE TRABAJOS CON ARCHIVOS.
GUÍA RÁPIDA DE TRABAJOS CON ARCHIVOS. 1 Direcciones o Ubicaciones, Carpetas y Archivos Botones de navegación. El botón Atrás permite volver a carpetas que hemos examinado anteriormente. El botón Arriba
Microsoft OneNote 2010
Microsoft OneNote 2010 OneNote es una versión electrónica de un bloc de notas en el que se escriben notas, recordatorios, ideas, pensamientos y anotaciones de todo tipo. Ofrece un lienzo de forma libre
Índice general de materias LECCIÓN 7 74
Índice general de materias LECCIÓN 7 74 BUSCAR 74 BUSCAR CON FORMATO 77 REEMPLAZAR 78 REEMPLAZAR CON FORMATO 79 NOTAS AL PIE DE PÁGINA 79 CONFIGURAR LAS NOTAS 81 INSERTAR NOTAS AL PIE 83 MODIFICAR NOTAS
Tutorial de Swish 2.0
1 Tutorial de Swish 2.0 Swish es una herramienta fácil de usar que permite producir en pocos minutos complejas animaciones con texto e imágenes en formato SWF para el reproductor de Flash. En este tutorial
PRÁCTICA 2. AMPLIAR LA WEB
PRÁCTICA 2. AMPLIAR LA WEB Ejercicio 1. Amplia la página Web que diseñaste en la práctica 1 con los siguientes elementos: fondos, marquesinas, tablas, hipervínculos y vídeos youtube. PASOS A SEGUIR 1.
1. Abre un archivo FLA cualquiera. Como hemos hecho en anteriores secciones puedes abrir el archivo natura.fla situado en Curso Flash/ejemplos.
Capítulo 15 Diseño multimedia 15.1 Generar un proyector.exe E l archivo producido es un ejecutable que reproduce directamente la película independientemente del entorno de diseño Flash y de que el cliente
Manual del Profesor Campus Virtual UNIVO
Manual del Profesor Campus Virtual UNIVO Versión 2.0 Universidad de Oriente UNIVO Dirección de Educación a Distancia INDICE 1. Campus Virtual. 03 1.1 Accesos al Curso 04 1.2 Interfaz del Curso...06 1.3
Planilla de cálculo. Módulo II - OpenOffice.org Calc
Planilla de cálculo Módulo II - OpenOffice.org Calc 1 OpenOffice.org Calc Índice de contenidos Introducción Fórmulas Operadores matemáticos Autorrellenar Una función especial: Autosuma Algunas funciones
5.- Crear páginas web con Nvu
5.- Crear páginas web con Nvu Nvu permite crear y publicar páginas web sin necesidad de tener conocimientos de HTML y de una forma tan sencilla como utilizar un procesador de textos. La barra de herramientas
CÓMO CREAR UN SITIO WEB CON GOOGLE SITES
CÓMO CREAR UN SITIO WEB CON GOOGLE SITES Vamos a analizar las características de una herramienta que ofrece google y que posibilita la creación de páginas sencillas y personales y que se denomina google
Microsoft FrontPage XP
XP El conjunto de páginas escritas en formato HTML (Hyper Text Markup Lenguaje) recibe el nombre de Web, el lugar en el que se almacena se denomina sitio Web. En estos documentos podemos incluir archivos
Audio ::: Copiar y pegar audio Diseño de materiales multimedia. Web 2.0. 3.6 Copiar y pegar audio con Audacity
272 3.6 Copiar y pegar audio con Audacity 273 3.6 Copiar y pegar audio con Audacity 3.6.1 Seleccionar un fragmento de onda La reducción del peso de un archivo de audio puede realizarse acortando su duración
5.2.1 La Página Principal
5.2 Las Páginas WEB Una página Web es un documento electrónico escrito en un lenguaje de ordenador llamado HTML, o Hypertext Markup Language (lenguaje de marcación de hipertexto). Como ya hemos dicho,
- 1 - Página 1 de 52 Abril 2014 Revisión 5
1-1 - Página 1 de 52 2-2 - Página 2 de 52 Índice 1. Qué son las MicroWebs... 3 1.1. MicroWebs de Entidad UPV y MicroWebs de contenido... 4 1.2. Cómo empezar... 4 2. Gestión de las MicroWebs de Entidad...
Movistar Tu Web Manual de Usuario
Movistar Tu Web Manual de Usuario Contenido 1. Introducción... 1 2. Visión general de la aplicación online Tu Web... 2 3. Páginas... 3 Añadir una nueva página o una carpeta... 4 Editar páginas... 4 4.
Proyectos de Innovación Docente
Proyectos de Innovación Docente Manual de Usuario Vicerrectorado de Docencia y Profesorado Contenido INTRODUCCIÓN... 3 DATOS PERSONALES... 6 Modificar email... 6 Modificar contraseña... 7 GESTIÓN PROYECTOS...
Tutorial de PowerPoint
Tutorial de PowerPoint Este documento pretende explicar la elaboración de la presentación Los Planetas del Sistema Solar que se comenta en el apartado II de la Guía del curso. Las imágenes utilizadas están
Formación del Usuario Manual de Windows XP
Formación del Usuario Manual de Windows XP Índice ÍNDICE... 2 1. INTRODUCCIÓN... 3 2. PANTALLA... 3 2.1. TEMAS... 3 2.2. ESCRITORIO... 4 2.3. PROTECTOR DE PANTALLA... 4 2.4. APARIENCIA... 5 2.5. CONFIGURACIÓN...
Manual de OpenOffice Impress
Manual de OpenOffice Impress. Capítulo 4. Trabajando con gráficos, esquemas y plantillas 1 Manual de OpenOffice Impress Capítulo 4: Trabajando con gráficos, esquemas y plantillas Este material es una adaptación
IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA
PROGRAMA DE FORMACIÓN UNIDAD DE APRENDIZAJE ACTIVIDAD OBJETIVOS IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA OFIMATICA Y AUXILIAR DE SISTEMAS II-A GESTORES DE CONTENIDO INSTALACIÓN DE JOOMLA Y CREACIÓN DE
Cadena de Palabras Manual de usuario
25 de febrero de 2015 16 Abril 2015 Cadena de Palabras Manual de usuario 1. Introducción Cadena de Palabras es una aplicación que permite construir diferentes frases, además de enseñar la pronunciación
Cómo gestionar menús en Drupal 7
Cómo gestionar menús en Drupal 7 Los menús en Drupal son unas herramientas muy poderosas porqué proporcionan maneras para que los visitantes de nuestro sitio puedan llegar a páginas específicas. Estos
reemplaza menú archivo y esta situado en la esquina superior izquierda de estos programas de
Taller de Computación Básica Curso de Apoyo a la Modalidad Presencial Lección 1: Conociendo Word Indicaciones: 1. Identifica los elementos principales e interfaz de Word. 2. Maneja los elementos principales
Fuentes de información y plataformas de almacenamiento de información P08/93150/01582
Fuentes de información y plataformas de almacenamiento de información P08/93150/01582 FUOC P06/M1003/01067 2 Fuentes de información y plataformas de almacenamiento de información FUOC P08/93150/01582 Fuentes
UNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE
PROGRAMA: TUTORÍA VIRTUAL EN AMBIENTES DE APRENDIZAJE UNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE 1 USO DE LOS RECURSOS EN MOODLE 1. Tipos de Recursos 2. Editar Páginas de Texto o Web 3. Enlazar
WinHIPE: edición, compilación y ejecución de programas; y generación de animaciones web. Manual de usuario.
WinHIPE: edición, compilación y ejecución de programas; y generación de animaciones web. Manual de usuario. Índice contenido. INTRODUCCIÓN... 1-2 1. ENTORNO DE TRABAJO... 1-2 2. EDICIÓN DE PROGRAMAS...
1 MANUAL DE INSTALACIÓN
1 MANUAL DE INSTALACIÓN El software necesario para la ejecución de las aplicaciones se incluye en el apartado software del cd del proyecto. Aún así, a continuación se explica como poder descargar los programas
Tutorial de Dreamweaver MX 2004
1 Tutorial de Dreamweaver MX 2004 Dreamweaver MX 2004 es una aplicación para el diseño de espacios web que incorpora múltiples posibilidades de edición. 1. Configurar un sitio local El método más común
Así de fácil. Cortar, descargar y convertir vídeos o sonidos. Controles avanzados del reproductor multimedia VLC
Así de fácil. Cortar, descargar y convertir vídeos o sonidos. Controles avanzados del reproductor multimedia VLC VLC media player es un reproductor multimedia y framework multimedia libre, de código abierto
2_trabajar con calc I
Al igual que en las Tablas vistas en el procesador de texto, la interseccción de una columna y una fila se denomina Celda. Dentro de una celda, podemos encontrar diferentes tipos de datos: textos, números,
Instituto Mar de Cortés Elaborar Documentos en Procesador de Texto
Instituto Mar de Cortés Elaborar Documentos en Procesador de Texto Configurar página Cuando estamos escribiendo en un documento Word es como si lo hiciéramos en una hoja de papel que luego puede ser impresa.
Uso del portafolio digital
Uso del portafolio digital Contenido Qué es el portafolio digital?... 3 Ingresar al portafolio... 4 Crear carpetas por materia... 5 Subir los archivos (tareas) a la plataforma... 7 Crear vistas y compartir
Wikis Trabajando en una Wiki
Wikis Trabajando en una Wiki Contenido CONTENIDO... 1 VENTANA PRINCIPAL DEL WIKI... 2 AGREGAR UNA NUEVA PÁGINA... 4 EDICIÓN DE UNA PÁGINA... 5 DAR FORMATO A LA PÁGINA... 7 DESHACER Y REHACER ACCIONES...
Novell Vibe 4.0. Marzo de 2015. Inicio rápido. Inicio de Novell Vibe. Introducción a la interfaz de Novell Vibe y sus funciones
Novell Vibe 4.0 Marzo de 2015 Inicio rápido Cuando se empieza a usar Novell Vibe, en primer lugar se recomienda configurar un área de trabajo personal y crear un área de trabajo de Este documento explica
Figura 1 Abrir nueva hoja de cálculo
1. DISEÑO DE UNA HOJA Para abrir una hoja de cálculo existente en el espacio de trabajo del usuario, debe ir al menú Archivo > Abrir, o bien desde el botón Abrir archivo de la barra de herramientas, o
Introducción a Microsoft Word
La barra de herramientas de Word La barra de herramientas de Word ha evolucionado a través de las distintas versiones, manteniéndose más o menos constante desde la versión 97 hasta la 2003 y cambiando
Tutorial de Introducción a la Informática Tema 0 Windows. Windows. 1. Objetivos
1. Objetivos Este tema de introducción es el primero que debe seguir un alumno para asegurar que conoce los principios básicos de informática, como el manejo elemental del ratón y el teclado para gestionar
CÓMO OBTENER VÍDEO DE INTERNET
CAPTURA DE VIDEOS DESDE INTERNET Creo que a estas alturas no es necesario convencer a nadie de que Internet es una fuente indispensable de materiales para el aula. Todos somos conscientes de que en Internet
Manual de adminitración web www.accioncosteira.es
Manual de adminitración web www.accioncosteira.es Manual de administración Accioncosteira.es Contenidos 1. Presentación de la página...3 2. Tipos de contenido...5 2.1. Tipos de contenido...5 2.2. Categorías...5
Páginas multimedia Pizarra www.webardora.net
Página donde el usuario tiene un espacio (pizarra) para crear sus propias composiciones con gráficos y textos previamente insertados por el autor; además de poder escribir sus propios textos: PESTAÑA IMÁGENES
Insertar imágenes y media. Insertar imágenes. Trabajar desde la Galería. Insertar archivos y vídeos flash. Insertar imágenes y media 1
Insertar imágenes y media Insertar imágenes Trabajar desde la Galería Insertar archivos y vídeos flash Insertar imágenes y media 1 Insertar imágenes y media Las imágenes y los distintos tipos de media
Tema 2. Entorno de desarrollo integrado (IDE) de VS.NET
Tema 2. Entorno de desarrollo integrado (IDE) de VS.NET La página de inicio del entorno de desarrollo integrado (IDE) Desde esta página podremos acceder a: nuestros proyectos recientes, noticias relacionadas
6.1. Conoce la papelera
Unidad 6. La papelera de Reciclaje 6.1. Conoce la papelera La papelera no es más que un espacio en el disco duro reservado para almacenar la información que eliminamos, evitando que esta información aparezca,
En el siguiente tutorial veremos cómo utilizar la herramienta Pearltrees para gestionar contenidos.
NOVIEMBRE 2015 RECURSOS CLASE 2: TUTORIALES Recursos digitales para la educación primaria TUTORIAL: Pearltrees En el siguiente tutorial veremos cómo utilizar la herramienta Pearltrees para gestionar contenidos.
1. La nueva interfaz del programa
1. La nueva interfaz del programa 13 1. La nueva interfaz del programa 1.1 La interfaz del nuevo Flash CS4 Al acceder por primera vez a Adobe Flash CS4 llama la atención la nueva disposición de las paletas,
Guía de resolución de incidencias DVD-ROM Oxford Digital
Guía de resolución de incidencias DVD-ROM Oxford Digital Índice 1 Siempre se visualiza el primer DVD-ROM con el que se ha trabajado.... 3 2 Se visualiza el DVD-ROM, pero no se accede a los contenidos....
ÍNDICE. Acceso a nivel de agencias...3. Organización por carpetas...4. Descarga de facturas desde el portal...5. Búsquedas de facturas...
ÍNDICE Acceso a nivel de agencias...3 Organización por carpetas...4 Descarga de facturas desde el portal...5 Búsquedas de facturas...8 Configurar notificaciones por e-mail...11 3 Bienvenido al manual de
La hoja de cálculo EXCEL. Conceptos básicos
La hoja de cálculo EXCEL Conceptos básicos Conceptos básicos Hoja de cálculo. Concepto. El programa Excel -Elementos básicos:!hoja y libro!barra de títulos!barra de menús!barras de herramientas o de iconos!barra
Amnistía Internacional Sección Española
Amnistía Internacional Sección Española Webs locales Manual para editores Diciembre 2007 Versión 1.0 INTERNO SECRETARIADO ESTATAL. FERNANDO VI, 8, 1º IZDA. 28004 MADRID Telf.: + 34 91 310 12 77 Fax: +
Páginas web ::: Edición web en línea con Kompozer Diseño de materiales multimedia. Web 2.0. 1.16 Edición web en línea con Kompozer
129 1.16 Edición web en línea con Kompozer 130 1.16 Edición web en línea con Kompozer Kompozer es un programa que permite la edición en línea de un sitio web. Es decir que puedes actualizar directamente
Para este ejemplo vamos a crear el marco de aplicación que se presenta en la captura de pantalla siguiente:
En este tutor vamos a ver a fondo las posibilidades que nos ofrece el objeto marco; objeto que nos permite definir cómo será el interfaz del usuario cuando ejecuta el proyecto de aplicación con Velneo
Manual de Instrucciones
Manual de Instrucciones INDICE Acceso...3 Iniciando la aplicación...3 Inicio sesión: Ventanas de login...4 Ventana de login inicial...4 Ventana de login estándar...5 Ventana de inicio...7 Descripción de
Observe las diferencias entre las distintas posibilidades de alineación del texto. En la figura 3.38 se muestra Alineación del texto.
3.6.3 Alineación del texto. La manera más fácil de cambiar la alineación del texto en el documento es utilizar los botones de alineación de la barra de herramientas Formato. En el Cuadro de diálogo Párrafo
Servicios Web 2.0 ::: Scribd, documentos en línea Diseño de materiales multimedia. Web 2.0. 5.7 Scribd: documentos en línea
453 5.7 Scribd: documentos en línea 454 5.7 Scribd: documentos en línea Scribd (http://www.scribd.com/) es un espacio donde se pueden subir y alojar documentos procedentes de distintos formatos de archivo:
Operación de Microsoft Excel. Guía del Usuario Página 79. Centro de Capacitación en Informática
Manejo básico de base de datos Unas de las capacidades de Excel es la de trabajar con listas o tablas de información: nombres, direcciones, teléfonos, etc. Excel puede trabajar con tablas de información
MANUAL DE USO DE LA NUEVA PLATAFORMA DE CORREO OFICIAL
MANUAL DE USO DE LA NUEVA PLATAFORMA DE CORREO OFICIAL Luego de iniciar sesión, se mostrará la pantalla principal de correo. En la barra superior aparecen las pestañas con las diferentes funcionalidades
Vamos a ver las dos formas básicas de arrancar PowerPoint.
Iniciar Powerpoint Vamos a ver las dos formas básicas de arrancar PowerPoint. 1) Desde el botón Inicio situado, normalmente, en la esquina inferior izquierda de la pantalla. Coloca el cursor y haz clic
CREACION DE PÁGINAS WEB
CREACION DE PÁGINAS WEB CREAR LO QUE LLAMAREMOS SITIO WEB LOCAL En el escritorio del ordenador crear una carpeta llamada sitio web que sea donde guardes todos los archivos Dentro de ella guardaremos todos
Portafolios en CREA 2. Manual
Portafolios en CREA 2 Manual Índice Cómo uso los portafolios?... 2 Para crear o editar un portafolio:... 2 Página de Portafolios... 2 Agregar elementos en un portafolio... 3 Para agregar elementos en el
Incrustar audios desde Ivoox
1 Incrustar audios desde Ivoox 1. Qué es Ivoox? ivoox (http://www.ivoox.com) es un espacio gratuito donde se puede reproducir, descargar y compartir audios de todo tipo de temáticas (historia, deportes,
CREAR UN BLOG CON BLOGGER
CURSO CREAR UN BLOG CON BLOGGER MATERIAL REALIZADO POR EL EQUIPO TIC DEL COLEGIO LA MILAGROSA DE SALAMANCA Curso Crear un blog con Blogger. Equipo TIC del Colegio La Milagrosa de Salamanca (p. 2) Para
Paso 1 de 13. Paso 2 de 13. Guía de aprendizaje de Flash CS5 Tutorial 3. Creación de un logotipo textual.
Guía de aprendizaje de Flash CS5 Tutorial 3. Creación de un logotipo textual. Paso 1 de 13 En este tutorial vamos a crear un logotipo basado en un texto al que aplicaremos algunos efectos utilizando filtros
Plataforma Helvia. Manual de Administración. Bitácora. Versión 6.06.04
Plataforma Helvia Manual de Administración Bitácora Versión 6.06.04 ÍNDICE Acceso a la administración de la Bitácora... 3 Interfaz Gráfica... 3 Publicaciones... 4 Cómo Agregar una Publicación... 4 Cómo
Curso de TIC educativas JITICE 2015
Curso de TIC educativas Nombre del curso: Taller de Pizarra Digital Interactiva con SMART Notebook Nombre profesor: Jorge Castellanos Correo: jorge.castellanos@urjc.es INDICE Actividad 1: Trabajando con
Microsoft Office XP Excel XP (I)
PRÁCTICA 1 HOJA DE CÁLCULO Microsoft Office XP Excel XP (I) 1. Entrar en Windows 98 (ver práctica 1), y en el Excel abriendo el icono Microsoft Office del escritorio y seleccionar el icono Microsoft Excel,
Para crear formularios se utiliza la barra de herramientas Formulario, que se activa a través del comando Ver barra de herramientas.
Formularios TEMA: FORMULARIOS. 1. INTRODUCCIÓN. 2. CREACIÓN DE FORMULARIOS. 3. INTRODUCIR DATOS EN UN FORMULARIO. 4. MODIFICAR UN FORMULARIO 5. MANERAS DE GUARDAR UN FORMULARIO. 6. IMPRIMIR FORMULARIOS.
Secretariado de Tecnologías. Francisco Moreno. Microsoft PowerPoint 1 CREACIÓN DE PRESENTACIONES MICROSOFT POWERPOINT
Secretariado de Tecnologías. Francisco Moreno. Microsoft PowerPoint 1 1.- INTRODUCCIÓN CREACIÓN DE PRESENTACIONES MICROSOFT POWERPOINT PowerPoint es un programa que contiene un conjunto completo de herramientas
Manual de usuario para Android de la aplicación PORTAFIRMAS MÓVIL
Manual de usuario para Android de la aplicación PORTAFIRMAS MÓVIL Índice 1 Introducción... 5 1.1 Perfil de la aplicación... 5 1.2 Requisitos técnicos... 5 2 Manual de usuario... 7 2.1 Instalación del certificado...
POWER POINT XP. Tema 5: Presentaciones. Tema 9.- POWER POINT XP. Objetivos. Tipos de documentos Power Point (I) Qué es Power Point?
Objetivos UNIVERSIDAD REY JUAN CARLOS Tema 5: Presentaciones POWER POINT XP Conocer las posibilidades que ofrece Power Point XP Presentar las características de Power Point XP Aprender su uso y manejo
CAPÍTULO 4. EL EXPLORADOR DE WINDOWS XP
CAPÍTULO 4. EL EXPLORADOR DE WINDOWS XP Características del Explorador de Windows El Explorador de Windows es una de las aplicaciones más importantes con las que cuenta Windows. Es una herramienta indispensable
AS237 - Dreamweaver CS5
AS237 - Dreamweaver CS5 Características Modalidad: Online Horas: 56 Objetivos Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación y
HERRAMIENTAS DE PHOTOSHOP
HERRAMIENTAS DE PHOTOSHOP Photoshop nos ofrece 22 herramientas básicas con 54 variaciones, que nos permitirán modificar y crear nuestras imágenes. Todas las herramientas se activan con un clic y si mantienes
Clase Nº 9 OPERADOR PC. P á g i n a 1 HOJA DE CALCULO MICROSOFT EXCEL
P á g i n a 1 Clase Nº 9 HOJA DE CALCULO MICROSOFT EXCEL Para acceder a este programa se debe hacer clic en el botón INICIO, luego en PROGRAMAS, luego en MICROSOFT OFFICE y finalmente en MICROSOFT EXCEL.