Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez.

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez."

Transcripción

1 PARA QUÉ NECESITAMOS OPTIMIZAR LAS IMÁGENES? Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez. Dos cosas sacan usualmente de las casillas a un usuario de Internet y de correo electrónico: esperar demasiado tiempo a que se despliegue una página web y no poder recibir un mensaje de correo con archivos gráficos anexos. En la mayoría de los casos, eso se debe a que las imágenes del sitio web o los archivos adjuntos a un mensaje de correo son demasiado voluminosos. Para reducir el peso de las imágenes en Internet se emplean varios métodos: se convierten a formatos gráficos como GIF o JPEG (que comprimen las imágenes), se reducen sus dimensiones o se disminuye su resolución. Eso genera archivos más pequeños. Una imagen para Internet debe estar en un archivo pequeño (entre 2 y 20 kilobytes es una buena medida) para que lleve menos tiempo cargarla. Para convertirlas en estos formatos se puede emplear programas para editar imágenes como Corel PhotoPraint, Paint Shop Pro, Fireworks y Xara. QUÉ FORMATO DEBEMOS UTILIZAR? JPEG y GIF son los dos formatos gráficos más usados en Internet. Su ventaja es que comprimen las imágenes y por ello generan archivos de menor tamaño. Pero ambos usan métodos distintos, y por ello el formato ideal depende del tipo de imagen que vaya a publicar en Internet. Si va a publicar fotos o imágenes con muchos colores, utilice JPEG. Este formato es más útil en esos casos debido a que comprime las imágenes eliminando información que no es visible para el ojo. Soporta un gran número de colores (16 millones de colores). GIF, en cambio, comprime las imágenes reduciendo el número de colores a un máximo 256. Por ello es útil para gráficos sencillos, logos, botones y otros elementos que tenga pocos colores. Si usa GIF en una imagen rica en color, esta quedará de mala calidad. OPTIMIZAR UNA IMAGEN CON PHOTOSHOP Para guardar la imagen original, abrimos el cuadro Guardar para Web desde el menú Archivo. Se nos ofrecen cuatro vistas dependiendo de la pestaña en la que estemos. 1

2 Desde estas vistas nos decidiremos por la mejor imagen con una mejor relación entre calidad de visualización y tamaño de archivo. La información sobre el tamaño del archivo se nos muestra en la parte baja de cada imagen, tanto en la original como en las optimizadas. Es muy útil la vista de cuatro copias porque podemos comparar, una al lado de otra, las distintas imágenes optimizadas con respecto a la original. Para moverse por cada una de las imágenes solamente tenemos que seleccionar con el ratón y se resaltará con un borde negro. Con la Herramienta Mano para compararlas mejor. Con la Herramienta Zoom también con el menú emergente del botón derecho. podemos mover todas las imágenes a la vez podemos acercarnos y Para ver la imagen completa elegimos la opción de Encajar en pantalla. Optimizar con JPEG Para comprimir la imagen como un archivo JPEG, seleccionamos la imagen y elegimos este formato en la zona de los ajustes Para especificar la calidad de la imagen, realice una de las acciones siguientes: 2

3 Seleccione una opción del menú Calidad (alta, media o baja) Arrastre el regulador emergente Calidad. Introduzca un valor en el cuadro de texto Calidad Cuanto más alto defina el ajuste de Calidad, más detalle preservará el algoritmo de compresión. Sin embargo, el uso de un ajuste de Calidad alto produce un tamaño de archivo mayor que el uso de un ajuste de Calidad bajo. Optimizar con GIF Para comprimir la imagen como un archivo GIF, seleccionamos la imagen y elegimos este formato en la zona de los ajustes Mientras que con el formato JPEG, la clave está en la calidad, en el formato GIF está en los colores. Reduciendo en número de colores podremos bajar el tamaño a los archivos. Con el regulador de Pérdida podemos ajustar los datos que se descartan a la hora de comprimir. Con un valor entre 5 y 10, la imagen no llega a degradarse. Optimizar a tamaño de archivo Es posible optimizar una imagen en un tamaño de archivo aproximado. Esta función permite alcanzar rápidamente un tamaño de archivo deseado sin tener que probar diferentes ajustes de optimización. En el cuadro de dialogo indicamos el tamaño de archivo que queramos y elegimos el sector en caso de tener sectorizada la imagen. 3

4 CAMBIAR DE TAMAÑO LAS IMÁGENES Podemos redimensionar el tamaño durante la optimización, especificando la anchura y altura en píxeles que va a tener la imagen en nuestra página. También es posible redimensionar una imagen seleccionando Imagen > Tamaño de imagen. Para mantener las proporciones marcar Restringir proporciones. La Calidad aconsejada es la Redondeada (bicúbica). LOS SECTORES PARA OPTIMIZAR Las imágenes muy grandes se pueden dividir en sectores y darle una optimización diferente o simplemente trocear la imagen para que se cargue más rápido. Crear sectores Primero tenemos que establecer los sectores con la Herramienta Sector, pero es muy difícil hacerlos iguales. 4

5 Con ayuda de la Regla, Vista > Mostrar reglas, podemos hacer guías. Una vez que veamos la regla sobre nuestra imagen. Arrastramos el ratón y lo soltamos donde queramos la guía. Así vamos parcelando a nuestro gusto. Se borran en Vista > Borrar guías. Ahora podemos hacer dos cosas. En Vista > Ajustar a > Guías y con la Herramienta Sector, podemos ir estableciendo los sectores. Para borrarlos Vista > Borrar sectores. Pero lo más fácil es, una vez creadas las guías abrir el menú Sectores > Crear sectores a partir de guías. ImageReady y en Guardar una imagen sectorizada Cuando guardemos la imagen optimizada se nos dará la posibilidad de guardarla como HTML e imágenes. Esto significa que vamos a tener una carpeta llamada Imágenes, con todos los sectores, y una página web donde está la imagen completa. Si vamos al código fuente veremos la tabla que contiene todos estos trozos de imagen. Para 5

6 utilizarla en la Web solamente tenemos que copiar la parte de código correspondiente a la tabla y pegarlo en la vista código de nuestro Dreamweaver. Comentar que PhotoShop nombra a la carpeta como Imágenes con tilde y esto puede crear problemas. La solución es quitarle la tilde. Optimizar solamente un sector Para el caso de que nos interese optimizar exclusivamente un sector de nuestra imagen, primero, tenemos que especificar esa parte de la imagen con la Herramienta sector nada más abrirla. Al Archivo > Guardar para Web seleccionamos ese sector con la Herramienta Seleccionar sector y especificamos las características de optimización solamente de esa zona. 6

7 UTILIDADES CON PHOTOSHOP Vamos a comentar a continuación algunas cosas que podemos hacer con PhotoShop. Son operaciones de edición de imágenes que nos pueden ser de interés antes de incorporar la imagen a nuestro sitio de Dreamweaver en la carpeta Imágenes. Las posibilidades de edición que nos ofrece este programa son múltiples. Estas hojas recogen una mínima parte de lo que se puede hacer. Recortar la imagen En el caso de que quieras recortar para componer de nuevo la imagen, lo puedes hacer con la Herramienta recortar. Haciendo clic en la imagen y arrastrando el ratón, dibujamos el contorno en forma de rectángulo de la parte que queremos conservar. Para guardarla volvemos a hacer clic en el botón recortar cuadro de dialogo y nos aparece el Definir un calado Un efecto interesante es el de difuminar los bordes. Para ello debe seleccionar la zona que quiere que no sea borde con la Herramienta de selección. Luego vamos a Selección > Invertir A continuación Selección > Calar y especificamos el número de píxeles, cuanto mayor sea el número más difuminados aparecerán los bordes. Finalmente le damos a la tecla Suprimir o Delete. 7

8 El resultado sería algo parecido al efecto romántico logrado con esta foto antigua. Dibujar un botón Trabajar con capas es algo bastante complejo pero vamos a explicar la forma de hacer una imagen de un Botón para los menús de navegación de nuestras páginas. Si luego le cambiamos el color del fondo o del texto y los insertamos como imagen rollover, podemos conseguir unos efectos muy interesantes. En este caso no tenemos que Abrir una imagen sino que la vamos a crear nosotros un Archivo > Nuevo. Le damos un Nombre, especificamos el tamaño y elegimos entre el Fondo blanco, transparente o el color de fondo. Es importante que estemos en Color RGB. 8

9 Con la Herramienta de rectángulo cuadrado que va a ser nuestro Botón. dibujamos, arrastrando el ratón, el También podemos elegir entre otras formas. Antes de dibujar seleccionamos en el Selector de color de qué color queremos el fondo. Al especificar ahora la forma del Botón, nos aparece en el color que hemos elegido. Nos vamos al Panel de Capas y hacemos clic en Añadir estilo de capa y elegimos Bisel y relieve del menú emergente. Este estilo en concreto da aspecto de pulsador pero hay otros estilos interesantes. Es cuestión de probar. Para añadir texto con la Herramienta texto, seleccionamos la zona donde irán las letras. Es importante que antes especifiquemos el color del texto y las características de la fuente. Cuando lo guardemos para la web, está claro, que el formato a elegir sería GIF ya que no tendremos mucha variedad de colores. 9

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

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

2. Aplique los ajustes de optimización. Optimizar imágenes para Internet: Tutorial

2. Aplique los ajustes de optimización. Optimizar imágenes para Internet: Tutorial Tutoriales Optimizar imágenes para Internet Si es la primera vez que crea gráficos Web, puede resultarle útil comprender cómo se guarda una imagen para Internet. Hay tantos factores que entran en juego

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

Resumen de fotos editadas por alumnos/as del 3º ciclo de Educación Primaria. / 12

Resumen de fotos editadas por alumnos/as del 3º ciclo de Educación Primaria. / 12 ÍNDICE DE CONTENIDOS Índice de contenidos. / 2 Sesión de fotografía. / 3 Creación de una carpeta de trabajo. / 3 Abrir Digital Imagen 2006. / 3 Área de trabajo. / 4 Abrir imágenes para editarlas. / 5 Recortar

Más detalles

Computación Gráfica. Optimización de Imágenes para su uso en Internet

Computación Gráfica. Optimización de Imágenes para su uso en Internet Computación Gráfica Optimización de Imágenes para su uso en Internet Material de Lectura y análisis para debate Consigna: Los alumnos deben leer este material par ir analizándolo y opinando a medida que

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

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

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

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

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

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

1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a

1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a 1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a distribuir por Internet. Un excelente procesador de textos

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

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

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 RÁPIDO DE PHOTOSHOP APLICADO AL SLOT

CURSO RÁPIDO DE PHOTOSHOP APLICADO AL SLOT CURSO RÁPIDO DE PHOTOSHOP APLICADO AL SLOT Ricard Garrós http://elartedelphotoshop.blogspot.com/ & http://www.fusky.es CURSO RÁPIDO DE PHOTOSHOP APLICADO AL SLOT Como os adelanté en el anterior capítulo

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

Crear una presentación

Crear una presentación Crear una presentación INFORMÁTICA 4º ESO POWERPOINT Podemos crear una presentación con PowerPoint: Con el Asistente A través del asistente que nos guiará a lo largo de todo el proceso. A través de alguna

Más detalles

PLANTILLAS DE DOCUMENTOS EN WORD 2007

PLANTILLAS DE DOCUMENTOS EN WORD 2007 1 PLANTILLAS DE DOCUMENTOS EN WORD 2007 Introducción Una plantilla es un modelo o patrón para crear nuevos documentos. En una plantilla se guarda internamente el formato utilizado, es decir, el estilo

Más detalles

INFORMÁTICA AVANZADA. MÓDULO 2: TRATAMIENTO DE IMÁGENES CON MICROSOFT PICTURE MANAGER

INFORMÁTICA AVANZADA. MÓDULO 2: TRATAMIENTO DE IMÁGENES CON MICROSOFT PICTURE MANAGER CIUDAD AUTÓNOMA DE CEUTA.CONSEJERÍA DE EDUCACIÓN, CULTURA Y MUJER. UNIVERSIDAD DE GRANADA. VICERRECTORADO DE ENSEÑANZAS DE GRADO Y POSGRADO. AULA PERMANENTE DE FORMACIÓN ABIERTA. PROGRAMA UNIVERSITARIO

Más detalles

Cuando hablamos de formatos de imagen en la web, tenemos que limitarnos a 3, ya que son los únicos soportados por los navegadores de Internet.

Cuando hablamos de formatos de imagen en la web, tenemos que limitarnos a 3, ya que son los únicos soportados por los navegadores de Internet. Imágenes en la web Uno de las principales decisiones a la hora de incluir gráficos en la Web será elegir el formato correcto para cada tipo de imagen de manera que se logre una correcta relación entre

Más detalles

Recursos didácticos digitales en Educación Permanente Mª Luisa Miras Cidad

Recursos didácticos digitales en Educación Permanente Mª Luisa Miras Cidad Mi primer libro 1. Prepara tu ordenador Antes de comenzar a trabajar, sería recomendable que configuraras tu ordenador para ver las extensiones de los archivos. Una extensión es una serie de letras que

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

Conceptos básicos. Nota: Solo podremos visualizar estudios que previamente hayan sido VERIFICADOS en el PRIMA.

Conceptos básicos. Nota: Solo podremos visualizar estudios que previamente hayan sido VERIFICADOS en el PRIMA. Conceptos básicos El K-Pacs es un programa que rescata los estudios realizados en el PRIMA a través de un servidor, en este caso el Conquest, por eso es importante saber que el K-Pacs no recibe estudios,

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

Una plantilla es un documento de Word 2003 con la característica de que el tipo de documento es plantilla de documento (.dot).

Una plantilla es un documento de Word 2003 con la característica de que el tipo de documento es plantilla de documento (.dot). Unidad 3. Plantillas Objetivos de la unidad: Una plantilla es un documento prediseñado que usted puede usar para crear nuevos documentos con el mismo formato. A través de una plantilla, el aspecto de un

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

SUBDIRECCIÓN GENERAL DE NUEVAS TECNOLOGÍAS DE JUSTICIA MANUAL DE USUARIO DE LA NUEVA APLICACIÓN DE CORREO ELECTRÓNICO

SUBDIRECCIÓN GENERAL DE NUEVAS TECNOLOGÍAS DE JUSTICIA MANUAL DE USUARIO DE LA NUEVA APLICACIÓN DE CORREO ELECTRÓNICO MANUAL DE USUARIO DE LA NUEVA APLICACIÓN DE CORREO ELECTRÓNICO Control de Cambios Descripción Autor Fecha Creación del Documento Jesús Iglesias Mirad 25/06/09 0. Índice 0. Índice... 1 1. Introducción...

Más detalles

Espacios web con Ardora José Manuel Bouzán Matanza

Espacios web con Ardora José Manuel Bouzán Matanza Espacios web con Ardora José Manuel Bouzán Matanza Ardora permite al docente crear un lugar en el que integrar y organizar cualquiera de las distintas páginas o grupo de páginas que crea el programa: actividades

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

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

Sitios remotos. Configurar un Sitio Remoto

Sitios remotos. Configurar un Sitio Remoto Sitios remotos Definir un sitio remoto significa establecer una configuración de modo que Dreamweaver sea capaz de comunicarse directamente con un servidor en Internet (por eso se llama remoto) y así poder

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

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

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

Taller genmagic: Adobe Flash. Tutorial 6: USO DE LAS IMÁGENES DE MAPA DE BITS EN FLASH I.

Taller genmagic: Adobe Flash. Tutorial 6: USO DE LAS IMÁGENES DE MAPA DE BITS EN FLASH I. LAS IMÁGENES DE MAPA DE BITS EN FLASH. En este tutorial aprenderemos las técnicas básicas de tratamiento de imágenes con Flash. Es un tutorial básico pero obligatorio para poder seguir avanzando en el

Más detalles

Nos identificamos con nuestro nombre de usuario y la contraseña y llegamos a esta página

Nos identificamos con nuestro nombre de usuario y la contraseña y llegamos a esta página ADMINISTRACIÓN DEL SITIO WEB Todos los jefes de Departamento, coordinadores de proyectos y directivos del Centro somos administradores de la página web. Cada uno tendrá la responsabilidad de administrar

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

Imagen ::: Dimensiones de una imagen Diseño de materiales multimedia. Web 2.0. 2.4 Dimensiones de una imagen

Imagen ::: Dimensiones de una imagen Diseño de materiales multimedia. Web 2.0. 2.4 Dimensiones de una imagen 171 2.4 Dimensiones de una imagen 172 2.4 Dimensiones de una imagen 2.4.1 Reducir el tamaño de una imagen Uno de los principales factores que determinan el peso de un archivo gráfico es el tamaño de la

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

Plataforma e-ducativa Aragonesa. Manual de Administración. Bitácora

Plataforma e-ducativa Aragonesa. Manual de Administración. Bitácora Plataforma e-ducativa Aragonesa Manual de Administración Bitácora Í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 Modificar

Más detalles

Cómo gestionar el correo procedente de la lista de correo de la Asamblea. Recomendaciones de la Comisión de Comunicación - GMAIL

Cómo gestionar el correo procedente de la lista de correo de la Asamblea. Recomendaciones de la Comisión de Comunicación - GMAIL Cómo gestionar el correo procedente de la lista de correo de la Asamblea. Recomendaciones de la Comisión de Comunicación - GMAIL Para poder gestionar correctamente el correo que nos llega de la lista general

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

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

TEMA 1. MANEJO DE PROCESADOR DE TEXTOS: Microsoft WORD 2003

TEMA 1. MANEJO DE PROCESADOR DE TEXTOS: Microsoft WORD 2003 TEMA 1. MANEJO DE PROCESADOR DE TEXTOS: Microsoft WORD 2003 TEMA 1. MANEJO DE PROCESADOR DE TEXTOS: MICROSOFT WORD 2003...1 1. ESTILOS Y FORMATOS...1 1.1. Estilos...1 1.2. Niveles...2 1.3. Secciones...2

Más detalles

Cómo crear una web desde Webnode?

Cómo crear una web desde Webnode? Cómo crear una web desde Webnode? 1. Vamos a nuestro navegador ya sea Internet Explorer o Mozilla Firefox y escribimos en la barra de direcciones la siguiente dirección http://www.webnode.com, nos saldrá

Más detalles

Tutorial de manejo de los portafolios de objetivonatural.com. Bienvenidos a Portafolios.objetivonatural.com

Tutorial de manejo de los portafolios de objetivonatural.com. Bienvenidos a Portafolios.objetivonatural.com La revista objetivonatural.com presenta su nuevo apartado" Portafolios objetivonatural.com ", con ello pretendemos que todos los usuarios de nuestra revista puedan disponer de un sitio web personal, fácil

Más detalles

PLANTILLAS EN MICROSOFT WORD

PLANTILLAS EN MICROSOFT WORD PLANTILLAS EN MICROSOFT WORD Una plantilla es un modelo o patrón para crear nuevos documentos. En una plantilla se guarda internamente el formato utilizado, es decir, el estilo de la fuente, el tamaño,

Más detalles

MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn

MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn Tegucigalpa M. D. C., Junio de 2009 Que es un CMS Un sistema de administración de contenido (CMS por sus siglas en ingles) es un programa para organizar

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

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

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

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

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

Tutorial de Paint Shop Pro 7

Tutorial de Paint Shop Pro 7 1 Tutorial de Paint Shop Pro 7 Paint Shop Pro (PSP) es el programa de tratamiento de imágenes más popular en Internet debido a su relativa sencillez de manejo y sus múltiples prestaciones. 1. El cuadro

Más detalles

Fuente: http://www.kzgunea.net

Fuente: http://www.kzgunea.net APRENDE A NAVEGAR INTERNET EXPLORER El navegador Internet Explorer ya lo tenemos integrado en el Sistema Operativo, en sus diferentes versiones desde Windows 95, por lo cual no tendremos que instalarlo.

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

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

Microsoft OneNote 2010

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

Más detalles

LECCION 3. El entorno de Illustrator

LECCION 3. El entorno de Illustrator LECCION 3. El entorno de Illustrator 3.1. El área de trabajo El entorno de Illustrator se compone por una serie de paneles, barras y ventanas, que podemos mover y desplazar. Y cualquier disposición de

Más detalles

Microsoft Access proporciona dos métodos para crear una Base de datos.

Microsoft Access proporciona dos métodos para crear una Base de datos. Operaciones básicas con Base de datos Crear una Base de datos Microsoft Access proporciona dos métodos para crear una Base de datos. Se puede crear una base de datos en blanco y agregarle más tarde las

Más detalles

Manual de usuario del software de marketing de fidelización de clientes Hermes

Manual de usuario del software de marketing de fidelización de clientes Hermes Manual de usuario del software de marketing de fidelización de clientes Hermes Campus Telematika 1 0. Índice 1. Requisitos y recomendaciones... 3 2. Manejo de la aplicación... 3 2.1. Asistente... 3 2.2.

Más detalles

13.1. Tablas dinámicas de Excel

13.1. Tablas dinámicas de Excel 13.1. Tablas dinámicas de Excel Una tabla dinámica consiste en el resumen de un conjunto de datos, atendiendo a varios criterios de agrupación, representado como una tabla de doble entrada que nos facilita

Más detalles

LAS CONSULTAS ACCESS 2007. Manual de Referencia para usuarios. Salomón Ccance CCANCE WEBSITE

LAS CONSULTAS ACCESS 2007. Manual de Referencia para usuarios. Salomón Ccance CCANCE WEBSITE LAS CONSULTAS ACCESS 2007 Manual de Referencia para usuarios Salomón Ccance CCANCE WEBSITE LAS CONSULTAS En esta unidad veremos cómo crear consultas y manejarlas para la edición de registros de tablas

Más detalles

Módulo I - Word. Iniciar Word... 2. Finalizar Word... 3. Definición de elementos de pantalla... 4. Escribir texto en un documento... 5. El cursor...

Módulo I - Word. Iniciar Word... 2. Finalizar Word... 3. Definición de elementos de pantalla... 4. Escribir texto en un documento... 5. El cursor... Módulo I - Word Índice Iniciar Word... 2 Finalizar Word... 3 Definición de elementos de pantalla... 4 Escribir texto en un documento... 5 El cursor... 5 Control de párrafos... 5 Nuevos párrafos... 5 Abrir

Más detalles

Por qué la primera pesa casi 20 KB y la segunda menos de 9 si se ven igual de bien?

Por qué la primera pesa casi 20 KB y la segunda menos de 9 si se ven igual de bien? Tratamiento y optimización de imágenes para Internet Tratamiento y optimización de imágenes para Internet Cómo hemos recortado estas imágenes? Por qué la primera pesa casi 20 KB y la segunda menos de 9

Más detalles

COMO CREAR UN ÁLBUM DE FOTOS.

COMO CREAR UN ÁLBUM DE FOTOS. COMO CREAR UN ÁLBUM DE FOTOS. Podemos crear un book de fotos llamativo con este programa, así mostraremos a nuestros amigos y conocidos nuestras recopilaciones de fotos. Con este método podemos enseñar

Más detalles

Sombrear Textos. Capas de Texto. Capítulo 3

Sombrear Textos. Capas de Texto. Capítulo 3 Capítulo 3 Capas de Texto Sombrear Textos o Sombra de Texto o Sombra con Script-Fu Aplicar Texto a una imagen Efectos de Texto o Texto con relleno de imagen o Efectos de Filtros sobre texto o Efecto de

Más detalles

13.3. Personalización avanzada

13.3. Personalización avanzada 13.3. Personalización avanzada Cómo crear informes mediante Report Builder Un informe es un documento que nos va a mostrar una información. En un informe disponemos de varias secciones. El encabezado de

Más detalles

ESTÁNDAR DESEMPEÑO BÁSICO Recopila información, la organiza y la procesa de forma adecuada, utilizando herramientas tecnológicas.

ESTÁNDAR DESEMPEÑO BÁSICO Recopila información, la organiza y la procesa de forma adecuada, utilizando herramientas tecnológicas. ESTÁNDAR DESEMPEÑO BÁSICO Recopila información, la organiza y la procesa de forma adecuada, utilizando herramientas tecnológicas. Sala de sistemas, Video proyector, Guías RECURSOS ACTIVIDADES PEDAGÓGICAS

Más detalles

Cuando crees tus propios documentos, puede ser que alguna

Cuando crees tus propios documentos, puede ser que alguna 1. CORTAR, COPIAR Y PEGAR Cuando crees tus propios documentos, puede ser que alguna vez necesites escribir el mismo texto varias veces o que quieras colocar un trozo de texto en otra parte del documento.

Más detalles

GUIA 3 Tema: Optimización de imagenes y recursos para la web.

GUIA 3 Tema: Optimización de imagenes y recursos para la web. 22 GUIA 3 Tema: Optimización de imagenes y recursos para la web. Objetivos Que los alumnos comprendan la importancia de la optimización de imágenes para la Web y utilicen Adobe Fireworks como editor de

Más detalles

Gobierno del Estado de México

Gobierno del Estado de México Gobierno del Estado de México Escuela Preparatoria Oficial No. 82 José Revueltas Hay que alcanzar la exaltación verdadera, para lograrlo, hay que ser serenos, sin prisas, estudiar, trabajar y disciplinarse

Más detalles

HERRAMIENTAS PARA CREAR

HERRAMIENTAS PARA CREAR LECTURA 3: DIBUJO Debemos quedarnos con la idea según la cual cuando dibujamos objetos en Flash se generan vectores (también llamados formas) correspondientes a las curvas y rectas que trazamos. Las formas

Más detalles

Tutorial de FrontPage

Tutorial de FrontPage Tutorial de FrontPage Con este tutorial vamos a hacer una presentación, utilizando el programa FrontPage, similar a la que se ha elaborado con el programa Neobook. FrontPage 2000 es un programa que se

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

Editor de textos para Drupal: TinyMCE

Editor de textos para Drupal: TinyMCE Editor de textos para Drupal: TinyMCE Cuando vayamos a editar el texto de una página, normalmente nos encontraremos con un editor de textos, similar a Word, pero para la web. Donde podamos usarlo encontraremos

Más detalles

Creación de páginas Web FrontPage

Creación de páginas Web FrontPage Creación de páginas Web FrontPage 1.- Introducción Las páginas web están basadas en lo que se llama el hipertexto. En el hipertexto no hace falta seguir el documento de forma lineal, sino que se establecen

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

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

TALLER CREACIÓN PÁGINAS WEB - NVU Prácticas

TALLER CREACIÓN PÁGINAS WEB - NVU Prácticas TALLER CREACIÓN PÁGINAS WEB - NVU Prácticas Departament: Societat de la Informació Data del document: 20/03/2007 Esta obra está bajo la licencia Reconocimiento-NoComercial-SinObraDerivada 2.5 de Creative

Más detalles

INSTRUCTIVO PARA LA CREACIÓN DE PÓSTER DIGITAL CON PowerPoint Versión 2010

INSTRUCTIVO PARA LA CREACIÓN DE PÓSTER DIGITAL CON PowerPoint Versión 2010 INSTRUCTIVO PARA LA CREACIÓN DE PÓSTER DIGITAL CON PowerPoint Versión 2010 Abrir el programa PowerPoint desde el menú INICIO TODOS LOS PROGRAMAS MICROSOFT OFFICE MICROSOFT OFFICE POWERPOINT (Fig. 1) (Fig.

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

Tutorial de Paint. Tutorial de Paint

Tutorial de Paint. Tutorial de Paint Tutorial de Paint 0 Paint Ahora es más fácil y más divertido usar este fiable programa. Además, los nuevos "pinceles" digitales realistas darán vida a sus imágenes, con matices de acuarelas, crayones y

Más detalles

EL PROGRAMA DE PRESENTACIONES IMPRESS (I)

EL PROGRAMA DE PRESENTACIONES IMPRESS (I) Bollullos del Cdo. (Huelva) Centro TIC/DIG EL PROGRAMA DE PRESENTACIONES IMPRESS (I) Introducción Básicamente Impress es un programa de presentaciones proyectadas a través de diapositivas (pantallas completas)

Más detalles

13. Tratamiento de imágenes para páginas web

13. Tratamiento de imágenes para páginas web 13. Tratamiento de imágenes para páginas web 13.1. Introducción La inclusión de imágenes en páginas web es un aspecto fundamental en el diseño. El tratamiento previo de las imágenes antes de incluirlas

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

Plantillas Office. Manual de usuario Versión 1.1

Plantillas Office. Manual de usuario Versión 1.1 Manual de usuario Para comprender y seguir este manual es necesario: Disponer del fichero lasolucion50.exe Asegurarse de trabajar con la versión 5.0.0.7 o superior. Para comprobar que versión esta utilizando

Más detalles

ENTORNO DE TRABAJO DE WORD 2007

ENTORNO DE TRABAJO DE WORD 2007 ENTORNO DE TRABAJO DE WORD 2007 Esta nueva versión de Office no contiene las 4 barras que son comunes a versiones anteriores, en esta ocasión solo contiene una barra llamada barra de título, una banda

Más detalles

LOS ELEMENTOS DE UN ESPACIO WEB:

LOS ELEMENTOS DE UN ESPACIO WEB: Ardora permite al docente crear un lugar en el que integrar y organizar cualquiera de las distintas páginas o grupo de páginas que crea el programa: actividades interactivas, paquetes de actividades, páginas

Más detalles

GUÍA RED SOCIAL FACEBOOK

GUÍA RED SOCIAL FACEBOOK GUÍA RED SOCIAL FACEBOOK Qué es una Red Social? Una Red Sociales un sitio en internet donde compartir información, mensajes, ideas, fotos, etc., con amigos, conocidos y desconocidos. Para acceder a una

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

INDUCCION PIZARRAS TRACE BOARD TRECE BOOK

INDUCCION PIZARRAS TRACE BOARD TRECE BOOK INDUCCION PIZARRAS TRACE BOARD TRECE BOOK USANDO LA PIZARRA Conexión Verificar conexión, pizarra computador. En la parte trasera de la pizarra se encuentra una pequeña caja con una luz verde indicando

Más detalles

Comience seleccionando imagen coche agradable. Seleccione una foto con 1024x768 px y 72 ppp.

Comience seleccionando imagen coche agradable. Seleccione una foto con 1024x768 px y 72 ppp. Tunea un coche 1 Tunea un auto Comience seleccionando imagen coche agradable. Seleccione una foto con 1024x768 px y 72 ppp. Usar la herramienta de selección (J) para seleccionar el parachoques delantero.

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

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

vbnmqwertyuiopasdfghjklzxcvbnmrty uiopasdfghjklzxcvbnmqwertyuiopasdf ghjklzxcvbnmqwertyuiopasdfghjklzxc

vbnmqwertyuiopasdfghjklzxcvbnmrty uiopasdfghjklzxcvbnmqwertyuiopasdf ghjklzxcvbnmqwertyuiopasdfghjklzxc vbnmqwertyuiopasdfghjklzxcvbnmrty uiopasdfghjklzxcvbnmqwertyuiopasdf ghjklzxcvbnmqwertyuiopasdfghjklzxc COMBINACIÓN DE CARTAS Y CORRSPONDENCIA vbnmqwertyuiopasdfghjklzxcvbnmqw ertyuiopasdfghjklzxcvbnmqwertyuiop

Más detalles

Seminario de Informática

Seminario de Informática Unidad II: Operaciones Básicas de Sistemas Operativos sobre base Windows 11. Herramientas del Sistema INTRODUCCION Este apunte está basado en Windows XP por ser el que estamos utilizando en el gabinete

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