SlideShare una empresa de Scribd logo
Tema 4 Poner una imagen con  enlace. Paloma Martínez
Imagina que quieres poner un enlace a una página que trabaja por ejemplo la ortografía, pero no quieres poner solamente el enlace, y quieres poner una imagen de esa página para que sea más atractivo para los alumnos.
Lo primero que haces es ir a la página e imprimir pantalla. Acuérdate que hay una tecla en tu ordenador  que pone   impr pa Seguramente que tendrás que darle a la vez a la tecla fn de tu teclado. Pruébalo. Cuando hayas hecho esta operación tendrás copiada la imagen en el portapapeles.
El siguiente paso es abrir el programa Gimp, que ya lo conoces, del ejercicio anterior. En archivo, abres nuevo. Y le das tamaño 1600 de ancho, más o menos para que te salga la  hoja lo suficientemente grande como para poder pegar la imagen
 
 
Damos a Edición y desde aquí a pegar, se me pegará la imagen de la página que llevaba en el portapapeles
 
Ya la tengo, ahora voy a recortarla y darle un tamaño que me sirva para el bog. 1. Para recortar: selecciono el trozo que quiero quitar. Para ello selecciono el icono del rectángulo que tengo en el menú de la derecha.
 
Fijaros como está el borde seleccionado
Imagen en el menú superior y recortar a la selección.
Vamos a darle un tamaño ahora, como en el anterior hacemos: Imagen- escalar imagen y le damos de ancho 600 y colocamos en  el cursor en la altura y hacemos un clic y se escalará sola.
Ya tengo mi imagen le doy a guardar como.Pongo nombre a mi imagen, busco la carpeta donde la quiero guardar y la pongo extensión jpg (explicado en el tutorial anterior)
Me voy al blog al panel de control y le doy a nueva entrada. En el panel de edición busco el icono de imagen. Busco el archivo   y le doy a abrir , subir imagen y después a finalizar y a publicar.  Pero ahora quiero poner un enlace a mi imagen. Si habéis subido la imagen desde edición html estaréis viendo unas letras, es el código html de vuetra imagen. Si lo habéis hecho desde la edición de redactar estaréis viendo la imagen.
Iros a la edición de redactar 
Arrastrando el ratón con el botón derecho seleccionas toda la imagen y te saldrá un menú. Pinchas en enlace (menú de arriba) y ahí pegas la dirección de la página que quieres enlazar. Cuidado, borra http porque si has copiado anteriormente la dirección de la página, al pegarla tendrás dos veces http y no saldrá bien.
 
 
 
Le das a aceptar y ya lo tienes ahora tendrás que publicar. No te olvides de poner nombre a tu entrada y etiquetarla (antes de publicarla).

Más contenido relacionado

La actualidad más candente

Como crear un blog
Como crear un blogComo crear un blog
Como crear un blogbicefala
 
PublicacióN De ArtíCulos En Iesquintana
PublicacióN De ArtíCulos En IesquintanaPublicacióN De ArtíCulos En Iesquintana
PublicacióN De ArtíCulos En IesquintanaRaúl Reinoso
 
Elaboración de un blog parte 2
Elaboración de un blog parte 2Elaboración de un blog parte 2
Elaboración de un blog parte 2pilarmoreno97
 
Cómo cambiar la cabecera en blogger
Cómo cambiar la cabecera en bloggerCómo cambiar la cabecera en blogger
Cómo cambiar la cabecera en bloggerFlavioMR
 
Como publicar una entrada con presentación
Como publicar una entrada con presentaciónComo publicar una entrada con presentación
Como publicar una entrada con presentaciónMarisamanzano11
 
03. Blogger. Primera entrada
03. Blogger. Primera entrada03. Blogger. Primera entrada
03. Blogger. Primera entradaDiego Bernal
 
Insertar imagen de forma directa
Insertar imagen de forma directaInsertar imagen de forma directa
Insertar imagen de forma directaRicardo Mejia
 
02. Blogger. Creación del blog
02. Blogger. Creación del blog02. Blogger. Creación del blog
02. Blogger. Creación del blogDiego Bernal
 
Nueva presentacion de tic subir el 8 de abril
Nueva presentacion de tic subir el 8 de abrilNueva presentacion de tic subir el 8 de abril
Nueva presentacion de tic subir el 8 de abrilesthermorenoestevez
 
cómo crear un blog
cómo crear un blogcómo crear un blog
cómo crear un blogmartavillav
 
Power point 2010 transparentar imágenes
Power point 2010  transparentar imágenesPower point 2010  transparentar imágenes
Power point 2010 transparentar imágenesSantiago Vera
 

La actualidad más candente (20)

Como crear un blog
Como crear un blogComo crear un blog
Como crear un blog
 
Como hacer un blog segunda parte
Como hacer un blog segunda parteComo hacer un blog segunda parte
Como hacer un blog segunda parte
 
PublicacióN De ArtíCulos En Iesquintana
PublicacióN De ArtíCulos En IesquintanaPublicacióN De ArtíCulos En Iesquintana
PublicacióN De ArtíCulos En Iesquintana
 
Colocarimágenesblog
ColocarimágenesblogColocarimágenesblog
Colocarimágenesblog
 
WordPress-1
WordPress-1WordPress-1
WordPress-1
 
Elaboración de un blog parte 2
Elaboración de un blog parte 2Elaboración de un blog parte 2
Elaboración de un blog parte 2
 
Blogger
BloggerBlogger
Blogger
 
Cómo cambiar la cabecera en blogger
Cómo cambiar la cabecera en bloggerCómo cambiar la cabecera en blogger
Cómo cambiar la cabecera en blogger
 
Como publicar una entrada con presentación
Como publicar una entrada con presentaciónComo publicar una entrada con presentación
Como publicar una entrada con presentación
 
Reporte de practicaw
Reporte de practicawReporte de practicaw
Reporte de practicaw
 
Blogger y Slideshare
Blogger y SlideshareBlogger y Slideshare
Blogger y Slideshare
 
Blogger 2
Blogger 2Blogger 2
Blogger 2
 
03. Blogger. Primera entrada
03. Blogger. Primera entrada03. Blogger. Primera entrada
03. Blogger. Primera entrada
 
Insertar imagen de forma directa
Insertar imagen de forma directaInsertar imagen de forma directa
Insertar imagen de forma directa
 
presentacion power point
presentacion power pointpresentacion power point
presentacion power point
 
02. Blogger. Creación del blog
02. Blogger. Creación del blog02. Blogger. Creación del blog
02. Blogger. Creación del blog
 
Nueva presentacion de tic subir el 8 de abril
Nueva presentacion de tic subir el 8 de abrilNueva presentacion de tic subir el 8 de abril
Nueva presentacion de tic subir el 8 de abril
 
Tutorial para insertar_una_imagen_en_un_foro_del_aula_virtual
Tutorial para insertar_una_imagen_en_un_foro_del_aula_virtualTutorial para insertar_una_imagen_en_un_foro_del_aula_virtual
Tutorial para insertar_una_imagen_en_un_foro_del_aula_virtual
 
cómo crear un blog
cómo crear un blogcómo crear un blog
cómo crear un blog
 
Power point 2010 transparentar imágenes
Power point 2010  transparentar imágenesPower point 2010  transparentar imágenes
Power point 2010 transparentar imágenes
 

Destacado (9)

Insertar imagenes en_nuestras_entradas (1)
Insertar imagenes en_nuestras_entradas (1)Insertar imagenes en_nuestras_entradas (1)
Insertar imagenes en_nuestras_entradas (1)
 
Tema 2
Tema 2Tema 2
Tema 2
 
Imagen en el blog
Imagen en el blogImagen en el blog
Imagen en el blog
 
Tema 5 (1)
Tema 5 (1)Tema 5 (1)
Tema 5 (1)
 
Presentación
PresentaciónPresentación
Presentación
 
Tema (1)
Tema (1)Tema (1)
Tema (1)
 
No permitas que Internet les amargue el día
No permitas que Internet les amargue el díaNo permitas que Internet les amargue el día
No permitas que Internet les amargue el día
 
Glogster. CeDeC
Glogster. CeDeCGlogster. CeDeC
Glogster. CeDeC
 
Study: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving CarsStudy: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving Cars
 

Similar a Tema 4 crear_una_entrada_con_una_imagen_un_enl

Similar a Tema 4 crear_una_entrada_con_una_imagen_un_enl (20)

Manual de publicación para Reporteros On-Line
Manual de publicación para Reporteros On-LineManual de publicación para Reporteros On-Line
Manual de publicación para Reporteros On-Line
 
Manual de practicas de dreamweaver
Manual de practicas de dreamweaverManual de practicas de dreamweaver
Manual de practicas de dreamweaver
 
Práctica 9
Práctica 9Práctica 9
Práctica 9
 
Instrucciones informatica
Instrucciones informaticaInstrucciones informatica
Instrucciones informatica
 
Como elaborar-mapas-concpetuales
Como elaborar-mapas-concpetualesComo elaborar-mapas-concpetuales
Como elaborar-mapas-concpetuales
 
8 ejercicio 8
8 ejercicio 88 ejercicio 8
8 ejercicio 8
 
Creación de un e-portfolio
Creación de un e-portfolio Creación de un e-portfolio
Creación de un e-portfolio
 
Trabajo practico nº2
Trabajo practico nº2Trabajo practico nº2
Trabajo practico nº2
 
Artículos en Jeroweb
Artículos en JerowebArtículos en Jeroweb
Artículos en Jeroweb
 
Insertar imagen blogger
Insertar imagen bloggerInsertar imagen blogger
Insertar imagen blogger
 
Trabajo practico 4 vale gelsi!
Trabajo practico 4 vale gelsi!Trabajo practico 4 vale gelsi!
Trabajo practico 4 vale gelsi!
 
Tutorial
TutorialTutorial
Tutorial
 
DREAMWEVER_IMAGENES
DREAMWEVER_IMAGENESDREAMWEVER_IMAGENES
DREAMWEVER_IMAGENES
 
Inicio bloggger
Inicio blogggerInicio bloggger
Inicio bloggger
 
Como insertar imagenes moodle
Como insertar imagenes moodleComo insertar imagenes moodle
Como insertar imagenes moodle
 
Como crear botones pulsantes
Como crear botones pulsantesComo crear botones pulsantes
Como crear botones pulsantes
 
Integración de recursos web en paideia
Integración de recursos web en paideiaIntegración de recursos web en paideia
Integración de recursos web en paideia
 
Tu Blog En Wordpress
Tu Blog En  WordpressTu Blog En  Wordpress
Tu Blog En Wordpress
 
Imagen
ImagenImagen
Imagen
 
Ejercicio paso a paso insertar imagen
Ejercicio paso a paso  insertar imagenEjercicio paso a paso  insertar imagen
Ejercicio paso a paso insertar imagen
 

Tema 4 crear_una_entrada_con_una_imagen_un_enl

  • 1. Tema 4 Poner una imagen con enlace. Paloma Martínez
  • 2. Imagina que quieres poner un enlace a una página que trabaja por ejemplo la ortografía, pero no quieres poner solamente el enlace, y quieres poner una imagen de esa página para que sea más atractivo para los alumnos.
  • 3. Lo primero que haces es ir a la página e imprimir pantalla. Acuérdate que hay una tecla en tu ordenador  que pone impr pa Seguramente que tendrás que darle a la vez a la tecla fn de tu teclado. Pruébalo. Cuando hayas hecho esta operación tendrás copiada la imagen en el portapapeles.
  • 4. El siguiente paso es abrir el programa Gimp, que ya lo conoces, del ejercicio anterior. En archivo, abres nuevo. Y le das tamaño 1600 de ancho, más o menos para que te salga la  hoja lo suficientemente grande como para poder pegar la imagen
  • 5.  
  • 6.  
  • 7. Damos a Edición y desde aquí a pegar, se me pegará la imagen de la página que llevaba en el portapapeles
  • 8.  
  • 9. Ya la tengo, ahora voy a recortarla y darle un tamaño que me sirva para el bog. 1. Para recortar: selecciono el trozo que quiero quitar. Para ello selecciono el icono del rectángulo que tengo en el menú de la derecha.
  • 10.  
  • 11. Fijaros como está el borde seleccionado
  • 12. Imagen en el menú superior y recortar a la selección.
  • 13. Vamos a darle un tamaño ahora, como en el anterior hacemos: Imagen- escalar imagen y le damos de ancho 600 y colocamos en  el cursor en la altura y hacemos un clic y se escalará sola.
  • 14. Ya tengo mi imagen le doy a guardar como.Pongo nombre a mi imagen, busco la carpeta donde la quiero guardar y la pongo extensión jpg (explicado en el tutorial anterior)
  • 15. Me voy al blog al panel de control y le doy a nueva entrada. En el panel de edición busco el icono de imagen. Busco el archivo   y le doy a abrir , subir imagen y después a finalizar y a publicar.  Pero ahora quiero poner un enlace a mi imagen. Si habéis subido la imagen desde edición html estaréis viendo unas letras, es el código html de vuetra imagen. Si lo habéis hecho desde la edición de redactar estaréis viendo la imagen.
  • 16. Iros a la edición de redactar 
  • 17. Arrastrando el ratón con el botón derecho seleccionas toda la imagen y te saldrá un menú. Pinchas en enlace (menú de arriba) y ahí pegas la dirección de la página que quieres enlazar. Cuidado, borra http porque si has copiado anteriormente la dirección de la página, al pegarla tendrás dos veces http y no saldrá bien.
  • 18.  
  • 19.  
  • 20.  
  • 21. Le das a aceptar y ya lo tienes ahora tendrás que publicar. No te olvides de poner nombre a tu entrada y etiquetarla (antes de publicarla).