Pedro A. Ortega Palazón Centro de Profesores de Belmonte <ul><li>ENTRADAS, POST O CONTENIDOS A NUESTRO BLOG </li></ul><ul>...
<ul><li>Para crear una entrada nueva: </li></ul><ul><li>Seleccionar “Nueva entrada” en el menú CREACIÓN DE ENTRADAS </li><...
ELEMENTOS de la barra de herramientas <ul><li>Deshacer/rehacer </li></ul><ul><li>Formato del texto: FUENTE, TAMAÑO,  Negri...
<ul><li>Crea una entrada con los siguientes elementos: </li></ul><ul><li>Texto con un formato adecuado. </li></ul><ul><li>...
<ul><li>Podéis conseguir fotografías u otras imágenes gratuitas de las siguientes páginas webs: </li></ul><ul><li>Banco de...
<ul><li>Seleccionar “Editar entrada” en el menú CREACIÓN DE ENTRADAS </li></ul><ul><li>EDITAR: modificar </li></ul><ul><li...
Para utilizar los  recursos multimedia  en nuestro Blog, vamos a insertar o embeder (del ingles “ embed ”) el código del r...
YOUTUBE:  permite agregar vídeos a nuestro blog. Como es del grupo Google, con nuestro usuario también se puede subir víde...
OTROS SERVIDORES FLICKR:  permite introducir fotos o módulos (álbumes, conjuntos de fotos). PICASA:  para incluir fotos (a...
Y recordad etiquetar todas vuestras entradas para tener un sitio ordenado… 1º. A PRIORI: introduzco todas las etiquetas de...
<ul><li>Vamos a ver cómo manipular los comentarios: </li></ul><ul><li>Desde el menú de “Configuración”, activa los comenta...
RECORDAMOS LOS GADGETS <ul><li>Los gadget son componentes que podemos añadir a nuestro blog para que este sea más usable, ...
<ul><li>Se configuran desde el menú DISEÑO: </li></ul><ul><li>CREACIÓN: en “Añadir Gadget”. </li></ul><ul><li>MODIFICACIÓN...
Hay más de 1000 Gadgets proporcionados por programadores Están de forma accesible desde Blogger: No los hay mejores y peor...
<ul><li>Algunos GADGETS Básicos: </li></ul><ul><li>-  “PERFIL”: muestra el perfil del autor. </li></ul><ul><li>- “ARCHIVOS...
Además de los que nos ofreced BLOGGER, hay multitud de direcciones en Internet donde nos dejan el código HTML de distintas...
<ul><li>GENERADOR DE MENÚS PARA BLOGGER </li></ul><ul><li>Toda la información en:  </li></ul><ul><li>http://algodeblogs.bl...
Próxima SlideShare
Cargando en…5
×

4 entradas y gadgets

1.015 visualizaciones

Publicado el

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
1.015
En SlideShare
0
De insertados
0
Número de insertados
17
Acciones
Compartido
0
Descargas
3
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

4 entradas y gadgets

  1. 1. Pedro A. Ortega Palazón Centro de Profesores de Belmonte <ul><li>ENTRADAS, POST O CONTENIDOS A NUESTRO BLOG </li></ul><ul><li>CREACIÓN Y EDICIÓN DE ENTRADAS. </li></ul><ul><li>“ EMBEBER” CÓDIGO HTML. </li></ul><ul><li>ADMINISTRAR LOS COMENTARIOS. </li></ul><ul><li>DISEÑO DEL BLOG: LOS GADGETS </li></ul>
  2. 2. <ul><li>Para crear una entrada nueva: </li></ul><ul><li>Seleccionar “Nueva entrada” en el menú CREACIÓN DE ENTRADAS </li></ul><ul><li>Pulsar en “Redactar” para que tengamos la barra de herramientas. </li></ul><ul><li>Completar los elementos: título, cuerpo principal, etiquetas. </li></ul><ul><li>Opciones de entrada: para no admitir comentarios si estaban permitidos en la configuración. </li></ul><ul><li>No olvidar “Publicar entrada” </li></ul>Recordamos cómo CREAR una entrada nueva:
  3. 3. ELEMENTOS de la barra de herramientas <ul><li>Deshacer/rehacer </li></ul><ul><li>Formato del texto: FUENTE, TAMAÑO, Negrita-Cursiva-Subrayado-Tachado, COLOR DEL TEXTO Y COLOR DE FONDO DEL TEXTO. </li></ul><ul><li>Incluir ENLACES. </li></ul><ul><li>Incluir IMÁGENES. </li></ul><ul><li>Incluir VIDEOS (subiéndolos o desde Youtube) </li></ul><ul><li>Incluir SALTO DE LINEA. </li></ul><ul><li>Formato del párrafo: ALINEACIÓN, NUMERACIÓN, LISTA Y CITAS (sangría) </li></ul><ul><li>Deshacer el formato de un texto. </li></ul><ul><li>Revisar ORTOGRAFÍA. </li></ul>
  4. 4. <ul><li>Crea una entrada con los siguientes elementos: </li></ul><ul><li>Texto con un formato adecuado. </li></ul><ul><li>Una imagen o vídeo. </li></ul><ul><ul><li>IMAGEN: desde mi disco duro , desde tu blog, desde Picassa o desde una dirección Web . </li></ul></ul><ul><ul><li>VÍDEO: desde mi disco duro o desde Youtube . </li></ul></ul><ul><li>Un hiperenlace sobre. </li></ul><ul><ul><li>Selecciona un texto y aplica el hiperenlace. También lo puedes hacer sobre una imagen. </li></ul></ul>ACTIVIDAD 3: CREACIÓN DE UNA ENTRADA CON FORMATO
  5. 5. <ul><li>Podéis conseguir fotografías u otras imágenes gratuitas de las siguientes páginas webs: </li></ul><ul><li>Banco de imágenes del CNICE: http://recursos.cnice.mec.es/bancoimagenes2/buscador/index.php </li></ul><ul><li>Mediateca de EducaMadrid: </li></ul><ul><li>http://mediateca.educa.madrid.org/ </li></ul><ul><li>Open Clip Art Gallery: </li></ul><ul><li>http://www.openclipart.org/cgi-bin/navigate </li></ul><ul><li>Openphoto: </li></ul><ul><li>http://www.openphoto.net/ </li></ul><ul><li>Free Digital Photos: </li></ul><ul><li>http://www.freedigitalphotos.net/ </li></ul><ul><li>Lista de sitios que ofrecen imágenes: http://www.masternewmedia.org/news/2005/04/01/where_to_find_free_images.htm </li></ul>¡ OJO CON LOS DERECHOS DE AUTOR! Para saber más sobre cómo incluir vídeos en Blogger: http://avalerofer.blogspot.com/2007/10/vdeos-en-blogger.html
  6. 6. <ul><li>Seleccionar “Editar entrada” en el menú CREACIÓN DE ENTRADAS </li></ul><ul><li>EDITAR: modificar </li></ul><ul><li>VISUALIZAR: ver como queda </li></ul><ul><li>SUPRIMIR: para eliminar </li></ul><ul><li>APLICAR ETIQUETAS : se hace desde la creación o desde aquí. </li></ul>Recordamos cómo EDITAR una entrada nueva:
  7. 7. Para utilizar los recursos multimedia en nuestro Blog, vamos a insertar o embeder (del ingles “ embed ”) el código del recurso que queremos reflejar en nuestro Blog. PASOS: 1º. Seleccionamos el archivo que queremos insertar. 2º. Buscamos la opción “Insertar”, “Embed” o el icono de Blogger 3º. Copiamos el código Html (Seleccionamos y pulsamos “CTRL+C”) 4º. Ajustamos parámetros desde el servidor (opcional). 5º. Vamos al cuerpo de nuestra entrada y, teniendo seleccionado la opción “Edición de HTML”, pegamos el código (“CTRL+V”) 6º. Publicamos la entrada. “ EMBEDER” CÓDIGO Vamos con un Ejemplo: INSERTAR UN VÍDEO DE YOUTUBE . SE PUEDE “ENLAZAR” EL VÍDEO DESDE LA BARRA DE DIRECCIONES, PERO VISUALMENTE QUEDA MENOS ATRACTIVO
  8. 8. YOUTUBE: permite agregar vídeos a nuestro blog. Como es del grupo Google, con nuestro usuario también se puede subir vídeos. www.youtube.com SERVICIOS Y SERVIDORES PARA“EMBEDER” SLIDESHARE: permite agregar presentaciones. Para subir y descargar algunos archivos, tienes que tener un usuario registrado. Algunos archivos puden descargarse directamente a tu ordenador en PDF, otros no. www.slideshare.net ISSUU: .Servidor que transforma los archivos PDF en presentaciones Flash www.issuu.com SCRIBD: permite agregar archivos y e-books con licencia CC. http://www.scribd.com/
  9. 9. OTROS SERVIDORES FLICKR: permite introducir fotos o módulos (álbumes, conjuntos de fotos). PICASA: para incluir fotos (a estas entradas se les llama slideshow) DIVSHARE: creando una cuenta, puedo subir archivos MP3 y videos, y luego enlazarlos con mi blog. SERVICIOS Y SERVIDORES PARA“EMBEDER” <ul><li>Archivos multimedia de cualquier servidor creados por mí: </li></ul><ul><li>Tendré que buscar la opción de agregar el código en html. </li></ul><ul><li>Algunos servidores solo dejan copiar la URL, es decir, poner un enlace desde mi Blog, no haciéndolo atractivo para el alumno. </li></ul>
  10. 10. Y recordad etiquetar todas vuestras entradas para tener un sitio ordenado… 1º. A PRIORI: introduzco todas las etiquetas de mi blog 2º. SOBRE LA MARCHA: las voy introduciendo con las entradas (hay que seleccionar una entrada) 3º. A POSTERIORI: las añado una vez creada la entrada.
  11. 11. <ul><li>Vamos a ver cómo manipular los comentarios: </li></ul><ul><li>Desde el menú de “Configuración”, activa los comentarios para personas “identificables”. </li></ul><ul><li>Crea un comentario en alguna entrada del Blog de un compañero, y que ese compañero haga un comentario en tu Blog. </li></ul><ul><li>Trata de modificar la ubicación del comentario, y selecciona la opción que más te gusta. </li></ul><ul><li>Trata de cómo Administrador del Blog, elimina la entrada que ha hecho el compañero. Tienes diversas opciones (desde la propia entrada si estás “login” o desde el menú “Comentarios”). </li></ul><ul><li>Crea una entrada donde no se permitan comentarios. Prueba a meter un comentario (previamente, tienes que “salir”). </li></ul><ul><li>Prueba la opción de “moderación de comentarios” a través de tu email: activa esta opción y trata de meter un comentario. </li></ul>ACTIVIDAD 4: COMENTARIOS A LAS ENTRADAS
  12. 12. RECORDAMOS LOS GADGETS <ul><li>Los gadget son componentes que podemos añadir a nuestro blog para que este sea más usable, más atractivo o ambas cosas. Algunos ejemplos: </li></ul><ul><li>Mostrar un listado de enlaces. </li></ul><ul><li>Mostrar un menú con las entradas de nuestro blog. </li></ul><ul><li>Mostrar los eventos que tenemos marcados en un calendario de google calendar. </li></ul><ul><li>Mostrar una lista de videos publicados en youtube. </li></ul><ul><li>Mostrar un contador de las visitas a nuestra web. </li></ul>
  13. 13. <ul><li>Se configuran desde el menú DISEÑO: </li></ul><ul><li>CREACIÓN: en “Añadir Gadget”. </li></ul><ul><li>MODIFICACIÓN: en “Editar”. </li></ul><ul><li>ELIMINACIÓN: en “Editar”, “Eliminar”. </li></ul><ul><li>SITUACIÓN: una vez creado, lo arrastramos al espacio deseado… </li></ul>
  14. 14. Hay más de 1000 Gadgets proporcionados por programadores Están de forma accesible desde Blogger: No los hay mejores y peores, sino “interesantes a nuestro Blog” <ul><li>Consejo: </li></ul><ul><li>Leer la explicación. </li></ul><ul><li>Probarlos. </li></ul><ul><li>Visualizarlos </li></ul><ul><li>Dejarlos o eliminarlos. </li></ul>
  15. 15. <ul><li>Algunos GADGETS Básicos: </li></ul><ul><li>- “PERFIL”: muestra el perfil del autor. </li></ul><ul><li>- “ARCHIVOS DEL BLOG”: clasifica las entradas del Blog cronológicamente, y las enlace para que se puedan acceder rápidamente. </li></ul><ul><li>“ ETIQUETAS”: las etiquetas permiten clasificar nuestros artículos, y a través de este “Gadget” se pueden acceder a dicha clasificación. </li></ul><ul><li>“ HTML”: para insertar código Html (Embed). Es similar (más básico) que en las entradas, y además hay que ajustar el tamaño en algunos casos. </li></ul>
  16. 16. Además de los que nos ofreced BLOGGER, hay multitud de direcciones en Internet donde nos dejan el código HTML de distintas aplicaciones. Busca en “Google”, por ejemplo: “Gadgets + Blogger” También muchas Webs dejan enlazar sus contenidos a un Blog. <ul><li>ACTIVIDAD 5 </li></ul><ul><li>Trata de dos gadgets en Internet: uno con un reloj y otro con el tiempo de la localidad donde das clase. </li></ul><ul><li>Pistas: </li></ul><ul><li>Tienes varios modelos de relojes en: www.bajovuelos.com/relojes/ </li></ul><ul><li>El tiempo lo puedes encontrar en: www.eltiempo.es (busca el tiempo de la localidad y añádelo desde el icono: </li></ul>
  17. 17. <ul><li>GENERADOR DE MENÚS PARA BLOGGER </li></ul><ul><li>Toda la información en: </li></ul><ul><li>http://algodeblogs.blogspot.com/2007/10/css-menu-maker-generador-de-mens-para.html </li></ul><ul><li>TRABAJO FINAL DEL CURSO </li></ul><ul><li>Incluir un comentario en la entrada correspondiente del Blog: </li></ul><ul><li>http://cursopedrobelmonte.blogspot.com/ </li></ul>Para acabar por hoy…

×