Introducir y Editar Imágenes -...

10
Introducir y Editar Imágenes Veamos como añadir imágenes a un post, así como hacer cambios en ellas después de que ya el post esté publicado. 1. Vamos a escribir un post que contenga texto e imagen. Comenzaremos por entrar en la pantalla de Administración del blog... 2. Escribimos el título del post... Asignamos el post a una categoría... Marcamos la casilla que nos interese Pulsamos sobre “Escribir una entrada”… Escribimos el título del post… Marcamos la casilla que nos interese… Asignamos el post a una categoría…

Transcript of Introducir y Editar Imágenes -...

Page 1: Introducir y Editar Imágenes - Climantica.orgbiblioteca.climantica.org/resources/1914/introducir-y... · 2010-11-09 · Introducir y Editar Imágenes . Veamos como añadir imágenes

Introducir y Editar Imágenes

Veamos como añadir imágenes a un post, así como hacer cambios en ellas después de que ya el post esté publicado.

1. Vamos a escribir un post que contenga texto e imagen. Comenzaremos por entrar en la pantalla de Administración del blog...

2. Escribimos el título del post... Asignamos el post a una categoría... Marcamos la casilla que nos interese

Pulsamos sobre “Escribir una entrada”…

Escribimos el título del post…

Marcamos la casilla que nos

interese…

Asignamos el post a una categoría…

Page 2: Introducir y Editar Imágenes - Climantica.orgbiblioteca.climantica.org/resources/1914/introducir-y... · 2010-11-09 · Introducir y Editar Imágenes . Veamos como añadir imágenes

3. Situamos el cursor en la ventana de edición Visual... Escribimos el texto que queramos... Pulsamos la tecla Intro para saltar de línea...

4. Pulsamos en el botón de Insertar/editar imagen...

5. Aparece una ventana con el campo URL de la imagen...Aquí escribiremos la URL de la imagen (supuestamente en algún lugar de la web)...

Situamos el cursor en la ventana de edición Visual…

Escribimos el texto que

queramos…

Pulsamos la tecla Intro para

saltar de línea…

Pulsamos el botón de Insertar/editar

imagen…

Aparece una ventana con el campo: URL

de la imagen… Aquí escribiremos la URL de la imagen (supuestamente en

algún lugar de la web)…

Page 3: Introducir y Editar Imágenes - Climantica.orgbiblioteca.climantica.org/resources/1914/introducir-y... · 2010-11-09 · Introducir y Editar Imágenes . Veamos como añadir imágenes

6. Utilizamos el navegador para encontrar la imagen que nos interesa. Cuando la encontremos, nos situamos sobre la imagen y pulsamos el botón derecho del ratón... En el menú emergente seleccionamos Propiedades...

7. Aparece una nueva ventana y nos fijamos en el campo Dirección...Seleccionamos TODO el contenido del campo Dirección...

Nos situamos sobre la imagen y pulsamos el

botón derecho del ratón…

En el menú emergente seleccionamos Propiedades…

Aparece una nueva ventana y nos fijamos en

el campo Dirección…

Seleccionamos TODO el contenido del

campo Dirección…

Page 4: Introducir y Editar Imágenes - Climantica.orgbiblioteca.climantica.org/resources/1914/introducir-y... · 2010-11-09 · Introducir y Editar Imágenes . Veamos como añadir imágenes

8. Sobre el texto seleccionado, pulsamos el botón derecho del ratón...En el menú emergente seleccionamos Copiar...

9. Hecho esto, retornamos a la página de Administración y situamos el cursor en el campo URL de la imagen... Hacemos clic con el botón derecho del ratón... En el menú emergente seleccionamos Pegar...

10. En el campo Descripción de la Imagen podemos introducir una descripción de la imagen (este texto aparecerá como texto alternativo a la imagen), en el campo Alinear indicamos el modo en que se colocará la imagen en relación con los elementos (normalmente texto) que la acompañan en el renglón (en un blog la imagen suele ir sola ocupando todo el renglón)…

Sobre el texto seleccionado,

pulsamos el botón derecho del ratón…

En el menú emergente seleccionamos

Copiar…

Retornamos a la página de Administración y situamos el cursor en el campo URL

de la imagen…

En el menú emergente seleccionamos Pegar…

Hacemos clic con el botón derecho

del ratón…

En este campo podemos introducir una descripción

de la imagen…

En el campo Alinear indicamos el modo en que se colocará la imagen

en relación con los elementos (normalmente texto) que la acompañan en el renglón…

Page 5: Introducir y Editar Imágenes - Climantica.orgbiblioteca.climantica.org/resources/1914/introducir-y... · 2010-11-09 · Introducir y Editar Imágenes . Veamos como añadir imágenes

11. En Dimensiones especificaremos el tamaño de la imagen (en píxeles). No es recomendable (en nuestro blog) que las imágenes tengan un ancho superior a 450, pues no caben en la zona de post...

12. Cuando suceda, cambiaremos el ancho a un valor menor o igual a 450 y después borramos el alto para evitar distorsiones en la imagen...

13. En Borde podemos indicar el grosor de la línea de marco (si la queremos), en Espacio vertical indicamos la separación vertical encima y debajo de la imagen y en Espacio Horizontal la separación a la izquierda y a la derecha de la imagen...

En Dimensiones especificaremos el

tamaño de la imagen (en píxeles)…

No es recomendable (en nuestro blog) que las imágenes tengan un

ancho superior a 450, pues no caben en la zona del post…

Si sucediese, cambiamos el ancho a un valor menor

o igual a 450…

Después borramos el alto para evitar distorsiones

en la imagen…

En Borde podemos indicar el grosor de la línea de

marco (si la queremos)…

Aquí indicamos la separación vertical arriba y debajo de

la imagen…

Aquí indicamos la separación a la izquierda

y a la derecha de la imagen…

Page 6: Introducir y Editar Imágenes - Climantica.orgbiblioteca.climantica.org/resources/1914/introducir-y... · 2010-11-09 · Introducir y Editar Imágenes . Veamos como añadir imágenes

14. Con los datos introducidos, sólo queda pulsar Insertar...

15. Aparecerá la imagen en la ventana de edición. Podemos seguir escribiendo y seguidamente guardamos el trabajo para después ver como resultará...

16. Pulsamos Previsualizar...

Pulsamos Insertar…

Guardamos el trabajo pulsando en Guardar y

seguir editando

Podemos seguir escribiendo…

Pulsamos Previsualizar…

Page 7: Introducir y Editar Imágenes - Climantica.orgbiblioteca.climantica.org/resources/1914/introducir-y... · 2010-11-09 · Introducir y Editar Imágenes . Veamos como añadir imágenes

17. Comprobamos que todo esté a nuestro gusto. Regresamos a la ventana de

Administración...

18. Hacemos los cambios que queramos y finalizamos pulsando Publicar...

19. Pulsamos sobre Ver sitio para ver el post...

Todo está bien. Volvemos a la ventana

de Administración…

Pulsamos para publicar...

Pulsamos sobre Ver sitio para ver

el post...

Page 8: Introducir y Editar Imágenes - Climantica.orgbiblioteca.climantica.org/resources/1914/introducir-y... · 2010-11-09 · Introducir y Editar Imágenes . Veamos como añadir imágenes

20. Ya está todo hecho, pero si queremos cambiar algo podemos editar la entrada. Nos situamos en el post y después pulsamos en Editar...

21. Ya en la ventana de edición, hacemos clic sobre la imagen y después pulsamos en el botón Insertar/editar imagen...

22. Aparecerá una nueva ventana con las características de la imagen y hacemos los cambios que queramos. Para finalizar, pulsamos Actualizar...

Pulsamos en Editar...

Pulsamos el botón de Insertar/editar imagen...

Hacemos los cambios que queramos

Pulsamos Actualizar...

Hacemos clic sobre la imagen...

Page 9: Introducir y Editar Imágenes - Climantica.orgbiblioteca.climantica.org/resources/1914/introducir-y... · 2010-11-09 · Introducir y Editar Imágenes . Veamos como añadir imágenes

23. Guardamos los cambios pulsando en Guardar y seguir editando y, lo mismo que antes, pulsamos en Ver para observar como quedaría al publicar...

24. Si nos gusta, regresamos a la pantalla de Administración y pulsamos Guardar. Ya sabes como...

Desde actividades como “Palabras para una imagen”, concurso de fotografía sobre un determinado tema donde publiquen la fotografía con un pequeño lema, campañas publicitarias donde tengan que hacer un mural digital con eslogans, etc., los blogs son un medio idóneo para desarrollar el lenguaje visual y reforzar el significado de muchos términos científicos.

Pulsamos en Ver...

Guardamos los cambios pulsando en Guardar y

seguir editando…

Si nos gusta como está, volvemos a la ventana de

Administración y pulsamos en Guardar. Ya sabemos

como hacerlo…

Page 10: Introducir y Editar Imágenes - Climantica.orgbiblioteca.climantica.org/resources/1914/introducir-y... · 2010-11-09 · Introducir y Editar Imágenes . Veamos como añadir imágenes

Actividad Añade la siguiente entrada a tu blog: Título: Desafío Total Texto

:

El título de este post hace referencia a una antigua película Desafío Total (Paul Verhoeven, 1990) basada en una novela de un clásico de ciencia ficción. Philip K. Dick [http://es.wikipedia.org/wiki/Philip_K._Dick]. En el film, aparecen diversos personajes que habitan en el planeta Marte [http://es.wikipedia.org/wiki/Marte_(planeta)] que sufrieron mutaciones originadas por los cambios ambientales. Diferentes teorías afirman que el medio ambiente influye en la evolución, de forma que ya no parece ciencia ficción el hecho de que los genes se modifiquen para que los individuos se adapten al ambiente. Animaros a publicar post en los que representeis cómo afectarían al ser humano las consecuencias de un cambio climático. Intentad describirlo: piel oscura, ojos... Buscad información sobre que novedades del campo de la clonación o de las terapias génicas podrán ayudar al ser humano ante esta catástrofe. Imagen

: [http://www.terribly-happy.com/images/kuato2.jpg]