Tutorial creacion blog

889 views

Published on

Como Crear Un Blog

Published in: Devices & Hardware
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
889
On SlideShare
0
From Embeds
0
Number of Embeds
352
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Tutorial creacion blog

  1. 1. La utilización didáctica de los blogs Manolo IbáñezEL USO DIDÁCTICO DE LOS BLOGS DE AULA.ÍNDICE.1. Creación de una cuenta de correo en Gmail. 22. Creación de un blog personal en blogger 33. Crear una nueva página. 54. La administración del blog desde el panel de blogger 55. La pestaña de diseño 96. Insertar un vídeo de Youtube 107. Insertar una presentación desde Slideshare 128. Darnos de alta en un servicio de almacenamiento de archivos 16 1
  2. 2. La utilización didáctica de los blogs Manolo Ibáñez1. CREACIÓN DE UNA CUENTA DE CORREO EN GMAIL Ir a la página www.gmail.com y pincha en el enlace Apúntate a Gmail Aparecerá la siguiente pantalla. Nos registramos rellenando nuestros datos el Una vez realizado el registro ya tenemos una cuenta de correo. Nos aparece la pantalla de bienvenida; le damos al botón para acceder a la misma.e registro será nombre.as 2
  3. 3. La utilización didáctica de los blogs Manolo Ibáñez2. CREACIÓN DE UN BLOG PERSONAL EN BLOGGER En la barra de direcciones escribimos la dirección www.blogger.com para acceder a la página de inicio. Tecleamos el nombre y la contraseña de la cuenta que hemos creado en gmail y accedemos con el botón correspondiente En la siguiente pantalla tienes que poner el nombre que aparecerá en las entradas del blog y después de aceptar la condiciones dale a continuar En la siguiente nos pide que creemos nuestro primer blog pinchando en el botón correspondiente. Si queremos también aquí podemos editar nuestro perfil y añadir una imagen que nos identifique. 3
  4. 4. La utilización didáctica de los blogs Manolo Ibáñez En la siguiente elegiremos un título para nuestro blog y la dirección que habrá que escribir para entrar en él: será del tipo: http://miblog.blogspot.com (sin espacios, ni tildes, ni la letra ñ, ni mayúsculas). Comprobamos si está disponible Después le damos a continuar. Finalmente elegimos una plantilla para nuestro blog. Podemos elegir cualquiera pues podremos cambiarla en cualquier momento. Le damos a continuar y ya tenemos creado nuestro blog personal. Sólo nos queda empezar a publicar y a llenarlo de contenido. Aquí también tenemos la posibilidad de personalizar su apariencia, es decir, modificar la plantilla pero eso lo podemos hacer en cualquier momento después. 4
  5. 5. La utilización didáctica de los blogs Manolo Ibáñez3. CREAR UNA PÁGINALo primero que haremos será crear una página (pestaña “Editar páginas”) depresentación del blog en la que indiquemos quiénes somos y qué intención nosmueve a abrir el blog.Se nos abre una ventana en la que podremos escribir de manera parecida a uneditor de textos4. ADMINISTRACIÓN DEL BLOG DESDE EL PANEL DE BLOGGEREn la página www.blogger.com entramos con nuestro nombre de usuario ycontraseña para acceder al escritorio desde donde gestionamos nuestro blog.Tenemos las opciones de crear una nueva entrada o de editar las entradasque ya hemos escrito, gestionar los comentarios y cambiar la configuracióndel blog o el diseño. 5
  6. 6. La utilización didáctica de los blogs Manolo Ibáñez Si elegimos nueva entrada nos encontramos con la siguiente pantalla abierta en la pestaña “Creación de entradas”: Es similar a un procesador de texto. Tenemos un espacio para el título del artículo o post. La mayor parte la ocupa el espacio para escribir. Encontramos una barra con diversas herramientas. Las opciones de entrada (fecha, hora), y el espacio para etiquetar. Por último dos botones para publicar lo que hemos escrito, guardarlo como borrador o ver el resultado antes de publicarlo . Botones de la barra de herramientas1. Deshacer y rehacer 7. Alineación del texto (derecha, centrada,2. Tipo de letra y tamaño izquierda, justificada)3. Negrita, cursiva y subrayado 8. Crear listas4. Colores de texto y de fondo 9. Borrar formato; interesante si en lugar de5. Crear hipervínculos o enlaces escribir un texto lo pegamos desde otra a páginas de Internet aplicación (procesador de texto por ejemplo).6. Insertar imágenes y vídeos. 10. Corrector ortográfico Sobre la barra de herramientas tenemos dos pestañas. Normalmente utilizaremos la de “Redactar” “Edición HTML” la usaremos para pegar código en algunas ocasiones. 6
  7. 7. La utilización didáctica de los blogs Manolo IbáñezDesde aquí también podemos editar otras entradas que tengamos en el blogo editar nuevas páginas (ya visto anteriormente).Si optamos por “Editar entradas” vamos al sitio en el que están todas lasentradas que hayamos escrito (estén publicadas o no) y desde ahí laspodemos administrar.En la ventana principal tenemos también otras pestañas en las que podemosmodificar las opciones de configuración del blog y el diseño del mismo. Asímismo podemos gestionar los comentarios, ver las estadísticas y disponemosde la posibilidad de ver el blog.En la pestaña “Configuración” se nos ofrecen varias posibilidades. Esinteresante revisar “Básico” “Formato” “Comentarios” y “Permisos”. Enesta última daremos permiso a otros posibles usuarios del blog (alumnos porejemplo). Importante: cada vez que hagamos un cambió debemos guardar laconfiguración con el botón que hay en la parte de abajo de la página. 7
  8. 8. La utilización didáctica de los blogs Manolo IbáñezEn la pestaña “Comentarios” gestionaremos los que se hagan en el blog.En la pestaña “Estadísticas” (disponible desde mayo de 2010) podemos verlas visitas que nos hacen, su procedencia, etc. 8
  9. 9. La utilización didáctica de los blogs Manolo Ibáñez5. LA PESTAÑA DE DISEÑODesde aquí trabajaremos el diseño del blog. La parte principal es la llamada“Elementos de la página” (la que vemos en la imagen). Hacia la derechaencontramos “Edición HTLM” (más delicada, conviene conocer algo eselenguaje) y “Diseñador de plantillas” por si queremos cambiar lo modificar aque elegimos al principio.La que utilizaremos más habitualmente es la primera (imagen) desde dondepodemos añadir y organizar elementos de la página. Tiene varias partes que secorresponden con lo que el usuario del blog ve: fundamentalmente título, barralateral y barra inferior.Si editamos el título podemos, porejemplo, añadirle una imagen; en estecaso tenemos que tener cuidado y que el tamaño sea similar al espacio queocupa el título para que quede bien. En la barra lateral podemos editar y añadir tantos “gadgets” como queramos. Algunos aparecen por defecto pero a mi me parece aconsejable incluir al menos algunos enlaces interesantes relacionados con la temática del blog y sobre todo las etiquetas que facilitan búsqueda. A partir de ahí todo lo que se nos ocurra. La barra inferior funciona igual que la lateral aunque se utiliza poco. 9
  10. 10. La utilización didáctica de los blogs Manolo Ibáñez6. COLOCAR EN NUESTRO BLOG UN VÍDEO DESDE YOUTUBE1º ELEGIR EL VÍDEO Y OBTENER EL CÓDIGOSubir a nuestro blog un vídeo desde youtube o cualquier otro repositorio devídeos de los que hay en Internet no es complicado. Eso sí, debemos tener encuenta que hay que utilizar el código HTML y aunque la tarea no nos exigeconocerlo sí que hay que saber cómo utilizarlo. Procederemos de la siguienteforma: Vamos a la página de youtube en castelllano http://es.youtube.com y hacemos una búsqueda para encontrar el vídeo que nos interesa. En el ejemplo cambio climático.En la siguiente pantalla encontramos la relación de vídeos que se ajustan anuestra búsqueda. Pinchamos sobre el que nos interesa y podremos verlo eincluso insertarlo en nuestro blog. 10
  11. 11. La utilización didáctica de los blogs Manolo IbáñezDespués de hacer clic sobre la imagen nos encontramos con el vídeo. Debajovemos varias opciones entre las que destaca “Insertar”; si la pinchamos en ellase nos abre un cuadro con el código HTML seleccionado para copiar y otrasopciones. Sólo tendremos que copiarlo y pegarlo en la pestaña Edición HTMLde la entrada de nuestro blog2º INSERTAR EL CÓDIGO EN BLOGGER En la página de creación de nuevas entradas de blogger una vez escrito el texto (también podríamos hacer que el artículo fuera solamente el vídeo) nos colocamos en la pestaña Edición HTML. Colocamos el cursor del ratón en el sitio donde queremos que vayael vídeo y sólo tenemos que hacer clic derecho y pegar el código que anteshabíamos copiado.Sólo nos queda etiquetar y publicar la entrada como hacemos habitualmente. 11
  12. 12. La utilización didáctica de los blogs Manolo Ibáñez7. INSERTAR UNA PRESENTACIÓN EN EL BLOG1º DARNOS DE ALTA Y SUBIR UNA PRESENTACIÓN A SLIDESHARE.Antes de nada tenemos que entrar a la cuenta de correo que usamos en elregistro y confirmar nuestro registro. A continuación haremos lo siguiente: Ir a la página www.slidesh are.net y pincha en el enlace Login Aparecerá la siguiente pantalla en la que nos registramos. Recibiremos un correo para confirmar el registro y accedemos a la página de bienvenida 12
  13. 13. La utilización didáctica de los blogs Manolo IbáñezEn la siguiente pantalla ya aparece nuestro nombre de registro. Desde aquípodemos subir nuestra presentación; para ello elegimos la opción UploadEn la pantalla siguiente le daremos denuevo al botón Upload para elegir elarchivo que queremos subir. Se nosabre una ventana donde buscaremosla carpeta en la que está el archivoque queremos subir. Seleccionamos elarchivo y le damos a abrir.En la siguiente ventana vemos elproceso de subida del archivo y un cuadro en el que pondremos un título, unacategoría y si queremos una descripción y alguna etiqueta. 13
  14. 14. La utilización didáctica de los blogs Manolo IbáñezAl cabo de unos minutos (en función del tamaño del archivo y de la velocidadde la conexión) estará listo para poder ser visto por cualquier persona enInternet y para colocarlo en nuestro blog.2º INSERTAR LA PRESENTACIÓN EN EL BLOGEn nuestro sitio encontramos un menú a la izquierda con varias opciones. Nosfijamos en My Uploads desde don de podemos acceder a todos losdocumentos que hemos subido.Pinchando sobre cualquiera de ellos vemos la presentación y las opciones quenos ofrece: Embed nos proporciona el código para copiar y pegar en la pestaña HTML de nuestro panel de edición de entradas en blogger. También podemos editarla y modificar los detalles de la misma. 14
  15. 15. La utilización didáctica de los blogs Manolo IbáñezEn la página de creación de nuevas entradas de blogger una vez escrito eltexto nos colocamos en la pestaña Edición HTML. Colocamos el cursor delratón en el sitio donde queremos que vaya la presentación y sólo tenemos que hacer clic derecho y pegar el código que antes habíamos copiado. Sólo nos queda etiquetar y publicar la entrada como hacemos habitualmente También podemos insertar en nuestro blog presentaciones subidas por otros usuarios del servicio. Para ello ni siquiera es necesario el registro; es suficiente con buscarla y acceder a ella como hemos hecho con la subida por nosotros. La única diferencia es que no podemos editarla aunque, si el autor lo permite, sí que podríamos descargarla. 15
  16. 16. La utilización didáctica de los blogs Manolo Ibáñez8. DARNOS DE ALTA EN UN SERVICIO DE ALMACENAMIENTO DEARCHIVOS.Abrimos la dirección http://www.box.net Aparecerá la siguiente pantalla.Pinchamos en el botón Sign UpEn la siguiente pantalla elegimos la opción gratuita, llenamos nuestros datos ycontinuamos.Os aconsejo desmarcar la opción “Recibir correo…”Una vez registrados entramos en box y en la siguiente pantalla nos ofrece laposibilidad de crear una carpeta. 16
  17. 17. La utilización didáctica de los blogs Manolo Ibáñez Aceptamos, le damos un nombre y la creamos. Nos vamos a la carpeta creadaAntes de empezar a hacer nada recomiendo entrar a Settings para cambiar elidioma a español.Cuando entramos a nuestra carpeta y vemos las opciones que tenemos. Subir documentos (Upload) Crear carpetas (New Folder) Crear documentos (Web docs)La opción que más utilizo personalmente es la de subir documentos para luegoenlazarlos al blog. La elegimos: Añadimos el archivo que vamos a subir mediante el botón (nos abre el explorador para buscarlo en nuestro PC) Le damos al botón subir y esperamos. El paso siguiente después de subirlo es copiar el enlace para insertarlo en el blog para lo que tenemos que pinchar la opción “Shared” 17

×