Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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...
Upcoming SlideShare
Loading in …5
×

0

Share

Download to read offline

4 entradas y gadgets

Download to read offline

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

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…

Views

Total views

1,089

On Slideshare

0

From embeds

0

Number of embeds

16

Actions

Downloads

3

Shares

0

Comments

0

Likes

0

×