Microsoft Paint

Es una aplicación para procesar archivos que puede ser utilizada para
crear dibujos simples o elaborados Estos dibujos pueden ser en negro y
blanco o en colores, y se pueden guardar como archivos de mapa de bits.
Se puede imprimir el dibujo, usarlo como fondo de escritorio o pegarlo
en otro documento. Incluso puede ser utilizado para ver y editar
fotografías digitalizadas. Puede utilizarse para trabajar con imágenes,
tales como. Jpg,. Gif o. Bmp. Las versiones más modernas permiten abrir
o editar además archivos .PNG y .TIFF.
La primera versión de Paint se introdujo en la primera versión de
Windows, Windows 1.0.y no es compatible con las versiones más
recientes de Paint. En Windows 95, se introdujo una nueva versión de
Paint. Los mismos iconos y paleta de colores siguieron utilizándose
en Windows XP.
En Windows Vista, se han cambiado los iconos de barra de herramientas
y los colores de la paleta de colores. Asimismo, se ha agregado un mayor
número de niveles de deshacer, pasando a ser 10 veces y un control deslizante de zoom.
En Windows 7 una nueva cinta facilita el uso de este fiable programa, ya que muestra las opciones desplegadas, en lugar
de en menús. Incorpora nuevos "pinceles" digitales realistas con matices de acuarelas, crayones y caligrafía. Esta versión
del Paint está preparada para la tecnología táctil permitiendo podrá pintar con la yema de los dedos sobre la pantalla.
Incluso permite realizar dos trazos independientes con dos dedos.
Características
Ventana de trabajo de Microsoft Paint
El área de trabajo del paint cuenta con una intuitiva interfaz de usuario,
que permite un aprendizaje inmediato sin necedad de ayuda, esta
característica ha posibilitado que los niños fueran los primeros en
utilizarlo, es por ello que este sistema se utiliza para la enseñanza
básica en las escuelas.
Normalmente el camino o forma de acceso a este accesorios es Inicio/
Todos los programas/Accesorios / Paint. La ventana de trabajo del
Microsoft Paint de la versión incluida en Windows XP esta constituida
por el área de dibujo llamado comúnmente lienzo, el cuadro de
herramientas, el cuadro de colores y la barra de estado.
Cuadro de herramientas
El cuadro de herramientas se encuentra a por defecto a la izquierda de
la ventana del paint y cuenta con las siguientes opciones:
Lápiz

Lápiz
Permite dibujar líneas o curvas finas de forma libre.
En el cuadro de herramientas seleccionar la herramienta Lápiz.
En el cuadro de colores, seleccionar un color y arrastrar el puntero en la imagen para dibujar. Para dibujar con el color
de fondo, hacer clic con el botón secundario mientras se arrastra el puntero.
Pincel

Pincel
Permite dibujar líneas con apariencia y textura diferentes. El uso de diferentes pinceles le permite dibujar líneas curvas y
de forma libre con distintos efectos.
En el cuadro de herramientas seleccionar la herramienta Pincel.
Seleccionar el pincel a utilizar y establecer el tamaño para determinar el grosor del trazo.
En el cuadro de colores, seleccionar un color y arrastrar el puntero en la imagen para dibujar. Para dibujar con el color
de fondo, hacer clic con el botón secundario mientras se arrastra el puntero
Aerográfo

Aerográfo
Permite crear un efecto de aerógrafo
En el cuadro de herramientas seleccionar la herramienta Aerógrafo
Seleccionar el tamaño del pulverizador para determinar el grosor del trazo.
En el cuadro de colores, seleccionar un color y arrastrar el puntero en la imagen para pulverizar con el color de primer
plano. Para utilizar el color de fondo, hacer clic con el botón secundario mientras se arrastra el puntero
Línea

Línea
Permite dibujar una línea recta eligiendo el grosor y la apariencia de la línea.
En el cuadro de herramientas seleccionar la herramienta Línea.
Seleccionar el tamaño para determinar el grosor de la línea.
En el cuadro de colores, seleccionar un color y arrastrar el puntero para dibujar la línea.
Para dibujar con el color de fondo, hacer clic con el botón secundario mientras se arrastra el puntero.
Para dibujar una línea horizontal, mantenga presionada la tecla Mayúscula (Shift) mientras dibuja de un lado al otro.
Para dibujar una línea vertical, mantenga presionada la tecla Mayúscula (Shift) y dibuje hacia arriba o hacia abajo.
Curva

Curva
Permite dibujar una línea curva fluida.
En el cuadro de herramientas seleccionar la herramienta Curva.
Seleccionar el tamaño para determinar el grosor de la línea.
En el cuadro de colores, seleccionar un color y arrastrar el puntero para dibujar la línea. Para dibujar con el color de
fondo, hacer clic con el botón secundario mientras se arrastra el puntero.
Tras crear la línea, hacer clic en el área de la imagen donde se desea que esté el arco de la curva y luego arrastrar el
puntero para ajustar la curva.
Polígono

Polígono
Permite crear una forma personalizada con un número arbitrario de lados.
En el cuadro de herramientas seleccionar la herramienta Polígono.
En el cuadro de colores, seleccionar un color y arrastrar el puntero para dibujar la línea. Para dibujar con el color de
fondo, hacer clic con el botón secundario mientras se arrastra el puntero.
Arrastrar el puntero para dibujar una línea recta. A continuación, hacer clic donde se desea que aparezcan el resto de los
lados. Para crear lados con ángulos de 45 ó 90 grados, mantener presionada la tecla Mayúscula (Shift) mientras crea los
lados.
Para terminar de dibujar el polígono y cerrar la forma, conectar la última línea con la primera.
Rectángulo

Rectángulo
Permite crear un rectángulo
En el cuadro de herramientas seleccionar la herramienta Rectángulo.
En el cuadro de colores, seleccionar un color y arrastrar el puntero para dibujar el rectángulo. Para dibujar con el color
de fondo, hacer clic con el botón secundario mientras se arrastra el puntero.
Rectángulo redondeado

Rectángulo redondeado
Permite crear un rectángulo con las esquinas redondeadas
En el cuadro de herramientas seleccionar la herramienta Rectángulo redondeado.
En el cuadro de colores, seleccionar un color y arrastrar el puntero para dibujar el rectángulo redondeado. Para dibujar
con el color de fondo, hacer clic con el botón secundario mientras se arrastra el puntero.
Elipse

Elipse
Permite crear una elipse
En el cuadro de herramientas seleccionar la herramienta Elipse.
En el cuadro de colores, seleccionar un color y arrastrar el puntero para dibujar la elipse. Para dibujar con el color de
fondo, hacer clic con el botón secundario mientras se arrastra el puntero.
Texto

Texto
Permite escribir texto en la imagen.
En el cuadro de herramientas seleccionar la herramienta Texto.
Hacer clic en la ubicación del área de dibujo en la que se deseé agregar el texto.
En la barra de herramientas de texto, seleccionar la fuente, el tamaño y el estilo.
En el cuadro de colores, seleccionar el color a usar para el texto.
Teclear el texto que se desea agregar.
Borrador

Borrador/Borrar Color
Permite borrar áreas de la imagen.
En el cuadro de herramientas seleccionar la herramienta Borrador.
Seleccionar el tamaño del borrador y, a continuación, arrastrar el borrador sobre el área de la imagen que desea borrar.
Las áreas borradas revelarán el color de fondo
Seleccionar

Selección Libre y Seleccionar

Según lo que se deseé seleccionar, se pueden utilizar las herramientas Selección Libre (para seleccionar áreas en la
imagen que tenga cualquier forma) o Selección (para seleccionar áreas rectangulares.) Para seleccionar la imagen
entera, hacer clic en Edición/Seleccionar todo o con la combinación de teclas Ctrl. + E.
Lupa (Zoom)

Lupa (Zoom)
Permite acercar una parte de la imagen.
En el cuadro de herramientas seleccionar la herramienta Lupa (Zoom), mover la lupa y hacer clic para acercar la parte de
la imagen mostrada.
Para reducir el nivel de zoom, hacer clic nuevamente con el botón secundario del mouse
Cuentagotas

Cuentagotas
Permite establecer el color de primer plano o de fondo actual. Permite asegurarse de usar el color deseado al dibujar en
Paint, de forma que los colores coincidan.
En el cuadro de herramientas seleccionar la herramienta Cuentagotas (Selector de colores).
Hacer clic en el color que se desea establecer como color de primer plano, o haga clic con el botón secundario en el
color que se desea establecer como color de fondo.
Rellenar

Rellenar
Permite establecer rellenar con color toda la imagen o una forma delimitada con color.
En el cuadro de herramientas seleccionar la herramienta Relleno con color.
En el cuadro de colores, seleccionar un color y hacer clic dentro del área para rellenarla o hacer clic botón secundario en
el área para rellenarla con el color de fondo.
Cuadro de colores
Se encuentra por defecto en la parte inferior de la venta de
trabajo del paint y posibilita establecer los colores
predeterminados de fondo y de primer plano. La forma en que
se utilizan estos dependerá de lo que se esté haciendo en Paint.
Para establecer el color de primer plano hacer clic sobre el
cuadro con el color deseado.
Para establecer el color de fondo hacer clic con botón
secundario del mouse sobre el cuadro con el color deseado.
El color de primer plano se utiliza para líneas, bordes de formas
y texto. El color de fondo se utiliza para llenar formas cerradas y
el fondo de los marcos de texto y al utilizar el borrador.
Los colores predeterminados de fondo y primer plano aparecen
a la izquierda del cuadro de colores. El cuadrado superior
representa el color de primer plano. El cuadrado inferior
representa el color de fondo.
Hay 28 colores en el área de trabajo. Los colores por defecto en la caja de colores son los siguientes:
Negro, blanco, gris, plata, granate, rojo, oliva, amarillo, verde oscuro, verde, verde azulado, cian, azul marino, verde
pizarra, verde claro, Dark Carolina blue, aguamarina, azul medianoche, vinca, azul-violeta, coral, marrón y naranja
calabaza desde Windows 95 hasta Windows XP. En Windows Vista los colores por defecto son distintos.
Barra de Estado
Muestra una descripción del elemento sobre el que se encuentra el puntero del Mouse, la posición del puntero en píxel
y el tamaño del objeto.

SOFTWARE PARA LA EDICION DE IMÁGENES.

 GIMP: este pequeño es sin dudas la alternativa más popular a Photoshop y presenta una
importante ventaja frente a su rival, ya que es un software gratuito. Pero que esto no te engañe,
GIMP en realidad tiene pocas características que envidiarle a Photoshop. En las manos
correctas puede ser utilizado para llevar a cabo todo tipo de ediciones en imágenes.
Probablemente no encontrarás herramienta gratuita más completa que esta.
 LunaPic: este es un editor online y uno de los más utilizados en ese aspecto. Es gratuito y por
supuesto no necesitamos instalar nada en nuestra PC para usarlo, de hecho ni siquiera tenemos
que registrarnos en su página ni nada por el estilo. Ofrece una muy buena cantidad de opciones
y características, aunque por supuesto al ser un software online está un poco limitado.

 ImageForge: esta herramienta dispone de una edición de pago y de una gratuita. Si bien la
primera es mucho más completa y poderosa, la versión gratis no está nada mal. Si quieres
usarlo a pleno tendrás que ir por la versión de pago, pero por supuesto puedes mantener la
gratuita y usarla como un editor de fotos sencillo.

 Paint.NET: hay quienes lo consideran incluso mejor que Photoshop, aunque no ha logrado
gozar de tanta popularidad. Paint.NET es un software que se caracteriza por su gran apartado
de plugins, gracias al cual contamos con una enorme cantidad de opciones de modificación y
efectos especiales.
  PhotoFiltre: gratis y fácil de usar, dos características que lo convierten en una herramienta
ideal para novatos. Probablemente no sea lo mejor usarlo a nivel profesional, pero si no
necesitas de muchas opciones entonces aquí tienes el software que buscas.

IMÁGENES PROPIAS
Cada vez salen nuevas herramientas de diseño
online, que proporcionan cuantiosas plantillas
diseñadas por diseñadores, para que tu solo
tengas que personalizar y adecuar. Pero antes de
meternos de lleno en un breve tutorial quiero
comentarte los principios mínimos que debes
tener en cuenta al diseñar tus propias imágenes.
Pasos a seguir antes de hacer un
diseño:
 Define el mensaje. Antes de abrir cualquier herramienta de diseño online, tienes que estar seguro
de qué quieres comunicar. Escribe en una hoja en blanco tu mensaje. Si es para redes sociales,
mientras más breve, mejor. Aquí algunos consejos de copywriting (escritura persuasiva) que son
interesantes.
 Examina la herramienta y sus posibilidades antes de empezar. Mi recomendación es que
siempre revises la herramienta y veas si te gusta su interfaz, si te sientes cómodo o no. A partir de
ahí, ya puedes empezar a utilizar la herramienta para empezar a probarla.
 Elige las fotografías que vas a utilizar. Si tienes que prepararlas y en qué formato las vas a usar.
Si las subes antes de empezar el diseño, será todo más fácil y tardarás menos tiempo en crear tus
imágenes.

FORMATOS PARA GUARDAR IMÁGENES

Los dos tipos de imágenes digitales: raster (o Mapa de Bits) y vectores
Existen dos tipos de imágenes digitales y cada uno de ellos tiene unas características bien diferenciadas:
Los Mapas de Bits, también llamados imágenes raster o rasterizadas. Este tipo de imagen digital es el más
usado. Casi todas (por no decir todas) las imágenes que nos descargamos de internet están en este formato.
Las imágenes en mapa de bits están formadas por píxeles. A cada píxel se le asigna un color. Es por ello,
que a mayor resolución, mayor calidad tendrá la imagen. Pongo un ejemplo para que quede todo más claro.
Supongamos que tengo una imagen de 750 x 420 px. Esto quiere decir, que la imagen tendrá 750 píxeles
verticales y 420 horizontales.
El mayor problema de las imágenes en Mapa de Bits es el pixelado que se produce al agrandarlas, ya que el
editor de imágenes se “inventa” los píxeles que se añaden.
Este tipo de imagen digital se suele usar en fotografías, ilustraciones digitales o gráficos para web. En
definitiva, se usan cuando se quiere obtener una gran calidad del detalle.
El editor más conocido para las imágenes en Mapa de Bits es Photoshop
Las imágenes vectoriales no están formadas por píxeles, por lo que son independientes de la resolución.
Esto quiere decir que al agrandar o menguar la imagen no se producirá un pixelado.
Los gráficos vectoriales están formados por los llamados puntos de control que poseen curvas entre ellos y
que son definidas gracias a una fórmula matemática que el editor de imágenes se encarga de calcular.
Los vectores son muy utilizados en gráficos de baja complejidad como logotipos, iconos, composiciones
tipográficas… Los programas más usados para crear y modificar los gráficos vectoriales son Adobe
illustrator y Corel Draw.
Cabe mencionar que una imagen vectorial puede ser convertida a mapa de bits de forma fácil pero es mucho
más difícil convertir una imagen en mapa de bits a vectores (sobretodo si tratamos de hacerlo de forma
automática). Es muy complicado obtener la calidad de una imagen rasterizada en vectores, siempre se
pierden detalles.

Diferencias entre los modos de color: RGB y CMYK

Dentro de los formatos de imágenes digitales existen los modos de color que en definitiva describen los
colores que poseerá cada píxel. Dentro de los modos de color encontramos unos cuantos que son los más
comunes, predominando los modos RGB y CMYK:
El modo de color monocromático. La imagen se formará por píxeles blancos y negros puros. No se
incluyen tonalidades intermedias (grises) ni colores.

El modo escala de grises. La imagen tienes tonos blancos, negros y grises de hasta 256 tonos. No hay
color.

El modo de color indexado. Permite obtener hasta 256 colores en un archivo de imagen de 8 bits.

El modo HSB. Estas siglas significan Hue (Tono), Saturation (Saturación) y Brightness (Brillo). En este modo,
cada color surge de los valores de esos tres parámetros. Se maneja una paleta de colores de 24 bits.

El modo de color RGB. Este modo funciona por síntesis aditiva. Esto significar que mediante la suma de los
3 colores primarios de luces que son Red (rojo), Green (verde) y Blue (azul) podemos representar cualquier
color.
El color RGB es el que usamos en pantallas como en el ordenador, el móvil… Es por ello, que conviene
usar este modo de color cuando queremos subir proyectos de diseño, ilustración, fotografía... a internet.
El modo de color CMYK. Al contrario que el modo de color RGB, el modo CMYK funciona por sustracción.
Es decir, el color se consigue a través de la diferentes luminosidades de cada tono.
Las siglas significan Cyan, Magenta, Yellow (Amarillo) y Key (Black - Negro). Estos son cuatro colores o tintas
que se usan para imprimir. Al mezclar estos cuatro colores podemos lograr cualquier color dentro del espectro
visible.

Es conveniente crear las imágenes que vayamos a llevar posteriormente a una imprenta usando este modo
de color. Esto se debe a que los colores pueden cambiar una vez impresos y es mejor evitar sorpresas.

No obstante, ten en cuenta que tanto photoshop como otros programas permiten cambiar de un modo a otro
con mucha facilidad. Esto te puede ser útil si quieres crear imágenes tanto para mostrarlas en pantallas
(RGB) como para imprimir (CMYK).
Compresión en los formatos de imagen: LOSSY (con pérdidas) y LOSSLESS (sin pérdidas)
La mayoría de los formatos de imagen se presentan con cierta compresión para ahorrar espacio. Ésta puede
ser de dos tipos: LOSSY (con pérdidas) y LOSSLESS (sin pérdidas).
Las imágenes con una compresión sin pérdidas (LOSSLESS) son capaces de reconstruir la imagen a su
estado original. No se producen pérdidas.
Por el contrario, las imágenes con una compresión con pérdidas (LOSSY) se aproximan a la imagen
original, aunque no es exactamente igual (en muchas ocasiones esta pérdida no es notable). Ocupan menos
espacio. Un ejemplo es querer reducir la cantidad de colores de una fotografía para que el archivo pese
menos. Se emplean mucho en internet, para que pesen poco y sea fácil y rápido su descarga.
Tipos de formatos de imágenes rasterizadas (Mapas de Bits)
Después de hablar sobre la diferencia entre Mapa de Bits y vector ha llegado la hora de hacer una pequeña
lista con las extensiones de imágenes más usadas en cada uno de estos campos.
Voy a empezar enumerando los tipos de formatos de imágenes rasterizadas (Mapas de Bits) más
comunes:
Formato de imagen JPEG / JPG
La extensión de imagen .jpg o .jpeg es de lo más usados, sobretodo en internet, en fotografías o en gráficos
web. Es un formato de imagen con pérdidas y pesa poco aunque en resoluciones pequeñas puede aumentar
notablemente su pixelación.
Se recomienda usar el formato de imagen JPEG o JPG para imprimir archivos en alta resolución (pero con
una baja compresión para evitar demasiadas pérdidas). También puedes usarlo para enviar una miniatura o
vista previa de tu trabajo a un cliente por email. Así protegerás tu imagen y evitarás que pueda robarla sin
haber recibido antes tu pago.
La extensión de imagen .gif
El formato de imagen GIF es sin pérdidas y se usa casi exclusivamente para web ya que permite crear
pequeñas animaciones. Últimamente ha adquirido gran popularidad gracias a los memes.
A pesar de que Gif es un formato de imagen sin pérdidas, se puede guardar en un formato reducido para
menguar su tamaño.
Se recomienda usar el formato de imagen GIF para animaciones web como banners, memes o iconos. Cabe
mencionar que puedes guardarlo con un fondo transparente. Si quieres aprender a crear gif con photoshop
puedes ver este sencillo tutorial.
No obstante no se recomienda usar gif para fotografías de alta calidad ni para imprimir, ya que solo tiene 256
colores.
Formato de imagen PNG
El formato de imagen PNG es uno de los mejores a mi juicio. Es sin pérdidas y puedes añadir una
transparencia con degradado al fondo (GIF solo permite una transparencia pura). Es muy común actualmente.
Es ideal para gráficos web como iconos y funcionan muy bien con una paleta de color reducida.
Con PNG también puedes guardar fotografías con una calidad alta, no obstante se recomienda usar .jpeg
para esto porque con .png el tamaño será mucho mayor.
La extensión de imagen .tiff / .tif
El archivo de imagen TIFF o TIFF es sin pérdidas y ofrece mucha calidad a las fotografías, aunque suele ser
bastante pesado. También puedes usarlo para escanear en alta calidad. Sin embargo, no se recomienda en
gráficos web, ya que la extensión de imagen .tiff o .tif está optimizada para imprimir.
El formato de imagen RAW
El formato de imagen RAW es totalmente diferente a los vistos anteriormente. Se trata de archivos “no
procesados” que se obtienen directamente desde una cámara (por lo general una cámara de fotos
profesional) o de un sensor de escaner. Normalmente, las imágenes (como .jpg o .png) son procesadas ya
que se les ajusta el color, la exposición…
Las imágenes RAW, por el contrario, almacenan los datos no procesados y los procesados en dos archivos
totalmente independientes. Así, puedes editar la imagen sin tener miedo de las pérdidas o de “destruir” la
original.
Por lo tanto, la extensión de imagen .raw se usa mucho en fotografía profesional para editar las imágenes. Se
recomienda convertir a cualquier otro archivo una vez hayamos terminado de editar ya que es un archivo muy
pesado. Así, si queremos subir la imagen a internet, se recomienda hacerlo en .jpg.
El formato de imagen BMP
El formato de imagen BMP es un archivo de mapa de bits, sin pérdidas y que fue desarrollado para
Windows. Es por ello que guarda una gran cantidad de información y eso lo convierte en un archivo bastante
pesado.
Sin embargo, debido al auge de internet, este tipo de formato de imagen ha ido perdiendo popularidad durante
los últimos años en favor de .jpeg.
La extensión de archivo de imagen .psd
La extensión de archivo de imagen .psd es creada por Adobe photoshop y puede ser abierta por este
programa. Es archivo .psd es editable con capas y ajustes de imagen. Es usado mayoritariamente para
imágenes en mapas de bits, aunque también tiene opciones para crear vectores. Con photoshop podemos
exportar a muchos otros formatos de imagen una vez hayamos terminado de editar o de crear.
Tipos de formatos de imágenes vectoriales
Tras un recorrido a las extensiones de imágenes en mapas de bits o rasterizadas más populares es el turno
de los formatos de imágenes vectoriales. Como podrás comprobar a continuación es una lista mucho más
escueta. Recuerda que los vectores son usados mayoritariamente para gráficos sencillos con pocos colores
como logos, iconos…
El formato de imagen PDF
Casi todos conocemos el formato de imagen PDF. Más de uno tendremos alguno guardado en nuestro
ordenador y pueden mostrar tanto imágenes rasterizadas como vectoriales. Es un formato universal y se
suele pedir en imprentas como archivo final. Es por ello que se recomienda guardar en .pdf antes de llevar a
imprimir.
En muchas ocasiones dispondremos de archivos de imagen PDF que son editables. No obstante se
recomienda editar fuera de este archivo y usarlo solamente para mostrar documentos, diseños,
ilustraciones… o para imprimir.
La extensión de imagen .eps
La extensión de imagen .eps puede incluir tanto vectores como imágenes rasterizadas o mapa de bits. Se
recomienda usar este archivo de imagen únicamente para enviar el proyecto a la imprenta o para enviárselo al
cliente. Ten en cuenta que para imprimir archivos .eps se debe usar una impresora PostScript. Personalmente
recomiendo imprimir en PDF, ya que no todas las imprentas tienen este tipo de impresora.
El formato de imagen SVG
Quizás el formato de imagen SVG es de los menos conocidos de esta lista. Sin embargo, he creído
conveniente añadirlo porque creo que posee muchas ventajas gracias a su flexibilidad.
Este tipo de formato pesa poco y usa un estilo CSS. Para los que no lo sepan, CSS es un lenguaje de
programación que se encarga de dar estilo a las webs. Por ejemplo, puede poner los titulares de un
determinado color, tamaño o posición.
La gran ventaja de este formato de imagen es que se puede visualizar en navegadores. Así, si tenemos una
web podemos crear iconos en formato .svg con lo que al ser vector, tendrá una mejor calidad. Esto es genial
para las nuevas webs responsive (que varían el tamaño dependiendo del dispositivo donde se visualicen. Lo
puedes comprobar menguando la ventana de tu navegador en esta web, por ejemplo).
El gran problema que presenta la extensión de archivo de imagen .svg es que está basada en el lenguaje de
programación .xml, por lo que se necesita conocimientos sobre este lenguaje para hacerlo funcionar
debidamente.
El formato de imagen AI
El formato de imagen AI es propio de Adobe Illustrator y dentro de él podemos crear gráficos vectoriales y
editarlos. Una vez creado el diseño a nuestro gusto se debe exportar a otro archivo para su visualización. Si
quieres imprimir puedes exportar a .pdf o a .eps. Sin embargo, Illustrator también permite exportar a formatos
de imagen rasterizados como .png o .jpeg.
Y hasta aquí este artículo sobre los tipos de formatos de imagen más usados. Creo que me ha quedado un
poco largo, pero quería dar a conocer muchas cosas y claro, eso requiere su espacio.

Páginas web en un editor gráfico de HTML.

Editor de páginas web
Un editor de páginas web es una aplicación diseñada con el fin de facilitar la creación y edición de
documentos HTML o XHTML. Su complejidad puede variar desde la de un simple editor de texto plano,
entornos WYSIWYG, hasta editores WYSIWYM.

Tipos de Editores
Editor de texto sin formato
También llamado editor de texto plano. Este tipo de editor suele ser muy
sencillo. Dos ejemplos son Notepad o Bloc de Notas (incluido
en Windows) y Kate (GNU/Minix). Con cualquiera de los dos bastaría
para escribir las líneas de código necesarias para diseñar una página
Web.
Existen editores de texto específicamente diseñados para la edición
Web, que como Kate, incluyen dentro de su simplicidad coloreado de
sintaxis y las etiquetas de marcado usuales necesarias en el lenguaje de
hipertexto. Dichos editores incluyen una serie de botones para insertar
rápidamente las etiquetas, o combinaciones de estas, más corrientes,
salvar el documento con un clic y visionarlo posteriormente en una nueva ventana. el paquete
Editor de texto con ventanas
Es una versión ligeramente más sofisticada que la anterior. Suelen constar de un par de ventanas. Una area
de trabajo, donde se teclea el código HTML y el texto que se quiere incluir en la página, y en la otra se
visualiza el resultado en tiempo real. En otras palabras se obtiene una previsualización del documento
generado. Lo que significa que no se tiene que guardar el documento, previamente, antes de volver a abrirlo
con el navegador para comprobar el resultado.
Editores WYSIWYG
El término WYSIWYG es el acrónimo de What You See Is What You Get, que traducido al castellano quiere
decir: "lo que tú ves es lo que obtienes", en los que de manera visual se pueden colocar distintos elementos
sobre una vista previa de la página, encargándose el programa de
generar el documento HTML. La manera de trabajar en este tipo de
editores, es muy similar a la que se usa cuando se trabaja con
un procesador de texto. Esto quiere decir que un usuario no tiene por
qué teclear las etiquetas del lenguaje de marcado. En lugar de eso, el
usuario escribe el texto, lo formatea, e inserta las imágenes en los
lugares deseados, trabajando igual a como lo haría con Writer, (el
procesador incluido en la suite ofimática OpenOffice.org),1 o Word.
Posteriormente el editor transforma la vista por pantalla en código HTML
perfectamente configurado.
Cualquiera de estos editores son una buena alternativa a los editores de
texto simple. Los mejores editores HTML señalan las líneas de código
mediante distintos tipos de fuente a las usadas en el texto introducido
directamente por teclado. Además, proporcionan la posibilidad de volver
hacia atrás entre los distintos tipos de vista.
Ejemplos claros de editores de páginas web son KompoZer (antes llamado NVU), Mozilla
Composer, Amaya, Dreamweaver o Microsoft Frontpage, entre otros.

Tipos de proyectos telemáticos

Judi Harris1 elaboró una tipología de proyectos colaborativos. Ha clasificado los proyectos
telemáticos en tres grandes grupos:
intercambios personales,
colecciones de información y
resolución colaborativa de problemas.
Intercambios personales
Es una de las actividades educativas telemáticas más antiguas que promueve el intercambio
entre grupos clase o individuos a través de la utilización de herramientas telemáticas tales
como: el correo electrónico, los grupos de noticias, el chat, entre otros.

Amigos por correspondencia: Similar al intercambio de correspondencia por correo tradicional.

Los alumnos habitualmente trabajan en parejas y se comunican electrónicamente para debatir
sobre un tema previamente acordado con alumnos de otra escuela. Generalmente es una
comunicación de uno a uno.

Comparecencias electrónicas: Como si invitáramos a una persona para que nos dé una charla en
la escuela, se realizan intercambios electrónicos con especialistas o famosos en una determinada
disciplina. Estas comparecencias pueden realizarse en tiempo real (vía chat o videoconferencia)
o de manera asincrónica (correo electrónico o foro).Generalmente son actividades de corta
duración y se corresponden con un objetivo curricular puntual.

Servicio de preguntas y respuestas: Los estudiantes se comunican con expertos durante una
investigación, cuando surge alguna duda puntual y se han agotado otras fuentes de información.
El intercambio se basa en preguntas puntuales, que obtienen respuestas puntuales. También es
posible que un grupo de estudiantes se documente y elabore respuestas a preguntas realizadas
por otros estudiantes.
Ejemplo: Ask an Expert (Pregúntale a un experto): es un programa que conecta a los estudiantes
con más de cien expertos, desde astronautas hasta cuidadores de zoológicos. Las profesiones
están organizadas temáticamente y permiten leer todas las preguntas realizadas a un experto en
particular, y realizar nuevas.

Clases globales: Son intercambios entre grupos- clase de diferentes escuelas que estudian
simultáneamente un asunto común durante un período de tiempo acordado. Los proyectos
generalmente son interdisciplinarios y están organizados temáticamente.
Ejemplo: E-Twinning: Una vez establecido el contacto entre dos centros escolares y pactado un
único proyecto conjunto, se pretende que entre los grupos participantes exista una negociación
y reparto de tareas, así como una definición de los objetivos y contenidos que van a trabajar.
Para ello, se habilitan herramientas de contacto e intercambio.

Actividades de asesoramiento: En estas actividades los especialistas actúan como tutores

electrónicos de los estudiantes que deseen profundizar en temas específicos. Generalmente son
actividades de larga duración ya que los alumnos pueden recurrir a sus tutores durante todo el
transcurso de su investigación. También es posible encontrar estudiantes de diferentes niveles o
especialidades que se ayuden entre ellos.

Personificaciones: Estas actividades promueven que los uno o un grupo de estudiantes

representen un personaje de ficción, histórico o literario. Los alumnos se identifican con un
personaje y producen material o se comunican como si fueran esa persona. Resultan propuestas
muy motivadoras para los estudiantes, y permiten explorar diversos temas curriculares en
contextos dinámicos e interactivos. Otra modalidad consiste en que los alumnos se comuniquen
con un personaje de ficción, representado por otra persona o grupos de personas.

Colecciones de información
Este grupo de actividades telemáticas requiere la recolección, compilación, organización y
comparación de información.

Intercambios de información: Docentes y estudiantes de diferentes lugares, colectan,

comparten, comparan y discuten sobre diversos temas vivenciados de manera diferente en
cada lugar. Indicadas para implicar a los alumnos en intercambios interculturales.
Ejemplo: Global Grocery List Project: es un proyecto donde estudiantes de todo el
mundo comparten precios de productos de una lista de compra virtual.

Creación de bases de datos: Estas actividades promueven la creación de bases de datos a

partir de información que los estudiantes han recopilado o creado. Las bases de datos
resultantes pueden ser consultadas y utilizadas por toda la comunidad.

Ejemplo: Calendario Multicultural: es un proyecto que se basa en la creación de una base

de datos sobre los días de fiesta que se celebran en diversos países del mundo.

Publicaciones electrónicas: Estudiantes y docentes crean publicaciones electrónicas, tales

como páginas web, periódicos electrónicos, reportes informativos y galerías “en línea”,
colaborativamente con otros. Los trabajos publicados pueden ser comentados por otros
estudiantes.
Ejemplo: Interaulas. Un proyecto coordinado por la Asociación de la Prensa de Cantabria,
propone la creación de una revista digital escolar Red-acción, elaborada íntegramente por
alumnos de centros educativos de la Comunidad Autónoma de Cantabria.
Viajes de estudio virtuales
En este tipo de actividad encontramos dos modalidades:
Modalidad 1: Un grupo de estudiantes realiza un viaje de estudio real y comparte las experiencias con estudiantes
de otras escuelas. Las clases remotas pueden enviar preguntas a los que viajan.
Modalidad 2: Un científico, un alpinista o aventureros realizan una expedición a lugares remotos y exóticos.
Los alumnos realizan consultas durante la expedición y comparten sus bitácoras de viaje.
Ejemplo: Bitantart: Se trata de un viaje virtual a la Antártida, al cual están invitados los estudiantes de 12 a
16 años. A bordo del buque Hespérides conocen la vida en el mar y, ya en la Antártida, se estudian distintos
aspectos medioambientales de aquel continente.

Recogida y análisis de datos

Son actividades que promueven la recolección de datos sobre un determinado tema para analizarlos. Los datos
obtenidos se publican en Internet para todos los participantes. Son estructuras especialmente interesantes
cuando se espera promover el estudio de datos ambientales.
Ejemplo: The Globe Program: es un proyecto que promueve la búsqueda de datos que posteriormente son
utilizados por investigadores.

Resolución colaborativa de problemas

La resolución colaborativa de problemas es una de las mejores oportunidades que podemos ofrecer a los estudiantes
para obtener aprendizajes de calidad. En esta categoría englobamos actividades que abarcan todos los campos: el
tecnológico, el científico, el social, etc.
Búsqueda de información: Ese tipo de actividades presenta una serie de preguntas o pistas que el estudiante
debe resolver por medio de la búsqueda de información. La solución de problemas en línea podrá ser
colaborativa o competitiva.
Ejemplo: Aventuras en Internet: Los certámenes de cacerías por están dirigidos a cursos y/o grupos de
alumnos de instituciones escolares bajo la coordinación de sus docentes. Consisten en el desarrollo de una
serie de actividades de resolución grupal que demandan la búsqueda, validación y reconstrucción de la
información extraída principalmente de la Web.

Actividades de feedback en parejas: Son actividades que animan a los participantes a que realicen una
devolución constructiva al trabajo que otros han confeccionado. Estas actividades pueden tomar la forma de
debates o foros de discusión.
Ejemplo: MindsEye Monster Exchange: es un proyecto en el cual los niños dibujan monstruos originales y
describen los pasos para reproducirlo. Estas descripciones se envían a otros estudiantes para que dibujen lo que
interpretan siguiendo las instrucciones. Al finalizar se comparan ambas imágenes y se publican en una galería.

Creaciones secuenciales: Los estudiantes trabajan de manera colaborativa elaborando un producto común: un
cuento, poesía, canción, dibujo, etc. De esta forma cada participante (individualmente o en equipo) realiza en
forma secuencial su contribución al producto final.
Ejemplo: En clave de FE: Una de las actividades de este proyecto argentino consiste en completar una melodía
a medida que una caja musical recorre escuelas de diferentes puntos del
país.

Resolución de problemas en paralelo: Estudiantes de diversas escuelas trabajan por separado para resolver un
mismo problema. Luego comparan, contrastan y discuten las estrategias de resolución que cada uno encontró
por medio de comunicaciones asincrónicas.
Ejemplo: Un día en la vida de un cubo de hielo. Cada grupo debe medir cuánto tarda en derretirse un cubo
de hielo en su lugar. Junto con el resultado deben enviar datos de la latitud y longitud de su comunidad.
Luego, conjuntamente comparan resultados y construyen

Reuniones virtuales: Los estudiantes se conectan simultáneamente en comunicaciones sincrónicas (vía chat o
videoconferencia) para buscar soluciones a un problema en particular. Generalmente, en este tipo de proyectos
se realizan lluvias de ideas para buscar soluciones a problemas del mundo real.
Ejemplo: Kid Cast for Peace: Estudiantes de todo el mundo se juntan varias veces al año en una
videoconferencia que promueve la búsqueda de soluciones que contribuyan a vivir en un mundo mejor.

Simulaciones: Los alumnos participan en línea situaciones basadas en problemas auténticos pero simulados.
Ejemplo: Patrulla de rescate: es un proyecto que invita a los estudiantes a convertirse en
rescatistas y a través del juego aprenden Geometría Dinámica. El relato que da vida a la simulación es que
un grupo de niños que participa de una excursión se ha perdido en un cerro de la Patagonia argentina y se
los debe rescatar. A partir de allí se desencadena una serie de desafíos que deberán ser enfrentados por los
alumnos para llegar a la meta final.

Proyectos de acción social: Son actividades que invitan a los alumnos a analizar y resolver de manera conjunta
problemas globales. Aunque los problemas que se exploran son de alcance global, la acción que se implementa
para abordar el problema es usualmente local.

Ejemplo: Conectando Mundos: Es un proyecto que nos permite acercarnos a conocer todo lo que hay
detrás de lo que consumimos a través del análisis de la situación de las mujeres trabajadoras.