Kompozer: Crear un banner para la web

Save this PDF as:
 WORD  PNG  TXT  JPG

Tamaño: px
Comenzar la demostración a partir de la página:

Download "Kompozer: Crear un banner para la web"

Transcripción

1 Kompozer: Crear un banner para la web En este tutorial vamos a ver cómo crear un banner con Macromedia Flash y luego vamos a insertarlo en la página de inicio de nuestra web. 1.-Abre Macromedia Flash MX 2004 y cambia el tamaño del documento a 800 x 200 píxeles. 1

2 2.- Ahora crea un rectángulo con fondo verde y borde azul de las mismas dimensiones. 3.- Selecciona el rectángulo creado y pulsa la tecla F8 para convertirlo a símbolo (con el nombre fondo ) de tipo gráfico. 2

3 4.- Observa la Biblioteca de símbolos ; aparece el símbolo que acabamos de crear. 5.- Cambia el nombre de la capa a fondo, sitúate en el fotograma 40 y pulsa la tecla F6 para insertar fotograma clave. 3

4 6.- Ahora creamos una interpolación de movimiento, de manera que en el fotograma 0 el rectángulo lo ponemos con canal alfa a valor 0, y en el fotograma 40 establecemos el canal alfa al 100%. Para ello sitúate en el fotograma 0, selecciona el rectángulo, y en el desplegable Color elige Alfa con valor 0%. Y luego, en el fotograma 40 elige color alfa con valor 100%. 4

5 7.- Sobre el primer fotograma, hacemos clic con el botón derecho del ratón y elegimos Crear interpolación de movimiento. 5

6 8.- El resultado es el siguiente. Así se consigue que vaya apareciendo el color verde de forma gradual. 9.- Ahora crea una nueva capa y llámala oso Sobre esta capa vamos a insertar la imagen del oso oso_bancoimagenesite.wmf que encontrarás en la carpeta RECURSOS/WEB del curso. Esta imagen está tomada del Banco de Imágenes del ITE. Para insertar la imagen pulsa sobre el menú Archivo/Importar/Importar a biblioteca. 6

7 11.- Arrastra el archivo que acabas de importar a la biblioteca a la ventana de dibujo El resultado sería así. Seleccionando el fotograma 1 de la capa oso, sitúo el oso en la posición de inicio (por ejemplo, a la derecha de la ventana). 7

8 13.- Ahora nos colocamos sobre el fotograma 15 de la capa oso y creamos fotograma clave (F6). En este fotograma 15 cambiamos la posición del oso en la ventana de dibujo Sobre el fotograma 1 de la capa oso, con el botón derecho del ratón, haz clic en Crear interpolación de movimiento. 8

9 15.- Crea una nueva capa asturias. En ella insertaremos un texto Con la herramienta Texto, sobre el fotograma 15, arrastra el ratón sobre la ventana de dibujo y escribe un texto Y con la tecla F6 inserta un fotograma clave en el fotograma 15 para que sólo se vea el texto a partir de este fotograma. 9

10 18.- Guarda el archivo en la carpeta Documents/Web/Web Asturias/recursos de tu pendrive con el nombre banner_asturias.fla Ahora vamos a publicar el archivo para convertirlo a formato SWF. Haz clic en el menú Archivo/Publicar. 10

11 20.- Observa que en la misma carpeta recursos se han creado los archivos banner_asturias.swf y banner_asturias.html. El que nos interesa, para insertarlo en la web, es el archivo banner_asturias.swf. Cópialo y pégalo en la carpeta Documents/Web/Web Asturias, junto con los archivos html Ahora crea una fila nueva en la tabla del archivo index.html para ubicar el banner. 11

12 22.- Sitúa el cursor en la fila donde quieres insertar el banner, y pulsa sobre el menú Insertar/HTML para insertar aquí el código HTML correspondiente al banner. El código HTML lo obtenemos abriendo el fichero banner_asturias.html y pulsando con el botón derecho del ratón sobre la página, eligiendo la opción Ver código fuente de la página. 23.-Copiamos todo el código que aparece entre las etiquetas <body> y </body> Y lo pegamos en la tabla seleccionando la fila en cuestión y con el menú Insertar/ HTML El resultado sería el siguiente: 12

13 Como el banner mide 800 píxeles y hemos puesto que la tabla sea el 100% de la ventana, el banner no se ajusta a la tabla. 26.-Podemos hacer los siguientes cambios sobre el archivo index.html Tabla: 800 píxeles de ancho. Anchos de las celdas: sigue dejando 30% para las celdas izquierda y derecha y 40% para las celdas centrales. Objetos que hemos insertado con código html, como el álbum de flickr, el de slideshare, goear, etc, miramos el código html y ponemos siempre width=100% de la celda. 27.-Luego, ponemos un color de fondo a la página index.html (menú Formato/Colores y fondo de página): 13

14 Seleccionamos Usar colores personalizados y escogemos un color para el fondo. El resultado al navegar sería: 28.-Para que la tabla quede centrada respecto a la ventana de navegación, seleccionamos la tabla, y en propiedades de tabla escogemos alineación centrada. 14

15 Ahora al navegar tendríamos la tabla centrada y con fondo. 15

Kompozer: Añadir formato a la página y añadir imágenes

Kompozer: Añadir formato a la página y añadir imágenes Kompozer: Añadir formato a la página y añadir imágenes En estos tutoriales hemos escogido el tema Asturias para hacer una página web con Kompozer. Para empezar, crea la carpeta Web Asturias en la carpeta

Más detalles

Aplicaciones didácticas en Internet: DREAMWEAVER Bloque 2

Aplicaciones didácticas en Internet: DREAMWEAVER Bloque 2 Aplicaciones didácticas en Internet: DREAMWEAVER Bloque 2 1. Celdas y tablas, propiedades Dibujando celdas y tablas de disposición, podemos verificar las propiedades cambiando los datos en el panel que

Más detalles

Paso 1 de 13. Paso 2 de 13. Guía de aprendizaje de Flash CS5 Tutorial 3. Creación de un logotipo textual.

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

Más detalles

CREACION DE PÁGINAS WEB

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

Más detalles

Tutorial de Swish 2.0

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

Más detalles

TUTORIAL DREAMWEAVER 4 BÁSICO

TUTORIAL DREAMWEAVER 4 BÁSICO TUTORIAL DREAMWEAVER 4 BÁSICO Joan Lluis Ceprià Postgrau 2002/2003 - Noves Tecnologíes aplicades a l educació ÍNDICE 0 - CARPETA DE CONTENIDOS página 3 1 - LA PRIMERA PÁGINA WEB página 4 2 - ENLACES EXTERNOS

Más detalles

Arrancar Word. Clic en inicio Clic en Microsoft Word 2010

Arrancar Word. Clic en inicio Clic en Microsoft Word 2010 Word 2007 Arrancar Word Clic en inicio Clic en Microsoft Word 2010 Nuestro primer documento Tarea 1 Escribiremos nuestros datos: Busca 1º Cambiamos formato de guardado: 3º 2º 4º Guardar un documento Dónde

Más detalles

Páginas web ::: Tablas Diseño de materiales multimedia. Web 2.0. 1.6 Tablas

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

Más detalles

Microsoft Word 2010. Área de Capacitaciones Informatik Ediciones

Microsoft Word 2010. Área de Capacitaciones Informatik Ediciones Microsoft Word 00 Microsoft Word Orientación Márgenes Encabezado y Pie de página Columnas Tablas Guardar documentos Aplicación: tríptico Área de Capacitaciones Informatik Ediciones WORD 00 Microsoft Word

Más detalles

1. Qué hacemos con la información encontrada en Internet? 2. De cuántas maneras se puede guardar una información?

1. Qué hacemos con la información encontrada en Internet? 2. De cuántas maneras se puede guardar una información? GUARDAR LA INFORMACIÓN DE INTERNET (Tutoriales) 1. Qué hacemos con la información encontrada en Internet? Si encontramos información interesante en la red podemos guardarla. 2. De cuántas maneras se puede

Más detalles

PRÁCTICA 2. AMPLIAR LA WEB

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.

Más detalles

COMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS.

COMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS. 2011 2012 COMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS. WWW.FAUBELL.COM vicente@faubell.com VÍNCULOS: Antes de proseguir hemos de repasar el concepto vínculo ya que vamos a utilizarlo mucho

Más detalles

Prácticas de Word XP 1

Prácticas de Word XP 1 Prácticas de Word XP 1 1. Haciendo clic en el botón derecho del ratón, crea una carpeta en Documentos con vuestros nombres. En ella guardaréis todas las prácticas que se van a realizar. 2. Abre Microsoft

Más detalles

Diseño de páginas web

Diseño de páginas web Diseño de páginas web Modo en vista disposición Ricardo Esteban Alonso Vista de disposición Ayuda a simplificar el uso de tablas en la disposición de páginas, y además las celdas se pueden dibujar, personalizar

Más detalles

Para crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas.

Para crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas. Módulo 3 Herramientas de Cómputo Listas, tabulaciones, columnas y cuadros de texto Listas En muchas ocasiones es necesario que enumeres diferentes elementos en tus documentos. Word no sólo reconoce números

Más detalles

Páginas web ::: Uso de plantillas Diseño de materiales multimedia. Web 2.0. 1.8 Uso de plantillas

Páginas web ::: Uso de plantillas Diseño de materiales multimedia. Web 2.0. 1.8 Uso de plantillas 59 1.8 Uso de plantillas 60 8. Uso de plantillas 1.8.1 Para qué sirve una plantilla? Una plantilla HTML se utiliza como base para crear varias páginas con un diseño similar pero con distinto contenido.

Más detalles

2. En propiedades de película establece una medida de 400 pixeles de ancho por 200 pixeles de alto.

2. En propiedades de película establece una medida de 400 pixeles de ancho por 200 pixeles de alto. FLASH MX TUTORIAL 12 TÍTULO: INTRO PARA PÁGINA WEB D.G. DANIEL GAYTÁN LÓPEZ http://www.comicseries.net/tutoriales En este tutorial vamos a ver como poner una introducción para página web con sonido. 1.

Más detalles

Servicios Web 2.0 ::: Flickr: galería de fotografías Diseño de materiales multimedia. Web 2.0. 5.2 Flickr: galería de fotografías

Servicios Web 2.0 ::: Flickr: galería de fotografías Diseño de materiales multimedia. Web 2.0. 5.2 Flickr: galería de fotografías 417 5.2 Flickr: galería de fotografías 418 5.2 Flickr: galería de fotografías 5.2.1 Introducción Flickr (http://www.flickr.com) es un espacio donde se puedes administrar y compartir tus fotos en línea.

Más detalles

Tutorial de Dreamweaver MX 2004

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

Más detalles

Creación, configuración, formato y visualización de una presentación en Power Point

Creación, configuración, formato y visualización de una presentación en Power Point Módulo 3 Herramientas de Cómputo Creación, configuración, formato y visualización de una presentación en Power Point Cómo crear una diapositiva nueva? Para crear una diapositiva nueva tienes que ir al

Más detalles

Jornadas de INCLUSION DIGITAL. a través de las TIC ORGANIZAN: CAPACITA: CLAEH

Jornadas de INCLUSION DIGITAL. a través de las TIC ORGANIZAN: CAPACITA: CLAEH Jornadas de INCLUSION DIGITAL a través de las TIC ORGANIZAN: CAPACITA: CLAEH Con Google Docs puedes crear, compartir y editar documentos online con facilidad. A continuación te indicamos algunas acciones

Más detalles

Tutorial 1: Creación de páginas web con Editor HTML de OpenOffice

Tutorial 1: Creación de páginas web con Editor HTML de OpenOffice Tutorial 1: Creación de páginas web con Editor HTML de OpenOffice Nota: el propósito del curso no es aprender a elaborar páginas web complejas. Por eso, únicamente vamos a aprender a manejar ocho procedimientos:

Más detalles

Web. Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver

Web. Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver Web Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver Álvarez, S., Bravo, S., Departamento de Informática y automática Universidad de Salamanca Sumario 1. Qué es Dreamweaver? 2. El entorno

Más detalles

Cómo diseñar un gif animado con GIMP

Cómo diseñar un gif animado con GIMP Cómo diseñar un gif animado con GIMP CONCEPTOS INICIALES Qué es GIMP? Descarga e instalación. GIMP (GNU Image Manipulation Program) es un programa de edición de imágenes digitales en forma de mapa de bits,

Más detalles

1. UNA PÁGINA WEB SENCILLA

1. UNA PÁGINA WEB SENCILLA { 1 } Índice 1. UNA PÁGINA WEB SENCILLA... 3 2. PROPIEDADES DE LA PÁGINA... 4 3. COLORES EN UNA PÁGINA WEB... 5 4. LÍNEAS HORIZONTALES... 6 5. AÑADIR UNA IMAGEN... 7 6. USAR ENLACES... 8 7. INSERTAR TABLAS...

Más detalles

Tema 8. Creación y diseño de un sitio web

Tema 8. Creación y diseño de un sitio web 1. Interfaz de Dreamweaver MX El entorno de trabajo de Dreamweaver está compuesto por una serie de ventanas, paneles y otros elementos configurables por el usuario. En la Figura 1 podemos ver una posible

Más detalles

Tutorial 2: Creación de páginas web con Compozer

Tutorial 2: Creación de páginas web con Compozer Tutorial 2: Creación de páginas web con Compozer Nota: el propósito del curso no es aprender a elaborar páginas web complejas. Por eso, únicamente vamos a aprender a manejar siete procedimientos: Crear

Más detalles

14.1 Configuración de las propiedades del documento

14.1 Configuración de las propiedades del documento Capítulo 14 Publicación 14.1 Configuración de las propiedades del documento V amos a abrir la película natura.fla guardada en la carpeta Curso Flash/ejemplos. No es necesario guardar los cambios producidos

Más detalles

Tutorial de Introducción a la Informática Tema 0 Windows. Windows. 1. Objetivos

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

Más detalles

Word XP (Continuación) Salto de página vs. Salto de Sección

Word XP (Continuación) Salto de página vs. Salto de Sección Word XP (Continuación) Salto de página vs. Salto de Sección 1 Salto. Salto de página Cuando se llena una página con texto o gráficos, Microsoft Word inserta un salto de página automático y comienza una

Más detalles

Creando una webquests

Creando una webquests Creando una webquests 1. LO PRIMERO EL PROGRAMA Para crear paginas web necesitamos el software apropiado. Hay muchas formas y programas para hacerlo, pero por su facilidad de uso y por ser software libre

Más detalles

C.E.A. San Ildefonso La Granja Curso 2009/2010

C.E.A. San Ildefonso La Granja Curso 2009/2010 Unidad 1. Introducción. Conceptos Básicos (I) PowerPoint es la herramienta que nos ofrece Microsoft Office para crear presentaciones. Las presentaciones son imprescindibles hoy en día ya que permiten comunicar

Más detalles

IMÁGENES. Existen una serie de formatos de imagen más recomendables que otros para ser introducidos en una página web.

IMÁGENES. Existen una serie de formatos de imagen más recomendables que otros para ser introducidos en una página web. IMÁGENES Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual. Existen una serie de formatos de imagen más

Más detalles

DISEÑO'DE'PÁGINAS'WEB'

DISEÑO'DE'PÁGINAS'WEB' Informática4ºESO B. KOMPOZER' DISEÑO'DE'PÁGINAS'WEB' Kompozer es un editor gráfico de HTML de tipo WYSIWIG What$You$See$Is$What$ You$Get$"loquevesesloqueobtienes")basadoenNvu. 1. INSTALACIÓN' Desde la

Más detalles

INICIANDO CON FLASH ESPACIO DE TRABAJO

INICIANDO CON FLASH ESPACIO DE TRABAJO ESPACIO DE TRABAJO INICIANDO CON FLASH Teniendo instalado el programa podemos ejecutarlo desde el botón de inicio, buscando la carpeta de adobe, dentro de ella seleccionamos el programa de Flash CS4 (básico

Más detalles

Páginas web ::: Mi primera página Diseño de materiales multimedia. Web 2.0. 1.3 Mi primera página

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

Más detalles

EDITOR DE PÁGINAS WEB KOMPOZER (4º ESO)

EDITOR DE PÁGINAS WEB KOMPOZER (4º ESO) EDITOR DE PÁGINAS WEB KOMPOZER (4º ESO) 1) INSTALACIÓN 2) CREAR LA ESTRUCTURA DE CARPETAS 3) ABRIR EL PROGRAMA 4) GUARDAR LA PÁGINA WEB 5) CERRAR EL PROGRAMA 6) ABRIR EL ARCHIVO HTML DESDE EL KOMPOZER

Más detalles

Impress V: Exportaciones HTML y Flash

Impress V: Exportaciones HTML y Flash Impress V: Exportar a formato HTML La exportación como página web, es decir HTML, es uno de los tipos de exportación más completos de Openoffice. Antes de hacer la exportación es recomendable crear una

Más detalles

Solo basta con seguir los siguientes pasos: Abrir Publisher 2010. De clic en la categoría Correo Electrónico

Solo basta con seguir los siguientes pasos: Abrir Publisher 2010. De clic en la categoría Correo Electrónico 1 Toda organización debería contar con una página web, ya que es una forma de publicitarse, y así sus clientes sabrían más acerca de ella además que puede generar ingresos adicionales con una página web.

Más detalles

Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape

Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Introducción y objetivos De modo muy resumido Internet es una red que interconecta redes de ordenadores. Conectándose

Más detalles

Páginas web ::: Viñetas y marcadores Diseño de materiales multimedia. Web 2.0. 1.4 Viñetas y marcadores

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

Más detalles

Guía de Aprendizaje No. 1

Guía de Aprendizaje No. 1 MICROSOFT WORD Fundamentos básicos, ejecutar Word, su ventana y sus barras de herramientas Objetivos de la Guía de Aprendizaje No. 1 Obtener fundamentos básicos sobre Procesador de Texto Microsoft Word

Más detalles

FLASH CS5 - DISEÑO WEB

FLASH CS5 - DISEÑO WEB 01. Conociendo Adobe Flash Professional 01.1. Presentación y objetivos del curso 01.2. Requerimientos técnicos para Adobe Flash 01.3. Ejecución de Adobe Flash 01.4. Utilización de la página de inicio 01.5.

Más detalles

Páginas web ::: Archivos ZIP Diseño de materiales multimedia. Web 2.0. 1.10 Archivos ZIP

Páginas web ::: Archivos ZIP Diseño de materiales multimedia. Web 2.0. 1.10 Archivos ZIP 78 1.10 Archivos ZIP 79 1.10 Archivos ZIP 1.10.1 Introducción En ocasiones puede interesar ofrecer la descarga de un documento o archivo al visitante de una página web. Puede ser el caso de una colección

Más detalles

Acercándose a Flash. Capítulo. 1.1 Por qué Flash?

Acercándose a Flash. Capítulo. 1.1 Por qué Flash? Capítulo 1 Acercándose a Flash 1.1 Por qué Flash? F lash se ha convertido en un clásico para el diseño de páginas web y de presentaciones multimedia interactivas. Las características más destacadas de

Más detalles

Kompozer: Crear una hoja de estilos

Kompozer: Crear una hoja de estilos Kompozer: Crear una hoja de estilos Las hojas de estilo en cascada (en inglés, Cascading Style Sheets), son archivos con extensión.css que se utilizan para dar estilo a nuestros documentos html, separando

Más detalles

12 FOTOS DE CARNÉ POR 20 CÉNTIMOS CON GIMP

12 FOTOS DE CARNÉ POR 20 CÉNTIMOS CON GIMP 12 FOTOS DE CARNÉ POR 20 CÉNTIMOS CON GIMP NOTA IMPORTANTE: La versión de GIMP que tú uses puede diferir de la que hemos usado en este ejemplo (la 2.8.4) y, por tanto, algunas de la herramientas que se

Más detalles

CREAR TABLAS EN WORD

CREAR TABLAS EN WORD CREAR TABLAS EN WORD 1º.-Crear tablas. Para crear una tabla en Word hay que ir al menú Insertar y luego pinchar en Tabla Tras hacerlo nos aparecerá un desplegable con una cuadrícula. No tenemos más que

Más detalles

Prácticas de Introducción al uso de Computadores Curso 2001-2002 1 POWER POINT

Prácticas de Introducción al uso de Computadores Curso 2001-2002 1 POWER POINT Prácticas de Introducción al uso de Computadores Curso 2001-2002 1 POWER POINT Introducción PowerPoint es un programa para presentaciones gráficas que pueden incluir texto, imágenes, voz, sonido y vídeo.

Más detalles

Hacer una página web con Kompozer

Hacer una página web con Kompozer Hacer una página web con Kompozer INTRODUCCIÓN Qué es Kompozer? es un editor de páginas web gratuito, con el que podemos crear las mismas de forma intuitiva sin tener que utilizar el lenguaje html (lenguaje

Más detalles

Prácticas guiadas para el diseño gráfico con Gimp 2.0

Prácticas guiadas para el diseño gráfico con Gimp 2.0 Prácticas guiadas para el diseño gráfico con Gimp 2.0 Luis Escandell Gómez Enero de 2.007 1 Práctica 1 - Diseño Gráfico con Gimp Introducción a Gimp GIMP es el Programa de Manipulación de Imágenes GNU

Más detalles

Páginas web ::: Kompozer: instalación y uso Diseño de materiales multimedia. Web 2.0. 1.2 Kompozer: instalación y uso

Páginas web ::: Kompozer: instalación y uso Diseño de materiales multimedia. Web 2.0. 1.2 Kompozer: instalación y uso 17 1.2 Kompozer: instalación y uso 18 1.2 Kompozer: instalación y uso 1.2.1 Qué es Kompozer? Kompozer es un editor WYSIWYG (What You See Is What You Get = Lo que ves es lo que tienes) de páginas web. Resulta

Más detalles

Prof. Luis Miguel Oliveros - Computación 3er Año

Prof. Luis Miguel Oliveros - Computación 3er Año NVU / KompoZer NVU es un editor de páginas web libre y gratuito desarrollado bajo la modalidad Open Source. Esta alternativa gratuita trae nuevas herramientas para facilitar el trabajo, convirtiéndola

Más detalles

Configuración de un sitio local

Configuración de un sitio local Configuración de un sitio local Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o un objetivo común. Es necesario diseñar y planificar el sitio web antes

Más detalles

Vamos a abrir la película natura.fla contenida en la carpeta Curso Flash/ejemplos para observar detalles de su línea de tiempo.

Vamos a abrir la película natura.fla contenida en la carpeta Curso Flash/ejemplos para observar detalles de su línea de tiempo. Capítulo 11 Animaciones 11.1 La animación con Flash P ara crear animación en una película Flash, se modifica el contenido de fotogramas sucesivos. Flash ofrece dos maneras de crear secuencias de animación:

Más detalles

Servicios Web 2.0 ::: Slide.com: presentación de imágenes Diseño de Webs Educativas (Iniciación) 5.3 Slide.com: presentación de imágenes

Servicios Web 2.0 ::: Slide.com: presentación de imágenes Diseño de Webs Educativas (Iniciación) 5.3 Slide.com: presentación de imágenes 228 5.3 Slide.com: presentación de imágenes 229 5.3 Slide.com: presentación de imágenes Slide.com (http://www.slide.com) es un servicio web 2.0 que nos permite subir una colección de imágenes y luego obtener

Más detalles

Herramientas para crear páginas.

Herramientas para crear páginas. Herramientas para crear páginas. Herramientas para la creación de páginas Web. Como hemos visto resulta sencillo pero engorroso escribir directamente en HTML. Por ello es más sencillo utilizar un editor

Más detalles

Imágenes y gráficos. 1 Introducción

Imágenes y gráficos. 1 Introducción Imágenes y gráficos 1 Introducción Hoy en día un documento para que sea considerado como un buen documento debe incluir, siempre que sea necesario, gráficos o imágenes, sobre todo si se va a distribuir

Más detalles

La pestaña Inicio contiene las operaciones más comunes sobre copiar, cortar y pegar, además de las operaciones de Fuente, Párrafo, Estilo y Edición.

La pestaña Inicio contiene las operaciones más comunes sobre copiar, cortar y pegar, además de las operaciones de Fuente, Párrafo, Estilo y Edición. Microsoft Word Microsoft Word es actualmente (2009) el procesador de textos líder en el mundo gracias a sus 500 millones de usuarios y sus 25 años de edad. Pero hoy en día, otras soluciones basadas en

Más detalles

Práctica guiada. Un marco para una foto

Práctica guiada. Un marco para una foto Práctica guiada. Un marco para una foto Con esta primera práctica vamos a familiarizarnos con varias herramientas de GIMP. A la vez que conocemos el uso de algunas herramientas de Gimp, practicamos con

Más detalles

PASO 5.- CREANDO BOTONES. En este paso crearemos tres botones que nos servirán para distinguir tres

PASO 5.- CREANDO BOTONES. En este paso crearemos tres botones que nos servirán para distinguir tres SEMINARIO DE ESTUDIOS REGIONALES PROF. JOSÉ ROA PRACTICA 1_2 1.- Objetivo. 1.1.- Realizar un portal interactivo geográfico sobre los ríos de Europa y vecindades. 1.2.- Introducir los estudiantes al uso

Más detalles

Personaliza tus formatos de impresión en ClassicGes 5.0

Personaliza tus formatos de impresión en ClassicGes 5.0 Personaliza tus formatos de impresión en ClassicGes 5.0 Personalizar formatos de impresión en ClassicGes 5.0. es una función que permite dar continuidad a la imagen corporativa de tu empresa y que a menudo

Más detalles

UNIVERSIDAD RAFAEL BELLOSO CHACÍN FACULTAD HUMANIDADES Y EDUCACIÓN ESCUELA DE COMUNICACIÓN SOCIAL INFORMATICA I

UNIVERSIDAD RAFAEL BELLOSO CHACÍN FACULTAD HUMANIDADES Y EDUCACIÓN ESCUELA DE COMUNICACIÓN SOCIAL INFORMATICA I INFORMATICA I UNIVERSIDAD RAFAEL BELLOSO CHACÍN FACULTAD HUMANIDADES Y EDUCACIÓN ESCUELA DE COMUNICACIÓN SOCIAL INFORMATICA I PRACTICA 4 http://www.urbe.edu/info-consultas/web-profesor/12697883/ INFORMATICA

Más detalles

Guía del alumno. Cómo hacer un blog?

Guía del alumno. Cómo hacer un blog? Publicar un artículo Dar formato al texto Cómo insertar un archivo Incluir imágenes Insertar una imagen publicada en la web Alojar imágenes en Internet (crear álbumes). Servicios de Flickr y Godlike Incluir

Más detalles

7.2 Creando capas: el acuario virtual. Se puede crear una capa siguiendo cualquiera de los siguientes procedimientos:

7.2 Creando capas: el acuario virtual. Se puede crear una capa siguiendo cualquiera de los siguientes procedimientos: Capítulo 7 Capas 7.1 Qué son las capas? L as capas son como hojas de acetato transparentes apiladas una sobre otra. Cuando una capa está vacía permite que puedan verse a través de ésta las capas situadas

Más detalles

3.1 Definir objetivos y contenidos de la página web

3.1 Definir objetivos y contenidos de la página web 3.1 Definir objetivos y contenidos de la página web Dreamweaver Qué es Dreamweaver? Es una aplicación en forma de estudio enfocada a la construcción y edición de sitios y aplicaciones web basados con estándares,

Más detalles

Base de datos OpenOffice 2.0. 2ª parte. por Pedro Peregrín González 18002693 CEIP San Juan de Dios Granada -España-

Base de datos OpenOffice 2.0. 2ª parte. por Pedro Peregrín González 18002693 CEIP San Juan de Dios Granada -España- Base de datos OpenOffice 2.0 2ª parte por Pedro Peregrín González 18002693 CEIP San Juan de Dios Granada -España- En la primera parte creamos una base de datos y un formulario. En esta segunda parte vamos

Más detalles

MICROSOFT WORD 2007 AVANZADO. Unidad Didáctica Nº 1

MICROSOFT WORD 2007 AVANZADO. Unidad Didáctica Nº 1 MICROSOFT WORD 2007 AVANZADO Unidad Didáctica Nº 1 I Tablas A) Explicación conceptual y de uso de una tabla B) Creación de tablas C) Trabajo con tablas D) Formato de las tablas Ejercicio de Repaso Portal

Más detalles

Introducción a la Informática Aplicada a la Filología TABLAS

Introducción a la Informática Aplicada a la Filología TABLAS Su creación. Filas y columnas TABLAS Las tablas representan el formato más adecuado para organizar múltiples datos que deben aparecer relacionados. Las tablas constan de casillas de entradas de datos,

Más detalles

INSERTAR ICONOS EN LA PRIMERA COLUMNA DE LA PAGINA WEB

INSERTAR ICONOS EN LA PRIMERA COLUMNA DE LA PAGINA WEB INSTITUCIÓN EDUCATIVA ABSALÓN TORRES CAMACHO Resolución No. 2013 de septiembre 6 de 2002 Nit. 815001161-9 MÓDULO: Dreamweaver GUÍA No. 05 GRADOS: Onces DOCENTE: Yamileth González Peña ÁREA DE TECNOLOGÍA

Más detalles

Actividad: Título de la actividad: Duración: Objetivo: Materiales: Tarea previa: Empezaremos por crear una copia del laboratorio número cuatro.

Actividad: Título de la actividad: Duración: Objetivo: Materiales: Tarea previa: Empezaremos por crear una copia del laboratorio número cuatro. Actividad: Laboratorio de marcos utilizando Dream Weaver. Título de la actividad: Menú de navegación con imágenes de sustitución y banner con mapas html. Duración: 180 minutos La realización del reto es

Más detalles

Illustrator CS4: guía de maquetación

Illustrator CS4: guía de maquetación Paso 1 de 12 En este tutorial vamos a ver cómo hacer un banner de página web. Al hacer este banner de página web aprenderemos varias técnicas de dibujo, como la utilización de la herramienta Elipse, la

Más detalles

Además lo bueno de este programa es que tenemos varios formatos de grabación que nos permite elegir qué modelo nos viene mejor en cada momento.

Además lo bueno de este programa es que tenemos varios formatos de grabación que nos permite elegir qué modelo nos viene mejor en cada momento. Adobe Captivate 4 Es una herramienta muy útil que nos permite la creación de videos y diapositivas de una forma personalizada con la que podemos realizar una buena presentación de una forma sencilla y

Más detalles

Páginas web ::: Cómo diseñar un menú de navegación? Diseño de materiales multimedia. Web 2.0. 1.14 Cómo diseñar un menú de navegación?

Páginas web ::: Cómo diseñar un menú de navegación? Diseño de materiales multimedia. Web 2.0. 1.14 Cómo diseñar un menú de navegación? 111 1.14 Cómo diseñar un menú de navegación? 112 1.14 Cómo diseñar un menú de navegación? En este apartado vamos a describir el procedimiento de creación de un menú de navegación para un sitio web con

Más detalles

Módulo 8 Linux: Presentaciones con Impress

Módulo 8 Linux: Presentaciones con Impress Módulo 8 Linux: Presentaciones con Impress Recursos metodológicos para la alfabetización digital Ordenador Práctico v2 / diciembre 2009 Este material está licenciado bajo Creative Commons Reconocimiento

Más detalles

Creando un Sitio Web personal.

Creando un Sitio Web personal. Creando un Sitio Web personal. FrontPage Express FrontPage Express de Microsoft es un sencillo editor htm 1 l que venía instalado por defecto con Windows 98 o con el Internet Explorer 4 para Windows 95.

Más detalles

Roberto Quejido Cañamero

Roberto Quejido Cañamero Crear un documento de texto con todas las preguntas y respuestas del tema. Tiene que aparecer en él todos los contenidos del tema. 1. Explica qué son los modos de presentación en Writer, cuáles hay y cómo

Más detalles

Módulo 8 Windows: Presentaciones con PowerPoint

Módulo 8 Windows: Presentaciones con PowerPoint Módulo 8 Windows: Presentaciones con PowerPoint Recursos metodológicos para la alfabetización digital Ordenador Práctico v2 / diciembre 2009 Este material está licenciado bajo Creative Commons Reconocimiento

Más detalles

Diseño de páginas web

Diseño de páginas web Diseño de páginas web Utilización de Dreamweaver Ricardo Esteban Alonso Abrir el programa Una vez instalado el programa lo encontramos en la ruta Inicio > Programas > Macromedia Dreamweaver 4 > Dreamweaver

Más detalles

TEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz)

TEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz) TEMA 2. CREAR SITIOS WEB USANDO CÓDIGO HTML Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz) Sesión 10 Tablas Introducción Las tablas son posiblemente la manera más clara de organizar

Más detalles

INFORMÁTICA 4º ESO. Crear una tabla. Para insertar una tabla en una diapositiva sigue estos pasos: Desde la barra de menú: Insertar Tabla

INFORMÁTICA 4º ESO. Crear una tabla. Para insertar una tabla en una diapositiva sigue estos pasos: Desde la barra de menú: Insertar Tabla POWERPOINT Trabajar con tablas y Gráficos En una diapositiva además de insertar texto, gráficos, etc también podemos insertar tablas que nos permitirán organizar mejor la información. Las tablas de PowerPoint

Más detalles

Tema: Unidad II. Sistemas Operativos 1.2. Equipo y Explorador de Windows

Tema: Unidad II. Sistemas Operativos 1.2. Equipo y Explorador de Windows Área Académica: Informática Tema: Unidad II. Sistemas Operativos 1.2. Equipo y Explorador de Windows Profesor: Ing. Francisco Angeles Angeles Periodo: enero junio / 2014 Abstract: This slide is intended,

Más detalles

Manual de Neobook. J.Santiago Ortiz

Manual de Neobook. J.Santiago Ortiz Manual de Neobook J.Santiago Ortiz J. Santiago Ortiz Durán Que es Neobook? Neobook es un Software de autor de gran difusión en el ámbito educativo, que goza de mucha popularidad debido a su facilidad de

Más detalles

Guadalinex Básico Impress

Guadalinex Básico Impress 1 IMPRESS: Editor de Presentaciones Impress es un programa con el que podemos crear diapositivas, transparencias y presentaciones con una variada gama de efectos sin demasiadas complicaciones. Objetivos:

Más detalles

Mi primer libro interactivo con EdiLIM

Mi primer libro interactivo con EdiLIM 1 Mi primer libro interactivo con EdiLIM EdiLIM es un programa que permite la creación de libros interactivos multimedia. Cada página de este libro puede ser una interacción. El resultado final es un archivo

Más detalles

Diseño de páginas web

Diseño de páginas web Diseño de páginas web Capas. Objetos en movimiento Ricardo Esteban Alonso Creación de capas en la página web Las capas son rectángulos transparentes, donde podemos insertar datos y hacer que éstos aparezcan

Más detalles

1.- MENU DE CONTROL O MENU VENTANA: permite cerrar la ventana cambiarla de tamaño y pasar a otra ventana

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

Más detalles

Introducción a Word. 1. Microsoft Word. 2. Escribir y editar textos. 3. Dar formato al texto. 4. Insertar imágenes.

Introducción a Word. 1. Microsoft Word. 2. Escribir y editar textos. 3. Dar formato al texto. 4. Insertar imágenes. Microsof Word es un procesador de texto con el que puedes crear documentos con texto, imágenes, títulos, colores y distintas opciones de formato. Introducción a Word 1. Microsoft Word. 2. Escribir y editar

Más detalles

Paso 1 de 18. Paso 2 de 18. Guía de aprendizaje de Flash CS5 Tutorial 12 - Vídeo y TLF

Paso 1 de 18. Paso 2 de 18. Guía de aprendizaje de Flash CS5 Tutorial 12 - Vídeo y TLF Guía de aprendizaje de Flash CS5 Tutorial 12 - Vídeo y TLF Paso 1 de 18 En este tutorial vamos a experimentar con las nuevas posibilidades que ofrece el trabajo con vídeo en Flash y el nuevo motor de texto

Más detalles

Qué es Fireworks? Los mapas de bits

Qué es Fireworks? Los mapas de bits Qué es Fireworks? Macromedia Fireworks MX es una aplicación para diseñar elementos gráficos que van a utilizarse en la web. Sus innovadoras soluciones resuelven los principales problemas a los que se enfrentan

Más detalles

PRIMEROS PASOS EN WINDOWS

PRIMEROS PASOS EN WINDOWS 1. EL ESCRITORIO PRIMEROS PASOS EN WINDOWS En Windows el escritorio está prácticamente vacío al principio para que seamos nosotros los que decidamos qué queremos situar en él. De hecho sólo nos encontramos

Más detalles

Ejemplos de diseño web y multimedia

Ejemplos de diseño web y multimedia Capítulo 16 Ejemplos de diseño web y multimedia 16.1 Diseño de una agenda de enlaces: Portales educativos E n este ejercicio vamos a crear una película Flash que contenga varios botones. En el navegador

Más detalles

OpenOffice.org Impress

OpenOffice.org Impress OpenOffice.org Impress Unidad 16. Introducción a las presentaciones en OpenOffice.org (I) Las presentaciones son imprescindibles hoy en día ya que permiten comunicar información e ideas de forma visual

Más detalles

Manual de NVU Capítulo 5: Las hojas de estilo

Manual de NVU Capítulo 5: Las hojas de estilo Manual de NVU Capítulo 5: Las hojas de estilo Pág. 1 Manual de NVU Capítulo 5: Las hojas de estilo Reconocimiento-NoComercial-CompartirIgual 2.5 España Realizado por: Julio Ruiz Palmero (Universidad de

Más detalles

PROGRAMA FORMATIVO MACROMEDIA STUDIO 8

PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 www.bmformacion.es info@bmformacion.es Objetivos Se estudia la suite Macromedia Studio 8, que está formada por un conjunto de aplicaciones utilizadas por diseñadores

Más detalles

Animaciones HTML5 con Adobe Edge

Animaciones HTML5 con Adobe Edge Animaciones HTML5 con Adobe Edge 1. Qué es Adobe Edge? Adobe Edge es una aplicación que te permite crear animaciones para la web. Es una alternativa a Flash para el diseño de materiales que se pretenden

Más detalles

PLATAFORMA EDUCATIVA DE LA JCYL ENLACES A TUTORIALES DE INTERÉS:

PLATAFORMA EDUCATIVA DE LA JCYL ENLACES A TUTORIALES DE INTERÉS: PLATAFORMA EDUCATIVA DE LA JCYL ENLACES A TUTORIALES DE INTERÉS: CURSO PLATAFORMA JCYL http://soporte.centros.educa.jcyl.es/sitio/ http://auvja.blogspot.com.es/search/label/manuales Entramos como administradores

Más detalles

MANUAL PARA LA REALIZACIÓN DE PRESENTACIONES POWER POINT

MANUAL PARA LA REALIZACIÓN DE PRESENTACIONES POWER POINT MANUAL PARA LA REALIZACIÓN DE PRESENTACIONES POWER POINT Unidad 1. Introducción. Conceptos Básicos PowerPoint es la herramienta que nos ofrece Microsoft Office para crear presentaciones. Las presentaciones

Más detalles

3_formato I. NOTA: al pegar unas celdas sobre otras no vacías, se borrará el contenido de estas últimas.

3_formato I. NOTA: al pegar unas celdas sobre otras no vacías, se borrará el contenido de estas últimas. 3. Luego se seleccionan las celdas donde se quiere que se sitúen las celdas cortadas. No hace falta seleccionar el rango completo sobre el que se va a pegar, ya que si se selecciona una única celda, Calc

Más detalles

Objetivo: Que el alumno(a) entienda, comprenda y maneje el programa (Flash )

Objetivo: Que el alumno(a) entienda, comprenda y maneje el programa (Flash ) INFORMÁTICA (Flash) Objetivo: Que el alumno(a) entienda, comprenda y maneje el programa (Flash ) Desarrollo o proceso: Realizar equipos para el análisis y entendimiento del vocabulario con respecto a los

Más detalles