Seminario TIC

Seminario TIC 2013 CEE Jean Piaget

COMO CREAR UNA ENTRADA EN EL BLOG PIAGENTENSES

ÍNDICE

1. Acceso al blog .................................................................................................................12. Crear una nueva entrada ................................................................................................3

2.1. Título de la entrada ..................................................................................................32.2. Herramientas principales: insertar enlace, imagen y video .......................................3

2.2.1. Insertar enlace .................................................................................................32.2.2. Insertar imagen ................................................................................................52.2.3. Insertar video ...................................................................................................8

2.3. Opciones de configuración de la entrada ..................................................................92.4. Acciones generales de la entrada ............................................................................11

1


1. Acceder al blog, en la parte superior derecha pinchamos sobre “Acceder”.

Introducimos los datos en la siguiente pantalla

Tenemos que recordar que podemos entrar con la cuenta general del cole (email: [email protected] contraseña: Si no la tenéis, pedidla) o con nuestra cuenta personal, siempre que antes hayáis solicitado que se os incluya como autores del blog, la segunda opción sería la más adecuada, por no abrir todos la misma sesión a la vez desde diferentes ordenadores. Tutoras y especialistas (música, logopedia, orientadora) todas tenéis cuenta creada ya (si no sabéis cual es la vuestra avisad), en la que tenéis un email para que aceptéis la invitación a ser autoras del blog.La siguiente pantalla que vemos es la de selección del blog.

Si hemos conectado bien nos aparecerá una pantalla similar a esta.La flecha señala al perfil de la persona que se ha conectado.El rectángulo encuadra los blogs asociados a mi perfil, como sólo tengo 1 pues ese.El círculo muestra el icono que nos permite crear una entrada nueva en el blog. En clase dijimos que mejor no le dábamos aquí directamente ya que si le damos a PIAGETENSES dentro del rectángulo nos llevara a la siguiente pantalla en la que veremos el menú de opciones que tenemos así como las entradas que ya hay en el blog, de esta manera podemos ver si hay alguna entrada publicada o en borrador que tenga relación con la

2

mailto:[email protected]


nuestra, de esta manera en vez de añadir una nueva, lo que haríamos será editar la existente.

Esta es la pantalla que nos aparece cuando seleccionamos PIAGETENSES.El número 1 corresponde con el menú de entradas (noticias) que hemos escrito en el blog, podemos seleccionar entre “Todas”, “Borrador” (escritas pero no publicadas, por lo tanto el público no las ve), y “Publicadas” que son las que el público ve.El número 2 corresponde a un menú sobre las entradas que ya están escritas, para poder seleccionar las que quieras poniendo un tic en el cuadrado pequeño al lado de cada entrada y que nos permite añadirle etiquetas, publicarlas, cambiarlas a borrador y eliminarlas en bloque. ESTA OPCIÓN SOLO ESTÁ HABILITADA SI TENEMOS PERMISOS DE ADMINISTRADOR, SI SOMOS AUTORES NO.El número 3 nos indica el estado en el que se encuentra una entrada, “borrador” (escrita pero no publicada), si no aparece nada quiere decir que está publicada y al lado vemos la persona que ha escrito la entrada o noticia.El número 4 indica lo que a nosotros nos interesa que es el botón del lápiz para crear nueva entrada, le damos.

2. CREAR UNA NUEVA ENTRADA

2.1. ÓVALO aquí deberemos escribir el título que le vamos a dar a nuestra entrada, no tiene límite de caracteres pero como aparecerá en letra grande, mejor que no sea muy extenso.

2.2. RECTÁNGULO: en este menú todas las opciones son iguales a las de Word o cualquier editor de texto, salvo las que están en el rectángulo. MUY IMPORTANTE, PARA ESCRIBIR EN UNA NOTICIA SIEMPRE NOS PONDREMOS EN EL BOTÓN REDACTAR, NO EN EL HTML, SEÑALADOS CON UNA ESTRELLA.

2.2.1.ENLACE: si queremos añadir un enlace a una página web dentro de la noticia picamos sobre y nos aparece el siguiente cuadro

3


Queremos hacer un enlace por ejemplo a la página de las Cortes.

En Texto para mostrar (1) escribimos el texto que queremos que aparezca y que la gente tenga que clicar para llevarle a la página de las Cortes, por ejemplo: “Visita las Cortes”.

En Dirección web tenemos que pegar la dirección a la que queremos que nos lleven cuando cliquen en el texto anterior para ello vamos a la web de las cortes www.cortesaragon.es clicamos en la dirección que sale en el navegador que se sombreará de azul y hacemos clic derecho y seleccionamos copiar tal como aparece en la siguiente imagen. Y que después pegaremos en (2) Dirección web

4

http://www.cortesaragon.es/


En el 3 “Prueba este enlace” podemos darle para probar si hemos pegado bien el enlace, si lo hemos hecho bien se abrirá una página del navegador nueva con la dirección que habíamos elegido.

En el 4 “Abrir este enlace en una ventana nueva” normalmente le pondremos tick ya que de esta manera cuando cliquen en el enlace no desaparecerá la página del blog para abrir la del enlace, si no que se abrirá en una nueva.

Añadir el atributo “rel=nofollow” no nos interesa la opción porque tiene que ver con motores de búsqueda, podemos hacer lo que queramos, por ejemplo la dejamos vacía.

En este punto deberíamos tener algo así

Después de darle a ACEPTAR el efecto en nuestra entrada sería el siguiente

5


Veremos el Texto para mostrar subrayado y en morado que es el formato que da blogger a un enlace.

2.2.2. INSERTAR UNA IMAGEN. NOTA IMPORTANTE: QUE NO OCUPEN MÁS DE 1 MB PARA QUE EL PROCESO SEA MÁS RÁPIDO Y EL BLOG CARGUE MEJOR. Si queremos añadir una imagen en nuestra entrada picamos el icono y aparece el siguiente cuadro.

2.2.2.1. De las opciones de la izquierda nos vamos a centrar en “SUBIR” que es la primera y quiere decir que la subimos desde nuestro ordenador.

Si picamos en ELEGIR ARCHIVOS (el rectángulo en la imagen superior) aparecerá un explorador para que busquemos en nuestro ordenador y eligamos las fotos que queremos. Se puede elegir más de una.

6


Le damos a Aceptar y nos carga una vista previa de la foto una vez que la sube.

Seleccionamos la imagen y clicamos en Añadir las imágenes seleccionadas. El efecto en nuestra entrada sería el siguiente.

Si clicamos sobre la imagen nos aparecerán unas opciones para cambiarle el tamaño, la alineación y para ponerle una leyenda o pie de foto.

2.2.2.2. En las demás opciones vemos Desde este blog. Sería para añadir fotos que ya hayamos subido con anterioridad, nos aparecen las fotos que hay subidas para que seleccionemos las que queremos añadir.

7


2.2.2.3. Desde álbumes web de Picassa lo veremos más adelante.2.2.2.4. Desde tu teléfono, si tenéis Smartphone os podéis descargar la

aplicación que aparece en el enlace para compartir las fotos desde el móvil.2.2.2.5. Desde tu cámara web, si el ordenador dispone de cámara web aquí, al

clicar os aparecerá un mensaje que os pide permiso para que blogger pueda acceder a vuestra cámara y micrófono, y también de actualizar flash si no lo tenéis actualizado. Si aceptáis os aparecerá en la pantalla la vista que enfoque vuestra cámara web y podréis tomar una instantánea y añadirla.

2.2.2.6. Desde una URL, también lo vimos en clase, sigue el mismo proceso que cuando copiábamos una dirección web en la opción ENLACE. Buscamos la foto, hacemos clic derecho y le damos a Copiar URL de imagen

Que después copiaremos como hicimos con la opción ENLACE.

8


También nos aparece una vista previa de la foto y al darle Añadir las imágenes seleccionadas el efecto en nuestra entrada es el siguiente.

SSi clicamos en la foto también nos aparecen las mismas opciones que en la foto que subimos desde nuestro ordenador. NOTA: LO NORMAL AL INSERTAR FOTOS DESDE ESTA OPCIÓN ES QUE CUANDO SE PUBLIQUE LA FOTO TAMBIÉN ACTÚE COMO ENLACE A SU DIRECCIÓN, lo que puede ser bueno o no, depende del objetivo que se busque y además SI ESA FOTO ES BORRADA DE LA WEB ORIGINAL TAMBIÉN QUEDARÁ BORRADA DE NUESTRO BLOG.Pasamos a hablar de insertar video.

2.2.3. INSERTAR UN VIDEO. Para insertar un video clicamos en .Se nos abriría este cuadro

9


2.2.3.1. OPCIÓN SUBIR. Es igual que en imagen, hay que tener en cuenta que los videos pesan más que las imágenes por lo tanto el tiempo de carga es mayor.

2.2.3.2. Desde YouTube. Sería para buscar información que ya esté en youtube, podemos copiar la dirección del enlace del video de youtube que ya hayamos buscado y pegarla igual que hicimos en la opción DESDE UNA URL del apartado insertar imagen (el anterior). Otra opción es escribir las palabras clave sobre las que queremos buscar algún video y darle a la lupa y nos aparecerán los que encuentra youtube relacionados.

Seleccionariamos el que nos guste y lo añadiríamos, y el efecto en nuestra entrada sería el siguiente

2.2.3.3. Mis videos de Youtube. Si tuviéramos un

10


canal de youtube asociado a una la cuenta con la que estamos trabajando en el blog nos aparecerían los videos que hemos subido.

2.2.3.4. Desde tu teléfono. Igual que en las imágenes.2.2.3.5. Desde tu cámara web. Igual que en las imágenes.

2.3. OPCIONES DE CONFIGURACIÓN DE UNA ENTRADA. MENÚ HEXAGONAL.2.3.1. ETIQUETA. Se usa para encontrar más fácil las entradas y agruparlas por temas.

Podemos añadir las que ya aparecen en la parte de abajo clicándolas, o añadir nuevas, siempre separadas por comas y un espacio detrás de la coma.

2.3.2.PROGRAMAR. Puedes hacer que una entrada se publique automáticamente o eligiendo un día y hora concretos.

2.3.3.ENLACE PERMANENTE. Por defecto la dirección de la entrada será la normal del blog seguido del Título de la entrada. Puedes sustituir el título por el texto que tú quieras para simplificar su búsqueda, por ejemplo.

2.3.4.UBICACIÓN. Por si queremos añadir la ubicación del evento, se puede crear un enlace a googlemaps.

11


2.3.5.OPCIONES. Son unas pequeñas opciones de configuración.En primer lugar aparecer permitir comentarios o no. Depende de la noticia nos puede interesar que la gente comente, o no si es meramente divulgativa.En modo de redacción seleccionaremos Interpretar HTML escrito. No estamos usando código HTML a mano pero siempre es mejor así.En Saltos de línea, nos da prácticamente igual las opciones porque no estamos usando etiquetas HTML a mano.

2.4. MENÚ FLECHA OPCIONES GENERALES DE ENTRADA.Opciones muy sencillas.

2.4.1. Publicar. Para hacer visible la entrada en el blog para todo el mundo.

2.4.2.Guardar. Guardas una copia para que en caso de que sucediera algo en el ordenador y se cerrará tendríamos el trabajo salvado. Suele hacer copias automáticamente.

2.4.3. Vista previa. Te genera una vista previa de la entrada en el blog, hay que tener en cuenta que en la vista previa no funcionan los enlaces y tampoco se puede reproducir videos.

2.4.4. Cerrar. Pues eso, cierra la entrada, y si estaba guardada aparecerá en la lista general de entradas como Borrador.

Y ¡¡FIN!! Ahora anímate a crear entradas en el blog de lo que hagas en clase, que a todos

nos va a encantar verlo.

12

Documents

Seminario TIC