Diseño de páginas web

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

Download "Diseño de páginas web"

Transcripción

1 Diseño de páginas web Capas. Objetos en movimiento Ricardo Esteban Alonso

2 Creación de capas en la página web Las capas son rectángulos transparentes, donde podemos insertar datos y hacer que éstos aparezcan o se oculten con otra capa. Las capas se utilizan, en general, para hacer la página más dinámica, y crear diseños de páginas complejos, al ser fácil cambiar la posición de los elementos al arrastrarlos si se han colocado en capas. Resulta difícil definir qué es una capa: es como una página web dentro de otra página web, es decir, como un contenedor que podemos colocar en cualquier parte de la página, y que puede contener texto, imágenes, formularios, y hasta otras capas. Las capas se pueden apilar unas encima de otras, ocultar unas capas y mostrar otras, o se puede mover una capa por la pantalla. Proporcionan al diseñador un mayor control y flexibilidad para hacer la página más dinámica. A las capas se les puede colocar comportamientos, que permiten al internauta una mayor interactividad con la página. Las etiquetas más comunes y que se recomiendan para que sean visibles por los navegadores son div y span, para capas CSS y layer e ilayer para capas Netscape. Cada capa que se crea en la página tiene unas características predeterminadas, como tipo de etiqueta, visibilidad, altura y anchura, etc, que se pueden cambiar en Edición > Preferencias y seleccionando Capas. Si no queremos que las capas se superpongan, según se van creando, hay que activar la opción Evitar solapamiento en el panel Capas. Capas. Objetos en movimiento 10.-1

3 Insertar capas Para crear una capa podemos emplear las rutas: a) Insertar > Capa, y aparecerá ya dibujada b) Panel Objetos > Dibujar capa El recuadro que se ve es la propia capa, donde se puede teclear o insertar texto, imágenes, etc. El icono es una marca de capa, que si se selecciona y pulsa la tecla de Supr hace que la capa desaparezca, al igual que el pequeño rectángulo de la parte superior izquierda. Al hacer clic sobre uno de los bordes de la capa, el inspector de propiedades nos informa acerca de los datos de la capa: Cuando se utiliza esta opción el cuadro de la capa no aparece ya dibujado en la página, sino que debemos dibujarlo nosotros, haciendo clic en un punto, y arrastrar, sin soltar el botón del ratón, hacia la esquina opuesta. Capas. Objetos en movimiento 10.-2

4 Trabajar con capas Las capas se pueden mover, activar o cambiar su tamaño. Para ello lo primero que tenemos que hacer es seleccionarla. Selecciona una capa: En el panel Capas, haz clic en el nombre de la capa. También puedes seleccionarla haciendo clic en el manejador de selección, o en el borde de la capa. Para seleccionar varias capas: En el panel Capas, haz clic en dos o más nombres de capas mientras pulsas la tecla Mayús. Cuando haya varias capas seleccionadas, los manejadores de la última capa se resaltarán en negro, mientras que los manejadores de las demás capas estarán en blanco. Capas. Objetos en movimiento 10.-3

5 Propiedades de capas ID de capa: permite especificar un nombre para identificar la capa en el panel Capas. Iz y Sup (izquierda y superior), nos dicen la posición con respecto al ángulo superior izquierdo de la página o de la capa padre, si la capa es anidada. Las unidades de medida son: Píxeles (px detrás de la cantidad, sin espacios), picas (pc), puntos (pt), pulgadas (in), milímetros (mm), centímetros (cm) o mediante porcentaje (%). An y Al, para el tamaño (ancho y alto), con las mismas unidades que para Iz y Sup. Ïndice Z, para indicar el orden de colocación (qué capas tapan a cuáles). Vis, para elegir el modo inicial de la capa: * default: se verá o no según configuración del naveador. * inherit: usa la propiedad de visibilidad de la capa padre. * visible: muestra la capa siempre. * hidden: no muestra la capa nunca, oculto Im. fondo: especifica una imagen de fondo para la capa. Col. fondo: si se deja en blanco el fondo es transparente. Desb: determina lo que ocurre si el contenido de la capa excede de su tamaño, con las opciones visible, oculta, barras de desplazamiento (scroll) y auto, que las presenta solamente en caso necesario. Rec: define el área visible de la capa. Capas. Objetos en movimiento 10.-4

6 Conversión de capas en tablas Dreamweaver permite crear un diseño utilizando capas y convertirlas después en tablas, y que viene a ser parecido a trabajar como en vista de disposición usando celdas y tablas de disposición. Uno de los motivos de la conversión es que los navegadores 3.0 no admiten capas. No se puede convertir una sola tabla o una sola capa, ya que se aplica la operación a todas las tablas o a todas las capas de la página. No puede haber capas superpuestas. Al convertir las capas en una tabla, Dw crea columnas, filas y celdas para que coincidan con las capas de la página: las capas deben estar lo más juntas posibles para reducir el número de columnas y filas, y en el espacio que hay entre ellas utiliza GIF transparentes,y así veremos el archivo transparent.gif en la raíz de la carpeta del sitio. La ruta es la siguiente: Modificar > Convertir> Capas en tabla. En Diseño de tabla del cuadro de diálogo conviene activar las opciones Mínimo: contraer celdas vacías y Usar GIF transparentes. En Herr. de diseño, ha de estar activada la opción Evitar solapamiento de capas. Capas. Objetos en movimiento 10.-5

7 Conversión de tablas en capas Ruta: Modificar > Convertir > Tablas en capas. Aparece un cuadro de diálogo: Las opciones Mostrar cuadrícula y Ajustar a cuadrícula no suelen seleccionarse. Al pulsar en aceptar las tablas se convierten a capas. Las celdas vacías no se convierten a capas, a no ser que tengan color de fondo. Hay que tener en cuenta que los elementos de la página que se encuentren situados fuera de la tabla, también se colocan en capas. Capas. Objetos en movimiento 10.-6

8 Animar las capas. Objetos en movimiento Las líneas de tiempo crean la animación al hacer cambiar la posición, el tamaño, la visibilidad y el orden de apilamiento de las capas con el transcurso del tiempo. Además sirven también para realizar otras acciones cuando termine de cargarse la página. Ruta: Ventana > Líneas de tiempo para abrir el panel. Añadir objeto a línea de tiempo (en menú Modificar > Líneas de tiempo), o mejor arrastra la capa seleccionada al interior del panel Líneas de tiempo, y aparecerá una barra en el primer canal de la línea, y en la barra se mostrará el nombre de la capa. Cabezal de reproducción Número de fotogramas Cuadro clave Barra de animación Canales de animación Canal de comportamientos Capas. Objetos en movimiento 10.-7

9 Creación de una animación (1) Puedes activar No volver a mostrar este mensaje para que no aparezca más. Las líneas de tiempo solamente pueden mover capas, donde se insertan imágenes, texto o cualquier otro contenido. Una vez que tenemos la barra con el nombre de la capa en el inspector de Líneas de tiempo, se pulsa en el cuadro clave que se encuentra en el extremo de la barra, y que representa el final. Después desplaza la capa al lugar de la página en el que deberá estar cuando acabe la animación. Si se quiere que la capa se desplace describiendo una curva, se selecciona su barra de animación y se mantiene pulsada la tecla Control para agregar un cuadro calve en el punto de inserción. Si mantienes pulsado el botón Reproducir obtienes una vista previa de la animación de la capa en la página. Capas. Objetos en movimiento 10.-8

10 Creación de una animación (2) Crear una línea de tiempo arrastrando una ruta En lugar de crear una animación con puntos clave individuales podemos crear una animación con una ruta compleja. Para ello seguimos los siguientes pasos: 1.- Selecciona la capa y la colocas en el lugar donde deberá estar cuando se inicie la animación. 2.- Elige Modificar > Línea de tiempo >Registrar ruta de capa. 3.- Arrastra la capa por la página para crear una ruta. 4.- Suelta el botón del ratón donde quieras que se pare la animación. Para agregar o eliminar cuadros de la línea de tiempo, elige Agregar marco o Quitar marco en el menú Modificar > Línea de tiempo. Capas. Objetos en movimiento 10.-9

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

Diseño de páginas web

Diseño de páginas web Diseño de páginas web Elementos del entorno en Dreamweaver 4 Ricardo Esteban Alonso Modos de visualización Vista diseño (donde nosotros trabajamos) Vista de código Vista de código y diseño Entorno de Dreamweaver

Más detalles

Este Material de Apoyo ha sido extraído de la Guía de Usuario de Corel Draw X6. Copyright 2012 Corel Corporation. Reservados todos los derechos.

Este Material de Apoyo ha sido extraído de la Guía de Usuario de Corel Draw X6. Copyright 2012 Corel Corporation. Reservados todos los derechos. Este Material de Apoyo ha sido extraído de la Guía de Usuario de Corel Draw X6. Copyright 2012 Corel Corporation. Reservados todos los derechos. Operaciones con páginas y herramientas de diseño CorelDRAW

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

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

Capas. sirve para seleccionar la capa al pulsar sobre él, y al eliminarlo se elimina también la

Capas. sirve para seleccionar la capa al pulsar sobre él, y al eliminarlo se elimina también la Capas Las capas no son más que unos recuadros, que pueden situarse en cualquier parte de la página, en los que podemos insertar contenido HTML. Dichas capas pueden ocultarse y solaparse entre sí, lo que

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

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

Trabajar con diapositivas

Trabajar con diapositivas Trabajar con diapositivas INFORMÁTICA 4º ESO POWERPOINT Una vez creada una presentación podemos modificarla insertando, eliminando, copiando diapositivas, Insertar una nueva diapositiva.- Para insertar

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

Operación Microsoft Access 97

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

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

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

2_trabajar con calc I

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,

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

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

Dreamweaver CS5 Full. 01. Conociendo Adobe Dreamweaver CS5. 02. Creación de sitios y páginas Web

Dreamweaver CS5 Full. 01. Conociendo Adobe Dreamweaver CS5. 02. Creación de sitios y páginas Web 01. Conociendo Adobe Dreamweaver CS5 01.1. Introducción a Adobe Dreamweaver 01.2. Novedades de Dreamweaver CS5 01.3. Requerimientos técnicos 01.4. Editar páginas Web 01.5. Cómo tener una página en Internet

Más detalles

Capítulo 8. Editar tablas de resultados

Capítulo 8. Editar tablas de resultados Capítulo 8 Editar tablas de resultados Los objetos del Visor de resultados adoptan, según sabemos ya, tres tipos de formato: texto, tablas y gráficos. Pero la mayor parte de los objetos adoptan formato

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

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

Temario Dreamweaver CS4

Temario Dreamweaver CS4 Temario Dreamweaver CS4 1 El entorno de trabajo de Dreamweaver CS4 1 Introducción 2 Requisitos del sistema 3 Abrir el programa 4 Cerrar el programa 5 Interfaz de Dreamweaver CS4 6 La barra de Aplicaciones

Más detalles

En muchas ocasiones, después de crear una hoja de cálculo, nos daremos cuenta de que nos falta alguna fila en medio de los datos ya introducidos.

En muchas ocasiones, después de crear una hoja de cálculo, nos daremos cuenta de que nos falta alguna fila en medio de los datos ya introducidos. 6.1. Insertar Filas En muchas ocasiones, después de crear una hoja de cálculo, nos daremos cuenta de que nos falta alguna fila en medio de los datos ya introducidos. Para añadir una fila, seguir los siguientes

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

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

Operaciones con el diseño

Operaciones con el diseño Operaciones con el diseño Bienvenido a CorelDRAW, un completo programa de dibujo y diseño gráfico vectorial concebido para los profesionales del diseño gráfico. En este tutorial, creará un póster para

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

Paint es una herramienta de diseño de dibujos los cuales son almacenados como mapa de bits (archivos de imágenes tipo *.bmp).

Paint es una herramienta de diseño de dibujos los cuales son almacenados como mapa de bits (archivos de imágenes tipo *.bmp). Aplicación Paint Generalidades Paint es una herramienta de diseño de dibujos los cuales son almacenados como mapa de bits (archivos de imágenes tipo *.bmp). Para ejecutar la aplicación Paint se debe seleccionar

Más detalles

Centro de Profesorado Luisa Revuelta (Córdoba) TEMA 10 OPCIONES AVANZADAS

Centro de Profesorado Luisa Revuelta (Córdoba) TEMA 10 OPCIONES AVANZADAS Centro de Profesorado Luisa Revuelta (Córdoba) TEMA 10 OPCIONES AVANZADAS 1.- CONTROL DE LA EJECUCIÓN Una vez que ya hemos aprendido a crear presentaciones, vamos a configurarlas para que al ejecutarla

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

UNIDAD 4 HIPERENLACES

UNIDAD 4 HIPERENLACES UNIDAD 4 HIPERENLACES OBJETIVO El alumno será capaz de crear, modificar y probar hipervínculos personalizados en un documento de Dreamweaver. TEMARIO 4.1 CONCEPTO Y TIPOS DE ENLACES 4.2 PERSONALIZAR NUEVOS

Más detalles

CREIX AMB INTERNET ILLUSTRATOR: INTRODUCCIÓN AL DISEÑO VECTORIAL

CREIX AMB INTERNET ILLUSTRATOR: INTRODUCCIÓN AL DISEÑO VECTORIAL CREIX AMB INTERNET ILLUSTRATOR: INTRODUCCIÓN AL DISEÑO VECTORIAL Índice: Introducción...pág. 03 1. Entorno de Illustrator...pág:04 2. Creación de un nuevo documento...pág: 07 3. Uso de capas...pág: 10

Más detalles

Draw. Dibujo vectorial. Módulo 7: Imágenes. Ministerio de Educación, Cultura y Deporte

Draw. Dibujo vectorial. Módulo 7: Imágenes. Ministerio de Educación, Cultura y Deporte Ministerio de Educación, Cultura y Deporte Draw. Dibujo vectorial Módulo 7: Imágenes Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Draw. Open Office Imágenes Objetivos

Más detalles

Creando páginas para mi

Creando páginas para mi Creando páginas para mi libro En el artículo anterior Mi primer libro aprendiste a crear y configurar un libro LIM. En este documento veremos como se crean las actividades, es decir, las páginas del libro,

Más detalles

Diseño de páginas web

Diseño de páginas web Diseño de páginas web Utilidades en Dreamweaver Ricardo Esteban Alonso Preferencias. Edición En el menú Edición > Preferencias...,podemos modificar a nuestro gusto las opciones que de forma predeterminada

Más detalles

Lic. Saidys Jiménez Quiroz Tecnología e Informática Grado 7 CESCOJ 2011

Lic. Saidys Jiménez Quiroz Tecnología e Informática Grado 7 CESCOJ 2011 Lic. Saidys Jiménez Quiroz Tecnología e Informática Grado 7 CESCOJ 2011 NÚCLEO BÁSICO N 2: INTRODUCCIÓN A LA INFORMÁTICA. SESIÓN DE APRENDIZAJE N 2.4: GENERALIDADES DE WINDOWS XP EL EXPLORADOR DE WINDOWS.

Más detalles

Cuando creamos una presentación podemos después modificarla. estas operaciones que siendo tan sencillas tienen una gran utilidad.

Cuando creamos una presentación podemos después modificarla. estas operaciones que siendo tan sencillas tienen una gran utilidad. TRABAJAR CON DIAPOSITIVAS Introducción Cuando creamos una presentación podemos después modificarla insertando, eliminando, copiando diapositivas, etc. A continuación veremos paso a paso cómo podemos realizar

Más detalles

El Power Point es un programa que permite hacer presentaciones y es usado ampliamente en los ámbitos de negocios y educacionales.

El Power Point es un programa que permite hacer presentaciones y es usado ampliamente en los ámbitos de negocios y educacionales. TUTORIAL PARA HACER PRESENTACIONES EN POWER POINT Guía del taller de herramientas de presentación 1) Qué es un Power Point? El Power Point es un programa que permite hacer presentaciones y es usado ampliamente

Más detalles

Páginas multimedia Dashboard www.webardora.net

Páginas multimedia Dashboard www.webardora.net En este tipo de página web podremos crear una tabla con una serie de celdas independientes (las celdas pueden combinarse) susceptibles de incluir diversos tipos de contenido inicial y asociar diversas

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

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

1. Duplicar la capa de fondo:

1. Duplicar la capa de fondo: 1. Duplicar la capa de fondo: Con nuestra foto recién abierta en el Photoshop, lo primero que tenemos que hacer es hacer una copia de nuestra capa de fondo, que es la capa que contiene nuestra foto y en

Más detalles

Insertar o crear tablas. Insertar una tabla. Crear una tabla. Usar plantillas de tabla. Utilizar el menú Tabla. Utilizar el comando Insertar tabla

Insertar o crear tablas. Insertar una tabla. Crear una tabla. Usar plantillas de tabla. Utilizar el menú Tabla. Utilizar el comando Insertar tabla Insertar o crear tablas Insertar una tabla En Microsoft Office Word 2007 se puede insertar una tabla eligiendo un diseño entre varias tablas con formato previo (rellenas con datos de ejemplo) o seleccionando

Más detalles

Páginas multimedia Pizarra www.webardora.net

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

Más detalles

Manual de Dreamwaver MX 2004

Manual de Dreamwaver MX 2004 1. INTRODUCCIÓN A DREAMWEAVER... 2 1.1. FLUJO DE TRABAJO DE DREAMWEAVER PARA LA CREACIÓN DE SITIOS WEB... 2 1.2. GUÍA DE RECURSOS DE FORMACIÓN DE DREAMWEAVER... 3 2. ENTORNO DE TRABAJO... 4 2.1. ELEMENTOS

Más detalles

UD6. Diseño de presentaciones

UD6. Diseño de presentaciones UD6. Diseño de presentaciones 1. PowerPoint 1.1 Crear una presentación 1.2 Efectos y transiciones 1 / 11 1. PowerPoint PowerPoint es una aplicación de Microsoft Office para crear presentaciones. Las presentaciones

Más detalles

DESCRIPCIÓN ESPECÍFICA.

DESCRIPCIÓN ESPECÍFICA. DESCRIPCIÓN ESPECÍFICA. Nombre del Módulo: DISEÑO DE SITIOS WEB. Código: CSTI0031 Horas certificables: 62 Objetivo General: Diseñar sitios web que implementen características intuitivas y visuales Objetivos

Más detalles

Excel 2010 Representación gráfica de datos

Excel 2010 Representación gráfica de datos Excel 2010 Representación gráfica de datos Contenido CONTENIDO... 1 CONCEPTO DE GRÁFICO... 2 CREACIÓN DE GRÁFICOS... 3 CREAR UN GRÁFICO EN EXCEL WEB APP... 13 ESTABLECER FORMATOS AL GRÁFICO... 16 1 Concepto

Más detalles

CREACIÓN DE UN INFORME

CREACIÓN DE UN INFORME CREACIÓN DE UN INFORME Un informe en.net tiene la extensión rdlc. Para agregarlo a nuestro proyecto, pulsaremos el botón derecho sobre la carpeta donde queremos situar el fichero, elegimos Agregar nuevo

Más detalles

Si es la primera vez que trabajas con Power Point, lo que debes hacer es localizar el botón de inicio. después haz doble clic sobre el icono

Si es la primera vez que trabajas con Power Point, lo que debes hacer es localizar el botón de inicio. después haz doble clic sobre el icono Módulo 3 Herramientas de Cómputo Conociendo Power Point Para qué sirve un programa como Power Point? Power Point es un programa que permite hacer dispositivas (láminas) digitales para mostrar en ellas

Más detalles

POWER POINT. Iniciar PowerPoint

POWER POINT. Iniciar PowerPoint POWER POINT Power Point es la herramienta de Microsoft Office para crear presentaciones que permiten comunicar información e ideas de forma visual y atractiva. Iniciar PowerPoint Coloque el cursor y dé

Más detalles

Para iniciar Excel es posible realizarlo de varias maneras, una de ellas es: Desde el menú Inicio.

Para iniciar Excel es posible realizarlo de varias maneras, una de ellas es: Desde el menú Inicio. Alexander Siniscalchi Agosto 2005 Introducción Este documento está adaptado al curso de Excel que se dicta a estudiantes que se inician con poco o ningún conocimiento de las herramientas de hojas de cálculos,

Más detalles

EDICION DE PRESENTACIONES CON POWERPOINT 2007

EDICION DE PRESENTACIONES CON POWERPOINT 2007 EDICION DE PRESENTACIONES CON POWERPOINT 2007 1. Qué es POWERPOINT? Microsoft Office PowerPoint 2007 es una aplicación que permite la creación de presentaciones gráficas, al estilo de diapositivas que

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

COREL DRAW PARTE II. TERCER y CUARTO BIMESTRE 1 B - 2 AÑO A- B TABLAS

COREL DRAW PARTE II. TERCER y CUARTO BIMESTRE 1 B - 2 AÑO A- B TABLAS CREAR TABLAS COREL DRAW PARTE II TERCER y CUARTO BIMESTRE 1 B - 2 AÑO A- B TABLAS Para crear una tabla, debes seleccionar la herramienta Tabla desde la barra de herramientas, completa los valores en el

Más detalles

Unidad 1. Introducción. Conceptos Básicos (I)

Unidad 1. Introducción. Conceptos Básicos (I) 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

Kompozer: Crear un banner para la web

Kompozer: Crear un banner para la web 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

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

Tema: Documentos dinámicos

Tema: Documentos dinámicos Tema: Documentos dinámicos Facultad: Ciencias y Humanidades Escuela: Comunicaciones Asignatura: Diseño Editorial Objetivo Específico Crear los elementos que comprenden un documento dinámico. Hipervínculos

Más detalles

5.- Crear páginas web con Nvu

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

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

Secretariado de Tecnologías. Francisco Moreno. Microsoft PowerPoint 1 CREACIÓN DE PRESENTACIONES MICROSOFT POWERPOINT

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

Más detalles

Imprimir códigos de barras

Imprimir códigos de barras Imprimir códigos de barras Al igual que en Abies 1, podemos definir el papel de etiquetas que vamos a utilizar. Se nos dan tres tipos de etiquetas ya creadas, que podemos modificar o eliminar, para lo

Más detalles

INDICE. Lección 5: Subir la web al servidor Apartado 1: Subir nuestra página Apartado 2: FTP Apartado 3: Pon a prueba tus conocimientos

INDICE. Lección 5: Subir la web al servidor Apartado 1: Subir nuestra página Apartado 2: FTP Apartado 3: Pon a prueba tus conocimientos Diseño de DISEÑO Páginas Web DE con PAGINAS DreamWeaver WEB CON DREAMWEAVER-NIVEL II 1 INDICE Lección 1: Las capas Apartado 1: Introducción Apartado 2: Trabajando con capas Apartado 3: Practicando con

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

Descripción del programa. Características. Licencia

Descripción del programa. Características. Licencia Descripción del programa LongoMatch es una herramienta de análisis video de deportes para los entrenadores, para asistirlos en la toma de decisiones del juego y/o entrenamiento. Puede etiquetar los eventos

Más detalles

ELABORACIÓN DE TABLEROS DINÁMICOS DE COMUNICACIÓN CON EL PROGRAMA EDITOR TICO

ELABORACIÓN DE TABLEROS DINÁMICOS DE COMUNICACIÓN CON EL PROGRAMA EDITOR TICO ELABORACIÓN DE TABLEROS DINÁMICOS DE COMUNICACIÓN CON EL PROGRAMA (Tico 2.0) EDITOR TICO La idea principal que motivo este proyecto fue trasladar la definición tradicional de tablero de comunicación en

Más detalles

Pinchamos sobre la capa deseada y la modificamos. Seleccionamos Imagen > Ajustes y probamos todos.

Pinchamos sobre la capa deseada y la modificamos. Seleccionamos Imagen > Ajustes y probamos todos. 1 ADOBE PHOTOSHOP Para abrir o crear una imagen realice una de las acciones siguientes: Seleccione Archivo > Abrir, busque y seleccione el archivo de imagen que desea. Seleccione Archivo > Nuevo. Escriba

Más detalles

Antes de empezar con el tutorial, vamos a ver algunas cosas que nos van a ayudar mucho a entender como usar este programa.

Antes de empezar con el tutorial, vamos a ver algunas cosas que nos van a ayudar mucho a entender como usar este programa. Tutorial PhotoShop: Selección y Line Art Antes de empezar con el tutorial, vamos a ver algunas cosas que nos van a ayudar mucho a entender como usar este programa. 1- Redimensionar imágenes. Para cambiar

Más detalles

Curso Excel 2010 Rangos y tablas Teoría 3. Rangos y tablas... 1. Contenido... 1. Operaciones con rangos... 2. Copia de un rango...

Curso Excel 2010 Rangos y tablas Teoría 3. Rangos y tablas... 1. Contenido... 1. Operaciones con rangos... 2. Copia de un rango... RANGOS Y TABLAS Los rangos y tablas en Excel son la base de los tipos de libros más usados, como listados, bases de datos, resúmenes estadísticos, etc. En las últimas versiones se ha ido dando cada vez

Más detalles

TEMA 8: Dibujo por ordenador (CorelDraw 9).

TEMA 8: Dibujo por ordenador (CorelDraw 9). TEMA 8: Dibujar con el ordenador (CorelDraw 9). NIVEL: 2º Curso de Educación Secundaria Obligatoria. 1/23 TEMA 8: Dibujar con el ordenador (CorelDraw 9). I N D I C E 1.- INTRODUCCIÓN AL DIBUJO POR ORDENADOR.

Más detalles

José Fontelles. Jfontelles@agoratele.com CONVERSIÓN A PDF. Configuraciones. Conversiones convencionales a pdf. Conversiones rápidas

José Fontelles. Jfontelles@agoratele.com CONVERSIÓN A PDF. Configuraciones. Conversiones convencionales a pdf. Conversiones rápidas CONVERSIÓN A PDF 010109 Acro bat 7 8 9 Configuraciones Conversiones convencionales a pdf Conversiones rápidas Impresión de archivos pdf José Fontelles Jfontelles@agoratele.com Índices y nomenclatura 1.

Más detalles

POWER POINT 2007. Unidad 1. Introducción. Conceptos Básicos (I) Unidad 2. Crear una Presentación (I) Unidad 3. Guardar una presentación

POWER POINT 2007. Unidad 1. Introducción. Conceptos Básicos (I) Unidad 2. Crear una Presentación (I) Unidad 3. Guardar una presentación POWER POINT 2007 Unidad 1. Introducción. Conceptos Básicos (I) Unidad 2. Crear una Presentación (I) Unidad 3. Guardar una presentación Unidad 4. Abrir una presentación Unidad 5. Tipos de Vistas (I) Unidad

Más detalles

HIPERVÍNCULOS. Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen

HIPERVÍNCULOS. Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen HIPERVÍNCULOS Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo a otra página o archivo. Es posible asignar un vínculo a un texto, a una

Más detalles

EFECTOS, ANIMACIÓN, TRANSICIÓN, IMÁGENES Y FOTOS EN POWER POINT

EFECTOS, ANIMACIÓN, TRANSICIÓN, IMÁGENES Y FOTOS EN POWER POINT EFECTOS, ANIMACIÓN, TRANSICIÓN, IMÁGENES Y FOTOS EN POWER POINT Qué es una plantilla? Las plantillas (Templates) son presentaciones cuyo formato y esquema de colores puede ser aplicado a otras presentaciones.

Más detalles

Manual de OpenOffice Impress

Manual de OpenOffice Impress Manual de OpenOffice Impress. Capítulo 3. Trabajando con imágenes y autoformas 1 Manual de OpenOffice Impress Capítulo 3: Trabajando con imágenes y autoformas Este material es una adaptación del curso

Más detalles

Trabajando con Photoshop

Trabajando con Photoshop SUMACSOFT Web Solutions Mayo, 2014 SESIÓN N 3 Trabajando con Photoshop Contenido: Ejercicio 1 2 Ejercicio 2 4 A crear nuestros afiches! Ahora es momento de aplicar lo aprendido. A comenzar! Ejercicio 1

Más detalles

REGISTRAR LOS SITIOS WEB MÁS INTERESANTES

REGISTRAR LOS SITIOS WEB MÁS INTERESANTES REGISTRAR LOS SITIOS WEB MÁS INTERESANTES La forma más fácil de volver a páginas Web que visitamos con frecuencia es almacenándolas en una lista. En Internet Explorer estas páginas se denominan sitios

Más detalles

Oficina de Tecnologías de la Información y Comunicaciones MANUAL DE USUARIO. Diseño básico para elaboración de banners en Macromedia Fireworks 8

Oficina de Tecnologías de la Información y Comunicaciones MANUAL DE USUARIO. Diseño básico para elaboración de banners en Macromedia Fireworks 8 MANUAL DE USUARIO Diseño básico para elaboración de banners en Macromedia Fireworks 8 Pág. 1 de 13 ÍNDICE 1. INTRODUCCION... 3 2. EL ESPACIO DE TRABAJO DE FIREWORKS... 3 3. CREAR UN NUEVO DOCUMENTO...

Más detalles

Manual de gestión de contenidos web en entorno Drupal. Versión sitio maestro para servicios 1.0

Manual de gestión de contenidos web en entorno Drupal. Versión sitio maestro para servicios 1.0 Manual de gestión de contenidos web en entorno Drupal Versión sitio maestro para servicios 1.0 Contenido Gestión de contenidos... 5 Crear contenidos... 5 Tipos de contenido... 5 Página básica o basic

Más detalles

Sección 4.1 Imágenes e ilustraciones

Sección 4.1 Imágenes e ilustraciones Sección 4.1 Imágenes e ilustraciones Imágenes: fotos, capturas de pantalla u otros ficheros de mapas de bits o vectoriales. También se consideran imágenes lo que en otras versiones de PowerPoint se llamaba

Más detalles

FOTOGRAFÍA DIGITAL Y RETOQUE FOTOGRÁFICO

FOTOGRAFÍA DIGITAL Y RETOQUE FOTOGRÁFICO 1 FOTOGRAFÍA DIGITAL Y RETOQUE FOTOGRÁFICO Las capas son como hojas de acetato transparentes que se combinan unas sobre otras para formar una nueva imagen. En cada hoja de acetato se puede trabajar independientemente

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

I. WINDOWS JOURNAL 1

I. WINDOWS JOURNAL 1 I. WINDOWS JOURNAL 1 Con formato: Numeración y viñetas Es la herramienta base y cuaderno digital de nuestros alumnos. Lo que aprenderemos es la herramienta propiamente dicha y sus posibilidades para elaborar

Más detalles

Centro de Profesorado Luisa Revuelta (Córdoba) TEMA 6 TABLAS Y GRÁFICOS EN IMPRESS

Centro de Profesorado Luisa Revuelta (Córdoba) TEMA 6 TABLAS Y GRÁFICOS EN IMPRESS Centro de Profesorado Luisa Revuelta (Córdoba) TEMA 6 TABLAS Y GRÁFICOS EN IMPRESS Antes que nada tenemos que hablar de la distinción entre tabla y hoja de cálculo. Una tabla es una estructura formada

Más detalles

Crear una página Html con el Editor.

Crear una página Html con el Editor. Crear una página Html con el Editor. El Editor de Páginas HTML de RODAS permite a los usuarios crear, cargar y editar una serie de páginas web HTML que se almacenará en Mis Objetos o en una colección durante

Más detalles

Cómo elaborar películas con Windows Movie Maker a partir de Microsoft PowerPoint

Cómo elaborar películas con Windows Movie Maker a partir de Microsoft PowerPoint Cómo elaborar películas con Windows Movie Maker a partir de Microsoft PowerPoint Ana Isabel Allueva Pinilla y José Luis AlejandreMarco Departamento de Matemática Aplicada Facultad de Veterinaria Universidad

Más detalles

Informes. 3. Elija la opción Nuevo (en la parte superior de la ventana) 4. Elija Autoinformes: en tablas y luego la tabla o consulta que se usará.

Informes. 3. Elija la opción Nuevo (en la parte superior de la ventana) 4. Elija Autoinformes: en tablas y luego la tabla o consulta que se usará. Informes Se pueden imprimir fácilmente los registros en una tabla o el resultado de un filtro simplemente usando el botón de Impresora de la barra de herramientas, o la opción Archivo / Imprimir. Sin embargo,

Más detalles

Personalización de la Base de Datos

Personalización de la Base de Datos Personalización de la Base de Datos Tabla de contenidos 1.- INTRODUCCIÓN... 3 2.- CREACIÓN DE UNA VENTANA DE ENTRADA (FORMULARIO)... 3 3.- AGREGACIÓN DE UN CONTROL DE BOTÓN PARA ABRIR EL FORMULARIO PROVEEDORES

Más detalles

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 3: Edición de formularios

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 3: Edición de formularios Ministerio de Educación Base de datos en la Enseñanza. Open Office Módulo 3: Edición de formularios Instituto de Tecnologías Educativas 2011 Edición de formularios Una vez creado el formulario nos pueden

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

Powerpoint es un programa incluido en la suite de Microsoft Office, que nos ofrece la posibilidad de crear presentaciones profesionales.

Powerpoint es un programa incluido en la suite de Microsoft Office, que nos ofrece la posibilidad de crear presentaciones profesionales. Qué es Powerpoint 2010? Powerpoint es un programa incluido en la suite de Microsoft Office, que nos ofrece la posibilidad de crear presentaciones profesionales. El entorno de trabajo En la siguiente imagen

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

Instrucciones: Realiza en Windows Movie Maker el siguiente ejercicio práctico.

Instrucciones: Realiza en Windows Movie Maker el siguiente ejercicio práctico. Edición básica EJERCICIO_1 Instrucciones: Realiza en Windows Movie Maker el siguiente ejercicio práctico. EJERCICIO: Valor 15 puntos Vamos a realizar una actividad guiada de creación de video mediante

Más detalles

Manual de generación de rutas con el software Google Earth

Manual de generación de rutas con el software Google Earth Manual de generación de rutas con el software Google Earth Información básica de Google Earth El siguiente diagrama describe algunas de las funciones disponibles en la ventana principal de Google Earth:

Más detalles

ETIQUETA DISEÑO DE PÁGINA

ETIQUETA DISEÑO DE PÁGINA ETIQUETA DISEÑO DE PÁGINA Es la tercera etiqueta de Excel 2007, agrupa las herramientas de temas 10, configuración de pagina, ajustes del área de impresión, opciones de la hoja (cuadriculas y encabezados),

Más detalles

Elaborando WebQuest usando Power Point

Elaborando WebQuest usando Power Point Módulo WebQuest Elaborando WebQuest usando Power Point 2.1.- Creación de WebQuest usando el Miscrosoft Power Point En el Power Point le colocamos un Estilo a nuestra Diapositiva para iniciar nuestra Creación

Más detalles

GUÍA 2 Tema: APLICACIONES BÁSICAS.

GUÍA 2 Tema: APLICACIONES BÁSICAS. Diseño Digital II. Guía 2 16 GUÍA 2 Tema: APLICACIONES BÁSICAS. Contenidos Mapa de bits y vectores Mano alzada, creación y manipulación de curvas y modificación de trazados. Guías Reglas y cuadrículas.

Más detalles

Dinos qué tal lo estamos haciendo

Dinos qué tal lo estamos haciendo Acerca de los dibujos en Google Docs Google Docs te permite crear, compartir y modificar dibujos online fácilmente. Estas son algunas de las cosas que puedes hacer con dibujos en Google Docs: modificar

Más detalles

TRABAJANDO CON INDESIGN:

TRABAJANDO CON INDESIGN: TRABAJANDO CON INDESIGN: Definiciones: Pliegos. Son las partes de un documento tipo libro o revista de varias páginas simétricas. Mesa de trabajo. Entorno fuera de los pliegos para contener objetos que

Más detalles

EDICIÓN DE PÁGINAS WEB: DREAMWEAVER CS3

EDICIÓN DE PÁGINAS WEB: DREAMWEAVER CS3 EDICIÓN DE PÁGINAS WEB: DREAMWEAVER CS3 Dreamweaver CS3 es un software fácil de usar que permite crear páginas web. Es el programa de este tipo más utilizado en el sector del diseño y la programación web.

Más detalles