Por qué la primera pesa casi 20 KB y la segunda menos de 9 si se ven igual de bien?
|
|
- José Ángel Valenzuela Peralta
- hace 8 años
- Vistas:
Transcripción
1 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 si se ven igual de bien? Por qué la tercera se ve tan mal? Qué importancia tiene? Al final de esta unidad podremos responder a todas estas preguntas. 1. Introducción Antes de ver cómo podemos definir la apariencia de nuestras páginas con CSS, vamos a ver cómo tratar y guardar las imágenes para Internet correctamente. A nadie le gusta una página que tarda una eternidad en cargar y tiene imágenes mal tratadas o que no guardan sus proporciones. Es habitual encontrar páginas con imágenes muy pesadas, que tardan mucho en cargar y desesperan a los usuarios. Muchas veces se guardan imágenes con más peso del debido; otras veces nos encontramos con imágenes de grandes dimensiones que han sido redimensionadas en el HTML para que se muestren con un tamaño muy reducido. No hubiese sido mejor utilizar una imagen ligera y con las dimensiones con las que ha de mostrarse? Vamos a ver cuáles son los formatos de imágenes adecuados para Internet, cuándo utilizar uno u otro y cómo tratar las imágenes para que tengan el tamaño y adecuado y pesen poco, conservando su calidad. Qué ventajas tiene hacer un buen uso de las imágenes? Páginas más ligeras. Correcta visualización. Mayor nivel de accesibilidad: si mi conexión no es buena, no podré acceder a páginas muy pesadas, por ejemplo. Puede parecer algo raro, pero hoy en día hay muchas conexiones móviles con tasas de transferencia limitadas (100 MB al día, etc.). Menor desgaste del servidor: en el caso de EducaMadrid no lo vamos a notar, pero si tenemos una web alojada en un servidor de pago y tenemos muchas visitas... Los proveedores de alojamiento web suelen cobrar más a mayor tasa de transferencia. Cuantos más datos se transfieran de un lado a otro, más "trabajo" para el servidor. Las imágenes son muchas veces las causantes de un excesivo desgaste. 2. Formatos de imagen para páginas web
2 Utilizaremos tres tipos de archivo: GIF, PNG y JPG. En este apartado los estudiaremos uno a uno. Todos ellos guardan las imágenes comprimidas, pero utilizan diferentes sistemas de compresión. Algunos ejemplos: GIF animado PNG-24 JPG 2.1. GIF Características del formato: Compresión sin pérdida (cuando guardamos, no pierde calidad). Hasta 256 colores. Permite transparencia. Permite animación (GIF animado). Para optimizar (reducir peso), reducimos el número de colores de la paleta (el número de colores que tendrá nuestro GIF). Por eso este formato no es bueno, generalmente, para fotografías, ya que estas tienen muchos colores. Sí es bueno, sin embargo, para imágenes planas, con pocos colores (un logotipo, por ejemplo). Esta imagen no debería guardarse en GIF, por ejemplo. La primera imagen es un GIF, y pesa casi 48 KB, mientras que la segunda es un JPG, y pesa sólo 24 KB, y además se ve mejor! Fijaos en la parte izquierda del cielo... El motivo es que el GIF tiene un máximo de 256 colores. Está claro que no es un buen formato para esta imagen.
3 Esta, sin embargo, pesa menos de 2 KB en GIF (primera imagen), y cerca de 7 KB en JPG (segunda imagen), pero el GIF se ve mucho mejor. Es un GIF con sólo 6 colores JPG Características del formato: Compresión con pérdida (al guardar en formato JPG se produce una pérdida de calidad en la compresión, de manera que es interesante partir de una imagen con calidad suficiente. Si partimos de un JPG muy comprimido, nunca podremos obtener la misma calidad de imagen). 16 millones de colores. No admite transparencia. No admite animación. Para optimizar, se reduce la calidad de la imagen. Este formato es, casi siempre, el mejor a la hora de optimizar fotografías. Veamos un ejemplo: una imagen JPG con calidad alta y otra con calidad baja. La segunda pesa menos, pero se ve mucho peor.
4 2.3. PNG Características del formato: Hay dos tipos de PNG:PNG-8 y PNG-24. Compresión sin pérdida (ambos tipos de PNG). Hasta 256 colores (PNG-8). Color verdadero (PNG-24). Ambos permiten transparencia. El PNG-24 permite además transparencias con valores intermedios (opacidad). El PNG-8, en este sentido, es como un GIF: un píxel es transparente u opaco; no hay término medio. Animación: existe una extensión al formato que permite las animaciones. Hasta el momento, sin embargo, se siguen utilizando de forma masiva los GIF animados. A continuación, tres imágenes PNG. La primera es un PNG-24; la segunda y la tercera son PNG-8. Como vemos, la primera tiene color verdadero, y su transparencia es perfecta. La segunda y la tercera tienen un número de colores limitado (256), y su transparencia es diferente (no admite valores intermedios: un píxel, o es transparente o es opaco). Esto lo vemos más claramente en la tercera imagen, cuyos bordes son negros, no del color del fondo de la página. PNG es menos conocido, pero cada vez más utilizado. Uno de sus principales problemas era la incompatibilidad con algunos navegadores antiguos y todavía bastante extendidos (Internet Explorer 6, por ejemplo, no muestra correctamente las transparencias de los archivos PNG). Con la llegada navegadores más modernos, la utilización de imágenes PNG es cada vez más común. La compresión de PNG es mejor que la de GIF. 3. Elección del formato Hasta que sepáis, con sólo ver una imagen, qué formato será el adecuado, podéis probar a guardarla en varios formatos y ver cuál es la que tiene la mejor relación calidad-peso. En líneas generales:
5 Fotografías: JPG. Imágenes con colores planos o una paleta de colores muy reducida: GIF o PNG. Imágenes con transparencia: GIF o PNG. Imágenes con valores de transparencia intermedios: PNG-24 (atención a la compatibilidad con diferentes navegadores). Para saber más... Un artículo con la descripción de los principales formatos en DesarrolloWeb.com Atención, porque este artículo se publicó hace años, y no da al PNG la importancia que tiene en la actualidad. GIF o PNG? 4. Recorte y optimización de imágenes para web con GIMP GIMP es un software libre muy potente para el tratamiento de imágenes Introducción a GIMP e instalación de plugins GIMP es un programa gratuito para el tratamiento de imágenes. Algo parecido al famoso Photoshop, pero libre. No todo el mundo puede tener Photoshop, de manera que vamos a explicar cómo tratar las imágenes con GIMP, que sí puede tenerlo todo el mundo. El sitio web oficial de GIMP es En encontraréis el programa en español, junto con mucho material de ayuda para su manejo. En este curso, no vamos a explicar cómo descargar e instalar GIMP, pero siendo un curso avanzado, seguro que no tenéis ningún problema para hacerlo. En caso de necesidad, podréis encontrar ayuda en el sitio web de GIMP. Instalación de plugins en GIMP
6 Quienes conocéis Photoshop posiblemente sabréis que tiene una opción muy práctica llamada Guardar para web. GIMP, desafortunadamente, no la tiene de serie, pero podemos tenerla instalando un plugin. Es muy fácil. El plugin se llama Save for web. Quienes trabajéis con MAX ya tendréis GIMP y el plugin instalados. Descarga e instalación del plugin Linux Ubuntu: escribe en un terminal sudo apt-get install gimp-plugin-registry Otras distribuciones: descarga el.tar desde y complila Windows 1. Descarga el zip desde 2. Descomprímelo 3. Copia el archivo webexport.exe a la carpeta de plug-ins C:\Documents and Settings\<usuario>\.gimp-2.6\plug-ins WinXP C:\Users\<usuario>\.gimp-2.6\plug-ins 4. Reinicia GIMP Eso es todo. Ya tenemos un GIMP con una buena funcionalidad de guardar para web que nos facilitará la tarea enormemente. Luego veremos cómo funciona Tratamiento de imágenes Imaginemos que parto de esta imagen en alta resolución: Descargar la imagen original (1125x1500 píxeles) Vamos a hacer una imagen de 550x367 píxeles que muestre sólo una parte de la imagen original:
7 Pasos Abrimos la imagen (atención: se aconseja trabajar siempre con una copia; nunca con la imagen original. Si por error guardásemos los cambios después de redimensionar la imagen, podríamos perder la foto original). Con la primera herramienta (parte superior izquierda) de la Caja de herramientas, seleccionamos el trozo de imagen que queremos mostrar en nuestra web.
8 Una vez hecha la selección, nos vamos al menú Imagen Recortar la selección. Una vez recortada, vamos de nuevo al menú Imagen Escalar la imagen. Ahí aparecen las dimensiones actuales de la imagen. Podemos escribir directamente el ancho deseado (habíamos dicho que serían 550 píxeles) para hacer la redimensión. Una vez escrita esta cifra, pincharemos en los eslabones que hay justo a su derecha para que el programa calcule automáticamente la altura de la imagen conservando sus proporciones. Establecida la altura, pincharé en el botón Escala.
9 Si mi imagen mide justo 550x367 píxeles, habré resuelto el problema, pero tal vez todavía no sea así; todo depende de cómo fuese la selección hecha en el paso 1. Si la altura es mayor de 367 píxeles, tendré que recortar los píxeles que sobren. Eso se hace desde Imagen Tamaño del lienzo. Estableceremos las dimensiones adecuadas (lo más normal es que nos convenga pulsar la opción "Centrar") y pulsaremos en Redimensionar. Ya tenemos una imagen de 550x367 píxeles.
10 A continuación, la guardaremos. Veremos cómo hacerlo bien en el próximo capítulo. Debemos tener en cuenta que... En realidad, hay muchas formas de hacer lo mismo. Por ejemplo: podríamos abrir la imagen, cambiar el tamaño de lienzo a 550x367 píxeles y luego usar la herramienta mover de GIMP para colocar el trozo de imagen donde quisiésemos. También podríamos utilizar la herramienta de escalado para ajustar aún más el resultado. Lo mejor es probar y elegir el método que nos resulte más cómodo. A los pocos días, el proceso nos llevará apenas unos segundos Guardado de imágenes Una vez que tenemos la imagen redimensionada, vamos a guardarla optimizada. Iremos a Archivo Save for web y se abrirá un cuadro de diálogo con el siguiente aspecto: La parte marcada en rojo (bloque superior izquierdo) nos permite seleccionar el formato (JPG, GIF, PNG-8 o PNG-24). Justo debajo marcado en amarillo podremos tocar los ajustes del formato seleccionado. Como vemos, los ajustes no son iguales en todos los formatos. En el formato JPG, por ejemplo, podemos jugar con la calidad de la imagen (a mayor calidad, mayor peso final), mientras que en el formato GIF o PNG-8 podremos variar
11 el número de colores (desde 2 hasta 256: a menos colores, menos peso final). Una nota para las imágenes JPG: es aconsejable tener activadas las dos primeras casillas (optimizado y progresivo). El progresivo permite que las imágenes se vayan mostrando en el navegador según se van cargando (lo habréis visto muchas veces en la web: entras en una página, y las imágenes van cargando, de arriba abajo). Debajo de la previsualización de la imagen (marcado en azul) podemos ver el peso que tendrá la imagen una vez guardada. Qué peso debe tener una imagen? Es una pregunta de difícil respuesta. No podemos decir más de X está mal, porque cada imagen es diferente. Depende de sus colores, de la calidad que necesitemos (puedo tener unas fotos muy buenas y querer que se vean especialmente bien). La mejor respuesta: que pesen lo menos posible y que se vean suficientemente bien. Una cifra orientativa: una imagen como la que veis arriba, con unas dimensiones de 550x367 píxeles, no debería pesar más de 50 KB (y si podemos acercarnos a 40 o menos, tanto mejor). Para conseguirlo, guardaría la imagen en JPG con una calidad de 55 a 65 (generalmente, si la calidad de la imagen original es buena, es más que suficiente con una calidad inferior a 65. Probadlo: la imagen sigue viéndose bien). Debemos intentar conseguir imágenes ligeras. Cuando más ligeras, mejor. La clave está en que se sigan viendo bien. En qué formato debemos guardarlas? Si mi imagen debe tener transparencia, debo descartar el JPG. Si es una foto o tiene degradados y no debe tener transparencia, casi seguro que el mejor formato es JPG. Lo ideal es ir probando. Gracias al plugin Save for web podemos saber, antes de guardarla, cuánto pesará y cómo se verá la imagen. Podemos jugar con los ajustes hasta dar con el resultado adecuado. Después, pulsamos guardar ( Save ). Ya tenemos una imagen optimizada Notas generales Imágenes de los contenidos creados en el portal EducaMadrid Muchos tipos de contenido (por ejemplo una noticia) permiten seleccionar una imagen principal. Al crear el contenido, la propia aplicación creará de forma automática dos copias de la imagen (una pequeña, que se mostrará en la vista resumida del contenido, y una mediana, que se mostrará en la vista detallada del contenido).
12 La imagen original la que nosotros hemos subido después de optimizarla se mostrará al pinchar sobre la imagen mediana que vemos en la vista detallada del contenido. Aunque en este caso una parte importante de la labor de optimización la hace EducaMadrid por nosotros, no debemos descuidar la imagen ampliada, para que cargue rápido, se vea bien y no sea ni demasiado grande ni demasiado pequeña. Qué dimensiones deben tener las imágenes? Las que queráis, pero conviene no hacerlas demasiado grandes. Un máximo de 500 ó 550 píxeles de ancho o de alto suele ser suficiente para una correcta visualización de las ampliaciones. Las imágenes cuadradas podrían ser algo más pequeñas: 400x400 ó 350x350 píxeles, por ejemplo. Un comentario Utilizar siempre los mismos tamaños puede hacer que nuestras páginas sean más agradables. Podemos definir un tamaño para las imágenes verticales, otro para las horizontales y otro para las cuadradas, y usarlos siempre. Esto, por supuesto, es a criterio de cada uno. Cómo se optimiza en Photoshop? El proceso es casi idéntico, así que si alguien tiene Photoshop y lo prefiere a GIMP, no tendrá ningún problema siguiendo las indicaciones anteriores. De todas formas, aquí tenéis algunas indicaciones para Photoshop: Cambiar el tamaño de una imagen Recortar una imagen Optimizar una imagen Este artículo está licenciado bajo Creative Commons Attribution Non-commercial Share Alike 3.0 License Ignacio Gros Aymerich Esta obra está bajo una licencia de Creative Commons. Departamento de TIC CRIF "Las Acacias"
Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez.
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
Más detallesCuando 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 detallesMinisterio de Educación. Diseño de Presentaciones en la Enseñanza. Módulo 9: Imprimir
Ministerio de Educación Diseño de Presentaciones en la Enseñanza Módulo 9: Imprimir Instituto de Tecnologías Educativas 2011 Diseño de Presentaciones en la Enseñanza (OpenOffice) Imprimir Imprimir una
Más detallesPlataforma 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 detallesResumen 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 detallesTutorial 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 detallesIMAGE RESIZER FOR WINDOWS, ÚTIL PARA REDUCIR EL TAMAÑO O REDIMENSIONAR IMÁGENES Y FOTOGRAFÍAS (DV00409C)
APRENDERAPROGRAMAR.COM IMAGE RESIZER FOR WINDOWS, ÚTIL PARA REDUCIR EL TAMAÑO O REDIMENSIONAR IMÁGENES Y FOTOGRAFÍAS (DV00409C) Sección: Divulgación Categoría: Herramientas Informáticas Fecha revisión:
Más detallesCOMO 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 detallesMANUAL PARA GESTIÓN DE INCIDENCIAS INFORMÁTICAS
MANUAL PARA GESTIÓN DE INCIDENCIAS INFORMÁTICAS En este manual aprenderemos a introducir un Ticket de Soporte (Incidencia Informática) y ver todo el proceso hasta que se resuelve. Para poder escribir Tickets
Más detallesINSTRUCCIONES PARA SUBIR FOTOS AL SERVIDOR FOROPICOS.NET Por Tolanu Septiembre 2008
INSTRUCCIONES PARA SUBIR FOTOS AL SERVIDOR FOROPICOS.NET Por Tolanu Septiembre 2008 Bueno, las instrucciones para subir fotos al servidordel foro son sencillas, pero aquí va una explicación personal :
Más detallesPANEL DE CONTROL (Zona de Administración) MANUAL DE USO Por conexanet. Revisión 1.1 Fecha 2006-08
PANEL DE CONTROL (Zona de Administración) MANUAL DE USO Por conexanet Revisión 1.1 Fecha 2006-08 Índice 1. Acceder 2. Menú 3. Gestión Básica 3.1 Añadir 3.2 Editar 3.3 Eliminar 3.4 Eliminación de registros
Más detalles10. El entorno de publicación web (Publiweb)
10. El entorno de publicación web (Publiweb) 10.1. Introducción El entorno de publicación Web es una herramienta que permite la gestión de nuestras páginas Web de una forma visual. Algunos ejemplos de
Más detallesImagen ::: 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 detallesAGREGAR UN EQUIPO A UNA RED Y COMPARTIR ARCHIVOS CON WINDOWS 7
Tutoriales de ayuda e información para todos los niveles AGREGAR UN EQUIPO A UNA RED Y COMPARTIR ARCHIVOS CON WINDOWS 7 Como agregar a una red existente un equipo con Windows 7 y compartir sus archivos
Más detallesTUTORIAL PARA REDIMENSIONAR FOTOS
TUTORIAL PARA REDIMENSIONAR FOTOS Es extremadamente importante cuidar las imágenes con las que trabajamos en nuestro sitio Web y no subir fotografías a cualquier tamaño. Esto puede ralentizar considerablemente
Más detallesGimp - Segunda parte. En qué formatos puede grabar GIMP mi imagen? Guardar una imagen
Gimp - Segunda parte En qué formatos puede grabar GIMP mi imagen? Gimp puede guardar en su propio formato que es.xcf y mantendrá de esta forma las capas que hayamos añadido. Además puede exportar la imagen
Más detallesTALLER 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 detallesCreació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 detallesPaso 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 detallesHerramientas CONTENIDOS. MiAulario
Herramientas CONTENIDOS MiAulario CONTENIDOS Qué es Contenidos Ver un ejemplo Añadir la herramienta al sitio Añadir contenido en la página Páginas principales / subpáginas Criterios de visibilidad Configuración
Más detallesTutorial DC++ Usarlo es muy sencillo y configurarlo también, aunque tiene algunos trucos importentes.
Tutorial DC++ Para compartir, lo mejor es usar el DC++, que es un programa de intercambio P2P (como el emule) pero optimizado para usarlo en redes locales. Usarlo es muy sencillo y configurarlo también,
Más detallesAjustes del Curso en egela (Moodle 2.5)
Ajustes del Curso en egela (Moodle 2.5) Manual para el profesorado Versión 2 (12/05/2015) El presente manual ha sido desarrollado por el Campus Virtual de la Universidad del País Vasco / Euskal Herriko
Más detallesExportar exelearning. Aplicaciones para la creación de materiales didácticos
Exportar exelearning exelearning guarda los proyectos creados en un formato especial llamado.elp (exe Learning Proyect). Estos ficheros no se pueden utilizar directamente para visualizar el material, por
Más detallesTutorial de carga de fotos en www.sonmisamigos.es
Tutorial de carga de fotos en www.sonmisamigos.es Este documento describe paso a paso como cargar un conjunto de fotografías en la web www.sonmisamigos.es Paso 1: Seleccionar las fotos a cargar Antes de
Más detallesCreando 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 detallesPLATAFORMA 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 detallesManual de configuración de Outlook 2010 ÍNDICE
Manual de configuración de Outlook 2010 ÍNDICE 1. ARRANCANDO OUTLOOK POR PRIMERA VEZ...1 2. ARRANCANDO OUTLOOK POR N-ÉSIMA VEZ...2 3. CONFIGURACIÓN DE CUENTA DE CORREO...2 4. SERVICIO DE DIRECTORIO LDAP...3
Más detallesPitivi Serafín Vélez Barrera Breve manual de PITIVI
Breve manual de PITIVI 1/13 Breve manual de Pitivi por Serafín Vélez Barrera se encuentra bajo una Licencia Creative Commons Atribución-NoComercial- CompartirIgual 3.0 Unported. 2/13 Índice 1. Introducción
Más detallesEL 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 detallesMANUAL DE LA HERRAMIENTA GENERADOR DE HORARIOS
MANUAL DE LA HERRAMIENTA GENERADOR DE HORARIOS La herramienta Generador de Horarios nace con el objetivo de facilitar a todos los usuarios del portal la creación y elaboración de horarios personalizados
Más detalles1. Introducción...3. 2. Qué es Draw?...3. 3. Entorno de trabajo...4. 4. Crear un nuevo documento...9. 5. Preparación de la hoja de dibujo...
Draw Básico Índice del curso 1. Introducción...3 2. Qué es Draw?...3 3. Entorno de trabajo...4 4. Crear un nuevo documento...9 5. Preparación de la hoja de dibujo...12 6. Trabajando con Draw...14 2 Conoce
Más detallesManual del Alumno de la plataforma de e-learning.
2 Manual del Alumno de la Plataforma de E-learning 3 4 ÍNDICE 1. Página de Inicio...7 2. Opciones generales...8 2.1. Qué es el Campus...8 2.2. Nuestros Cursos...9 2.3. Cómo matricularme...9 2.4. Contactar...9
Más detallesPrá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 detallesInstalación de Fedora Core 18 junto a Windows 7.
Instalación de Fedora Core 18 junto a Windows 7. Antes de nada deberíamos tener en cuenta si tenemos espacio disponible en nuestro disco para poder llevar a cabo la instalación. Habitualmente compramos
Más detallesColegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS
Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS Versión 2.0 3/05/2010 Manual de Gestión de correo electrónico y SMS (v 2.0) 1 GESTOR DE CORREO ELECTRÓNICO
Más detalles15 CORREO WEB CORREO WEB
CORREO WEB Anteriormente Hemos visto cómo funciona el correo electrónico, y cómo necesitábamos tener un programa cliente (Outlook Express) para gestionar los mensajes de correo electrónico. Sin embargo,
Más detallesPOWER 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Índice. Página 2 de 14
Índice Pág. 1. Requisitos... 3 2. Acceso a la plataforma online... 3 3. Estructura y funcionamiento de los cursos... 5 4. Elementos del menú lateral... 9 a. Profesor... 9 b. Soporte Técnico... 10 c. Aplicaciones
Más detallesMarta Soler Tel: 902 33 12 12 Fax: 93 352 36 14 http://www.interdigital.es acc@interdigital.es TUTORIAL DEL GESTOR DE CONTENIDOS DOTNETNUKE
. Marta Soler Tel: 902 33 12 12 Fax: 93 352 36 14 http://www.interdigital.es acc@interdigital.es TUTORIAL DEL GESTOR DE CONTENIDOS DOTNETNUKE El entorno de trabajo La página tiene como base una plantilla
Más detalles2. ABRIR UN NUEVO DOCUMENTO DE TRABAJO
2. ABRIR UN NUEVO DOCUMENTO DE TRABAJO 18 Introducción Hasta ahora hemos visto como abrir una imagen para tratarla en Photoshop CS3, y a guardarla en cualquiera de los estados en los que se encuentre en
Más detallesPlataforma Helvia. Manual de Administración. Bitácora. Versión 6.06.04
Plataforma Helvia Manual de Administración Bitácora Versión 6.06.04 ÍNDICE Acceso a la administración de la Bitácora... 3 Interfaz Gráfica... 3 Publicaciones... 4 Cómo Agregar una Publicación... 4 Cómo
Más detallesTema: Comprobar autenticidad
Autor: José Infante Prieto 11_Comprobar_autenticidad 1 de 15 Aplicaciones web, entorno personal de enseñanzaaprendizaje Tema: Comprobar autenticidad CEFIRE Comprobar autenticidad Materiales elaborados
Más detallesIntroducción a Moodle
Instituto la Américas de Nayarit Ing. Elías Portugal Luna Qué es Moodle? Moodle es una aplicación web de tipo Ambiente Educativo Virtual, un sistema de gestión de cursos, de distribución libre, que ayuda
Más detallesPara trabajar este tema vamos a situarlo un poco más en el lenguaje común:
Curso de Internet a distancia para sacerdotes, religiosos y religiosas Material de apoyo para las teleclases - Viernes,18 de noviembre2011 Vea los vídeos resúmenes en: www.medioscan.es y www.teleiglesia.es
Más detallesSombrear 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 detallesCómo creo las bandejas del Registro de Entrada /Salida y de Gestión de Expedientes?
Preguntas frecuentes Cómo creo las bandejas del Registro de Entrada /Salida y de Gestión de Expedientes? Atención! Esta opción es de configuración y solamente la prodrá realizar el administrador de la
Más detalles1. 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 detallesSitios 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 detallesCreado dentro de la línea de sistemas operativos producida por Microsoft Corporation.
WINDOWS Windows, Es un Sistema Operativo. Creado dentro de la línea de sistemas operativos producida por Microsoft Corporation. Dentro de los tipos de Software es un tipo de software de Sistemas. Windows
Más detallesTutorial 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 detalles12 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 detallesProcesador de texto Apunte N 5
Procesador de texto Apunte N 5 Imágenes, gráficos, formas, organigramas y texto artístico ACLARACIÓN: Estos apuntes están diseñados para enseñar tanto MS Word como OOO Writer. Si es necesario se indicará
Más detallesRecuva funciona muy bien, siempre y cuando se cumplan dos factores fundamentales que son:
Como recuperar archivos borrados por error con Recuva. Recuva se ha convertido en uno de los programas favoritos para la recuperación de ficheros eliminados por error, ya que nos permite volver a recuperar
Más detallesImagen ::: Optimización de imágenes Diseño de materiales multimedia. Web 2.0. 2.3 Optimización de imágenes
161 2.3 Optimización de imágenes 162 2.3 Optimización de imágenes 2.3.1 Conversión de formatos El propósito de esta actividad es familiarizarse con el uso de GIMP para convertir una imagen de un formato
Más detallesTEMA 7: COMPARTIR, ORDENAR Y EDITAR FOTOGRAFÍAS CON PICASA
Colegio La Inmaculada Misioneras Seculares de Jesús Obrero Nueva del Carmen, 35. 47011 Valladolid. Tel: 983 29 63 91 Fax: 983 21 89 96 e-mail: lainmaculadava@planalfa.es TEMA 7: COMPARTIR, ORDENAR Y EDITAR
Más detallesMinisterio de Educación. Diseño de Presentaciones en la Enseñanza. Módulo 4: Tipos de gráficos
Ministerio de Educación Diseño de Presentaciones en la Enseñanza Módulo 4: Tipos de gráficos Instituto de Tecnologías Educativas 2011 Diseño de Presentaciones en la Enseñanza (OpenOffice) Tipos de gráficos
Más detallesEl almacén: sistema de archivos
1 de 9 19/09/2011 13:49 El almacén: sistema de archivos Como dispones ya de una plataforma Moodle y has hecho una configuración concreta, ya sea por temas, semanas o cualquier otra, el paso siguiente es
Más detallesGIMP, un útil programa gratuito para tratamiento de imágenes y diseño gráfico. (DV00405A)
aprenderaprogramar.com GIMP, un útil programa gratuito para tratamiento de imágenes y diseño gráfico. (DV00405A) Sección: Divulgación Categoría: Herramientas informáticas Fecha revisión: 2029 Autor: César
Más detallesConfiguración de PDAs en ITACTIL.
Configuración de PDAs en ITACTIL. La aplicación ITACTIL puede trabajar con terminales de mano (PDAs, tablets o teléfonos Android, Iphone, Ipad, etc.) en sus versiones Profesional y Líder. El funcionamiento
Más detallesCOMO CONFIGURAR UN PERFIL DE COLOR:
COMO CONFIGURAR UN PERFIL DE COLOR: Un Perfil de color es un archivo con extensión.icm que permite a la impresora o al Monitor mostrar los colores con la saturación y profundidad de acuerdo a las necesidades
Más detallesMANUAL 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 detallesCÓMO OBTENER VÍDEO DE INTERNET
CAPTURA DE VIDEOS DESDE INTERNET Creo que a estas alturas no es necesario convencer a nadie de que Internet es una fuente indispensable de materiales para el aula. Todos somos conscientes de que en Internet
Más detallesServicio Webmail. La fibra no tiene competencia
Servicio Webmail La fibra no tiene competencia Contenido 1. INTERFAZ WEBMAIL 3 2. BARRA SUPERIOR 3 3. CORREO 3 3.1. Barra de herramientas de correo 4 3.2. Sección carpetas de correo 9 3.3. Sección de contenidos
Más detallesRoberto 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 detallesInicio del programa WORD 2007
CLASE 5 Objetivo de la clase: el alumno conocerá el entorno del procesador de textos de Microsoft Word. MAPA Inicio del programa WORD 2007 BOTÓN OFFICCE Y LA BARRA DE HERRAMIENTAS VISUALIZACIÓN DEL DOCUMENTO
Más detallesVersión: 1.0.0. Desarrollado por AloOnline Alojamiento Web. http://www.aloonline.es. soporte@aloonline.es -1-
Versión: 1.0.0 Desarrollado por AloOnline Alojamiento Web http://www.aloonline.es soporte@aloonline.es -1- INDICE 1. Acceder al panel de WordPress... 3 2. Crear entradas en el Blog y páginas... 4 2.1.
Más detallesMANUAL WINDOWS MOVIE MAKER. Concurso de Gipuzkoa
MANUAL WINDOWS MOVIE MAKER Concurso de Gipuzkoa ÍNDICE 1. Presentación del diseño del Windows Movie Maker 3 2. Captura de video 4 3. Importar video 8 4. Edición de la película a. Añadir video y/o imágenes
Más detallesCó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 detallesPinchamos 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 detallesAYUDA. 1. Registro de Usuarias. 2. Acceso de usuarios (Login) 3. Recuperación de contraseña de usuario. 4. Mi Zona Personal. 5.
AYUDA A continuación le presentamos una guía de las distintas acciones que puede realizar en el portal de TOMANDO LAS RIENDAS, explicadas paso a paso para su mejor comprensión. 1. Registro de Usuarias
Más detallesPrograma diseñado y creado por 2014 - Art-Tronic Promotora Audiovisual, S.L.
Manual de Usuario Programa diseñado y creado por Contenido 1. Acceso al programa... 3 2. Opciones del programa... 3 3. Inicio... 4 4. Empresa... 4 4.2. Impuestos... 5 4.3. Series de facturación... 5 4.4.
Más detallesApuntes para hacer páginas Web con FrontPage
1 ASIGNATURA: USOS MATEMÁTICOS DE INTERNET PARA SECUNDARIA Y BACHILLERATO CURSO: Cursos y acciones de postgrado, 2004-2005 PROFESORA: Inés M. Gómez-Chacón CARÁCTER/CRÉDITOS: 3 DEPARTAMENTO: ÁLGEBRA FACULTAD
Más detallesConfiguració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 detallesPASOS PARA CREAR UNA PÁGINA WEB
http://www.rafatux.com PASOS PARA CREAR UNA PÁGINA WEB Con éste documento trato de orientar de una forma genérica los distintos pasos que deben de realizarse para crear una página web. PRIMER PASO: Estructura
Más detallesCAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3
ver. 3 Diseño de cajas de esquinas redondeadas y ancho fijo para Diseño WEB _TICO 1º Bachillerato página 1/10 CAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3...1 Procedimiento 1: Diseño con Gimp de una
Más detallesSelección de los puntos de montaje
PARTICIONES PARA LINUX Selección de los puntos de montaje Tanto para aquellos que vayan a instalar ahora, como para quienes quieran cambiar el tamaño de una partición o formatear este apunte (resumen de
Más detallesPS.Vending Almacén Pocket PC
Versión 1.0 Enero 2013 Autor: Pedro Naranjo Rodríguez www.psvending.es Contenido Qué es PS.Vending Almacén Pocket PC?... 3 Funciona PS.Vending Almacén Pocket PC independiente de PS.Vending?... 3 Requisitos...
Más detalles1. 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 detalleshay alguien ahi? por Marcelino Alvarez maralvilla@gmail.com
hay alguien ahi? por Marcelino Alvarez maralvilla@gmail.com Un repaso a las estadísticas de lectura tanto de la página web como de la revista digital, para ver si alguien se acuerda de nosotros. Ya podemos
Más detallesCrear 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 detallesTEMA 4: EMPEZANDO A NAVEGAR ESCUELA UNIVERSITARIA DE INFORMÁTICA. Raúl Martín Martín
TEMA 4: EMPEZANDO A ESCUELA UNIVERSITARIA DE INFORMÁTICA NAVEGAR Raúl Martín Martín SERVICIOS DE INTERNET SERVICIOS DE INTERNET Las posibilidades que ofrece Internet se denominan servicios. Hoy en día,
Más detallesManual para la utilización de PrestaShop
Manual para la utilización de PrestaShop En este manual mostraremos de forma sencilla y práctica la utilización del Gestor de su Tienda Online mediante Prestashop 1.6, explicaremos todo lo necesario para
Más detallesRecursos 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 detallesUso de Visual C++ Pre-Practica No. 3
Pre-Practica No. 3 Uso de Visual C++ Microsoft Visual C++ 2010 es una versión de Visual Studio específica para el lenguaje de programación C++. Es un entorno de desarrollo muy completo y profesional. Por
Más detallesMANUAL BASICO DE WEBEX
MANUAL BASICO DE WEBEX Webex es un servicio de web conferencias y soluciones de colaboración, lo que significa que nos permite crear una conferencia por internet en la cual además de vernos los unos a
Más detallesPLANTILLAS 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 detallesInternet Information Server
Internet Information Server Internet Information Server (IIS) es el servidor de páginas web avanzado de la plataforma Windows. Se distribuye gratuitamente junto con las versiones de Windows basadas en
Más detallesInstalación de las Voces de Expansión en Tyros 4PT23
Instalación de las Voces de Expansión en Tyros 4PT23 Tutorial Yamaha Una de las mejores características de los teclados de Yamaha es la posibilidad de expandir su enorme librería de sonidos internos con
Más detallesELABORACIÓ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 detallesHot Potatoes, aplicaciones educativas
Hot Potatoes, aplicaciones educativas Módulo 3: Crear un ejercicio ÍNDICE MÓDULO 3. CREAR UN EJERCICIO...1 Introducción de los datos...2 Ajustar la configuración...6 Convertir en página web...8 1 de 10
Más detallesTUTORIAL PHP WEBQUEST
TUTORIAL PHP WEBQUEST CURSO TIC CEIP ANDALUCÍA POSADAS (Córdoba) 1 TUTORIAL SOBRE PHP WEBQUEST PHP Webquest es un programa educativo pensado para realizar Webquest, Miniquest y Cazas del Tesoro sin necesidad
Más detallesTutorial 2 LAS UNIDADES (I)
Tutorial 2 LAS UNIDADES (I) 2.1.- Introducción En el pasado tutorial aprendimos a hacer carpetas, copiar y mover ficheros, a eliminarlos y a cambiarles el nombre. Ahora vamos a ver algo parecido. Cómo
Más detallesAdministración de portales Joomla (II) antonio.duran.terres@gmail.com
Administración de portales Joomla (II) antonio.duran.terres@gmail.com Módulos Con la instalación base de Joomla vienen varios módulos Algunos ya los vimos, como encuestas o Quien está en línea? Hay otros
Más detallesSoftware Criptográfico FNMT-RCM
Software Criptográfico FNMT-RCM ÍNDICE 1. DESCARGA E INSTALACIÓN DEL SOFTWARE 2. EXPORTACIÓN DE CERTIFICADOS EN MICROSOFT INTERNET EXPLORER 3. IMPORTACIÓN DEL CERTIFICADO A LA TARJETA CRIPTOGRÁFICA -2-
Más detallesComo verás pone Microsoft Office y si te colocas sobre esta línea debería salir:
:: Introducción: Microsoft dispone de un conjunto de herramientas llamado Office que se compone de todo lo necesario para resolver cuantos problemas se presenten en los trabajos propios de cualquier usuario
Más detallesInstalar y configurar W3 Total Cache
Instalar y configurar W3 Total Cache en WordPress Cardenal Gardoki, 1 48008 BILBAO (Vizcaya) Teléfono: 902 012 199 www.hostalia.com La velocidad de carga de una web influye mucho a la hora de mejorar el
Más detallesLa otra gran ventaja es que está vinculado con nuestra asesoría, gracias a esto se consigue:
INDICE 1. CLIENTES 1.1. Nuevo cliente 1.2. Emisión de Facturas Emitidas 1.3. Informes: 1.3.1. Mayor de clientes 1.3.2. Listado de Facturas Emitidas 2. PROVEEDORES 2.1. Nuevo Proveedor 2.2. Registro de
Más detallesCITRIX 4.5 - Citrix Application Streaming
1 de 39 01/12/2007 1:06 CITRIX 4.5 - Citrix Application Streaming Es la caracteristica principal de la versión 4.5 de Citrix, el Application Streaming, en este documento se explica cómo usarlo. Application
Más detalles1.- DESCRIPCIÓN Y UTILIDAD DEL SOFTWARE DAEMON TOOLS.
CREANDO UNIDADES VIRTUALES DE CD Y DVD CON DAEMON TOOLS 1.- DESCRIPCIÓN Y UTILIDAD DEL SOFTWARE DAEMON TOOLS. Daemon Tools es una herramienta que permite a los usuarios simular una unidad o varias unidades
Más detalles