Insertar texto e imagen

Presentación del tema: "Insertar texto e imagen"— Transcripción de la presentación:

1 Insertar texto e imagen
Tutorial de Blogger Insertar texto e imagen

2 Tutorial de Blogger Prof. Walter teves

3 Tutorial de Blogger Prof. Walter teves

4 Tutorial de Blogger Prof. Walter teves

5 Tutorial de Blogger Prof. Walter teves

6

7 Escribe el título del tema o subtema
Tutorial de Blogger Prof. Walter teves Escribe el título del tema o subtema

8 En el cuerpo del texto vuelca el contenido del Tema tratado.
Tutorial de Blogger Prof. Walter teves En el cuerpo del texto vuelca el contenido del Tema tratado. Puedes escribir directamente o bien copiar y pegar el texto desde Word como en este caso. Para esto, deja Blogger como está y busca tu archivo de Word para copiar un texto al cuerpo de Blogger como se ve a continuación:

9 Tutorial de Blogger Prof. Walter teves Una vez abierto el archivo de Word, el texto a copiar debe ser seleccionado

10 Tutorial de Blogger Prof. Walter teves Selecciona el texto

11 Luego, Clic con El botón Derecho del Ratón, en la Lista que Aparece,
Tutorial de Blogger Prof. Walter teves Luego, Clic con El botón Derecho del Ratón, en la Lista que Aparece, Selecciona Copiar

12 Minimiza Word para volver Blogger. Luego en el cuerpo
Tutorial de Blogger Prof. Walter teves Minimiza Word para volver Blogger. Luego en el cuerpo Del texto, Clic con el botón Derecho del ratón y elegir Pegar.

13 Tutorial de Blogger Prof. Walter teves Se observa que el texto está pegado. Hasta ahora hemos trabajado en la solapa Edición de HTML

14 Cambiamos de solapa: Clic en Redactar
Tutorial de Blogger Prof. Walter teves Cambiamos de solapa: Clic en Redactar

15 Tutorial de Blogger Prof. Walter teves Bajo la solapa Redactar, es posible cambiar el tipo de letra o fuente, tamaño, color Y decidir si el texto estará alineado a la izquierda, centrado o hacia la derecha, según las herramientas que se observan.

16 Tutorial de Blogger Prof. Walter teves Para realizar cualquiera de las acciones mencionadas, es necesario primero seleccionar el texto que se quiere modificar, de lo contrario los cambios realizados no tendrán ningún efecto.

17 En primer lugar, elegiremos el color del subtítulo.
Tutorial de Blogger Prof. Walter teves En primer lugar, elegiremos el color del subtítulo.

18 Selecciona un color en la paleta de colores de Blogger
Tutorial de Blogger Prof. Walter teves Selecciona un color en la paleta de colores de Blogger

19 Ahora, resaltaremos el subtítulo con negrita
Tutorial de Blogger Prof. Walter teves Ahora, resaltaremos el subtítulo con negrita

20 Paso siguiente, cambiar de tamaño del subtítulo
Tutorial de Blogger Prof. Walter teves Paso siguiente, cambiar de tamaño del subtítulo

21 Clic en la flechita y elegir de la lista un tamaño de fuente
Tutorial de Blogger Prof. Walter teves Clic en la flechita y elegir de la lista un tamaño de fuente

22 Ahora ya puedes observar los cambios
Tutorial de Blogger Prof. Walter teves Ahora ya puedes observar los cambios

23 Tutorial de Blogger Prof. Walter teves Después de realizar las modificaciones pertinentes, clic en PUBLICAR ENTRADA. Con este paso, lo que hemos escrito en el cuerpo del texto, se publicará en Internet y cualquier persona podrá verlo.

24 Vemos como va quedando nuestro blog. Clic en Ver entrada
Tutorial de Blogger Prof. Walter teves Vemos como va quedando nuestro blog. Clic en Ver entrada

25 Tutorial de Blogger Prof. Walter teves

26 Luego regresamos con un clic en el botón azul y flecha blanca
Tutorial de Blogger Prof. Walter teves Luego regresamos con un clic en el botón azul y flecha blanca

27 Tutorial de Blogger Prof. Walter teves Si queremos modificar nuestro blog, sea agregar o borrar texto, imágenes o videos, clic en Editar entrada

28 Tutorial de Blogger Prof. Walter teves De regreso al cuerpo del texto, añadiremos una imagen. Clic en el ícono Añadir imagen

29 Tutorial de Blogger Prof. Walter teves En este caso, la imagen la buscaremos en nuestra computadora: Clic en Examinar

30 Seleccionamos la imagen con un solo clic una vez hallada
Tutorial de Blogger Prof. Walter teves Seleccionamos la imagen con un solo clic una vez hallada

31 Elegimos con un clic un diseño, por ejemplo: Centrar
Tutorial de Blogger Prof. Walter teves Elegimos con un clic un diseño, por ejemplo: Centrar Luego clic en SUBIR IMAGEN

32 Esperamos desde unos segundos hasta
Tutorial de Blogger Prof. Walter teves Esperamos desde unos segundos hasta varios minutos, dependiendo del tamaño de la imagen.

33 Tutorial de Blogger Prof. Walter teves Aparecerá este cuadro cuando la carga esté completa. Cerramos este cuadro

34 Observa que la imagen se ha insertado
Tutorial de Blogger Prof. Walter teves Observa que la imagen se ha insertado Para ver como queda, Publicar Entrada

35 Tutorial de Blogger Prof. Walter teves Clic en Ver entrada

36 Se observa que la imagen está por encima del texto
Tutorial de Blogger Prof. Walter teves Se observa que la imagen está por encima del texto

37 Luego regresamos con un clic en el botón azul y flecha blanca
Tutorial de Blogger Prof. Walter teves Luego regresamos con un clic en el botón azul y flecha blanca

38 Tutorial de Blogger Prof. Walter teves Para modificar la imagen o bien suprimirla y subir otra: clic en Editar entrada

39 Tutorial de Blogger Prof. Walter teves Para suprimir la imagen, un clic sobre esta para seleccionarla y presionamos la tecla Supr.

40 Tutorial de Blogger Prof. Walter teves La imagen se ha suprimido, repetimos los mismos pasos para subir la misma imagen u otra. Primero clic en Añadir imagen

41 La imagen la buscamos en nuestra computadora: Clic en Examinar
Tutorial de Blogger Prof. Walter teves La imagen la buscamos en nuestra computadora: Clic en Examinar

42 Seleccionamos la imagen con un solo clic una vez hallada
Tutorial de Blogger Prof. Walter teves Seleccionamos la imagen con un solo clic una vez hallada

43 Elegimos con un clic un diseño, por ejemplo: Centrar
Tutorial de Blogger Prof. Walter teves Elegimos con un clic un diseño, por ejemplo: Centrar Luego clic en SUBIR IMAGEN

44 Esperamos desde unos segundos hasta
Tutorial de Blogger Prof. Walter teves Esperamos desde unos segundos hasta varios minutos, dependiendo del tamaño de la imagen.

45 Tutorial de Blogger Prof. Walter teves Aparecerá este cuadro cuando la carga esté completa. Cerramos este cuadro

46 Tutorial de Blogger Prof. Walter teves Hemos vuelto ha insertar la misma imagen. Esta vez la ubicaremos abajo del texto. Para esto, primero la seleccionamos con un clic.

47 Tutorial de Blogger Prof. Walter teves Con el botón izquierdo del ratón presionado y sin soltar la desplazamos hacia abajo y la soltamos. Esto se realiza paso a paso. Tramo por tramo. La barra de desplazamiento nos ayuda a bajar para ver el texto que sigue.

48 Tutorial de Blogger Prof. Walter teves La imagen se va bajando por partes, soltándola por tramo, y utilizando la barra de desplazamiento para continuar bajando.

49 Aquí se observa que la imagen ya está ubicada al final del texto
Tutorial de Blogger Prof. Walter teves Aquí se observa que la imagen ya está ubicada al final del texto Con la imagen ya ubicada, clic en PUBLICAR ENTRADA

50 Tutorial de Blogger Prof. Walter teves Clic en Ver entrada

51 Se observa la imagen al final del texto
Tutorial de Blogger Prof. Walter teves Se observa la imagen al final del texto

52 Consultas a ticfd.email@gmail.com
O Walter Hernán Teves BACHILLERATO PROVINCIAL 22 “HÉROES DE MALVINAS” Palpalá – Jujuy 2011