Práctica 3 cómo crear un blog

. BLOGS .. BLOGS .

Crear un Blog. Antes de ComenzarCrear un Blog. Antes de Comenzar

Como veremos en la práctica para realizar un blog no se necesitan conocimientos de lenguajes de programación o de diseño web, las herramientas lo hacen todo por si solas, siendo mucho más sencillos de crear que una página web tradicional.

Crear un Blog (I)Crear un Blog (I)

1. Primer paso: crear una cuenta

– Como paso previo debemos tener creada nuestra cuenta Google.

– Debemos escribir www.blogger.com en la barra de direcciones del navegador o para que nos aparezca en castellano https://www.blogger.com/start?hl=es

– Ya sólo nos queda seguir los pasos que muestran las siguientes diapositivas

Crear un Blog (II)

Desde la página de inicio pulsamos: crear

Crear un Blog (III)

Le indicamos nuestra dirección de correo, “nuestra cuenta Google”.

Crear un Blog (IV) Crear un Blog (IV)

..y el resto de nuestros datos: contraseña, nombre, palabra clave,....y el resto de nuestros datos: contraseña, nombre, palabra clave,..

Crear un Blog (V)Crear un Blog (V)

2. Segundo paso: asignar el nombre y el nombre de dominio al blog (la url de acceso)

– En esta fase simplemente escribiremos un nombre para nuestro blog. Nombre que podremos cambiar más tarde.

– Y le asignaremos una dirección de Internet, que será la dirección web de nuestro blog que también podremos cambiar en el futuro. Notar que Blogger añade la parte restante (en rojo) hasta quedar aproximadamente así:

http://elnombredetublog.blogspot.com

(*) Es importante que en la medida de lo posible:• La dirección sea corta • Utilicemos letras minúsculas, sin caracteres especiales como acentos o eñes. • Hacer clic en el enlace “Comprobar la disponibilidad” para conocer si ese nombre ya está siendo utilizado por

otro usuario. Si ocurre esto, nos muestra la frase:

“Lo sentimos, esta dirección del blog no está disponible”.

Los pasos de esta fase se resumen en la siguiente diapositiva

Crear un Blog (V) Crear un Blog (V)

Como indicaba la diapositiva anterior, ahora le indicaremos el título del blog, la dirección (URL) que queremos (dominio blogspot.com) y el captcha (utilizado para evitar que de forma automática una máquina pueda generar nuevos sitios)

Crear un Blog (VI) Crear un Blog (VI)

3. Tercer paso: elegir una plantilla

Por último tendremos que elegir una plantilla, que no es otra cosa que el diseño general que tendrá nuestro blog.

Elegiremos la que más nos guste, recordando de nuevo que podremos cambiarla siempre que queramos.

La elección de la plantilla es importante, ya que es la imagen que queremos transmitir de nuestro blog, que dependerá del público al que nos dirijamos, así como los temas a tratar en nuestra bitácora.

Crear un Blog (VI) Crear un Blog (VI) Cuando i indicamos la plantilla, se facilita un diseño genérico de nuestro

blog

……y ya tenemos listo nuestro blog… listo para publicar nuestra primera y ya tenemos listo nuestro blog… listo para publicar nuestra primera entrada. Pulsamos empezar a publicar.entrada. Pulsamos empezar a publicar.

Crear un Blog (IV) Crear un Blog (IV)

..Si tenemos alguna duda podemos repasar de nuevo todos los pasos ..Si tenemos alguna duda podemos repasar de nuevo todos los pasos en Youtube,..en Youtube,..

Video ExplicativoVideo Explicativo

¿Y ahora qué se puede hacer?¿Y ahora qué se puede hacer?

• Publicar, modificar y borrar artículos.• Personalizar el blog.• Configurar el blog.

¿Qué se puede hacer?¿Qué se puede hacer?Publicar, modificar y borrar artículos.

A continuación se muestran todas las posibilidades para Publicar, Modificar y Borrar artículos.

Para ello seleccionamos en el menú escritorio una de la opciones “Nueva entrada”


Como podremos ver en la siguiente diapositiva, la pantalla “Creación de entradas” contiene una pequeña línea para poner el título a nuestro artículo y una “ventana” más grande donde escribiremos lo que queremos comunicar en el blog (el texto del artículo).

Destacar el campo etiqueta que nos permitirá clasificar cada artículo de nuestro blog, categorizando el contenido por esta palabra o palabras claves, términos que en definitiva facilitarán la búsqueda posterior.

Por último, en la parte superior donde incluiremos el texto del artículo aparecerá la herramienta típica de cualquier editor de texto, las opciones principales se detallan en la siguiente diapositiva.

Herramienta de edición de texto

Una vez introducido el contenido: debemos pulsar el botón naranja “Publicar entrada”

Etiquetas

Texto del Artículo

Título

Para terminar debemos pulsar en Publicar Entrada

Insertar imagen y video

Hipervínculo

.. Si lo deseamos, incluso podemos Ver la apariencia final del blog…

Como anotación:

Una vez publicada la entrada, para hacer un comentario (post), en el modo de publicación es tan sencillo como seleccionar el lapicero que muestra la imagen


Una vez realizada nuestra primera publicación, podremos hacer varias cosas:

– Ver el blog (ya sea desde la misma ventana o abriendo una nueva ventana de nuestro explorador).

– Editar la entrada que acabamos de publicar para modificar sus contenidos.– Crear una nueva entrada.

(*) Si decidimos que nuestro trabajo en el blog ya está terminado por el día de hoy, deberemos cerrar la sesión de la cuenta de Google, ya que ésta no caduca nunca. Si alguien entrase en algún servicio Google con el ordenador que hemos estado utilizando, entraría a la cuenta que hayamos dejado abierta anteriormente, por lo cual lo mejor es cerrar sesión haciendo clic en la esquina superior derecha en salir..


Si queremos modificar o borrar una entrada: debemos Seleccionar, la opción “Escritorio” y posteriormente “Editar Entradas” como muestra la imagen:

Desde esta opción: “editar entradas” se permite la “Gestión de Artículos”, Desde esta opción: “editar entradas” se permite la “Gestión de Artículos”, editar, visualizar, suprimir,…editar, visualizar, suprimir,…

Publicar, modificar y borrar artículos.

Modificar un artículo Eliminar una entrada

y recuerda: y recuerda: Para gestionar el blog siemprePara gestionar el blog siempre

• Una vez que accedemos a la herramienta• Como primer paso siempre acceder al escritorio..

El escritorioEl escritorio• Desde aquí como muestra la imagen podremos:

• Añadir o modificar entradas• Trabajar con los comentarios• Configurar el blog• Modificar el diseño• Monetizar (rendimientos económicos)• Ver las Estadísticas de uso.

¿Qué más se puede hacer?¿Qué más se puede hacer?• Una vez que ya sabemos añadir entradas, las siguientes

pantallas muestran como Personalizar el blog.• Para ello siempre desde la opción escritorio debemos

seleccionar ”Diseño”

Cuando hablamos de Cuando hablamos de personalizarpersonalizar el blog podemos: el blog podemos:

• Cambiar la estructura por defecto que nos proporciona la plantilla elegida en la fase de creación.

• Cambiar la apariencia, cambiando la plantilla o los colores, fondo texto, etc.

• Añadir nuevos componentes “gadgets” ya predefinidos, mediante cualquiera de las opciones añadir gadget

• Modificar el contenido de los gadget existentes pulsando la opción Editar

La pantalla de personalización se muestra en la siguiente diapositiva:

Para Para ppersonalizar el blog desde la opción DISEÑOersonalizar el blog desde la opción DISEÑO

1)

Para cambiar la Estructura de la página

2)

Para cambiar Apariencia:

Plantillas, Colores, Fondo, Texto..

3) Para añadir nuevos

componentes predefinidos

lista de enlaces, imágenes, encuestas,

presentaciones, etc…

Para Personalizar el blog, podemos modificar la estructura de la página arrastrando y soltando y añadir nuevos componentes Gadget (elementos

predefinidos): por ejemplo enlaces

Añadir componente

Pero lo mejor es que lo veamos de forma práctica en el siguiente Video

Para Personalizar el blogsu apariencia, …, colores, fondo,… desde la opción diseño del

escritorio debemos seleccionar “Diseñador de plantillas”

y seleccionar la opción que queremos modificar (plantilla, fondo, ajustar ancho, diseño,..)

Video Explicativo

¿Qué más se puede hacer?¿Qué más se puede hacer?

• Blogger nos permite parametrizar nuestra bitácora para por ejemplo– Cambiar el nombre de nuestro blog por ejemplo de

cursoevolucioninternet.blogspot.com a cursointernet.blogspot.com– Modificar el Titulo de nuestro blog– Definir el número de artículos a mostrar (por defecto 7)– Parametrizar el uso o no de comentarios sobre los artículos– Añadir nuevos usuarios para que puedan crear contenidos.– Definir notificaciones para avisar a usuarios de actualizaciones en el blog

• Todas estas opciones están accesibles desde el menú configuración, como muestra la siguiente diapositiva…

“Menú Configuración”, para modificar: el título, el nº de artículos a mostrar en portada o las

acciones a realizar ante cada modificación

Título, Descripción, Eliminar el

blog

Nº de artículos en portada.Formatos de

fecha, idiomas,Etc.

Permitir comentario si o no

Permisos para comentar.Opción de moderar.

Etc.

Frecuencia de archivo

E- mail para recibir avisosE-mail@bloger para publicar

Creación de autoresPermisos de lectura

Desde el Menú Configuración también podremos Desde el Menú Configuración también podremos Eliminar Eliminar el blogel blog

2º en la pestaña de

Básico

1º Entramos en configuración

3º Suprimimos el blog

¿y qué es eso del perfil?¿y qué es eso del perfil?

• Además de publicar nuestras bitácoras, también podemos proporcionar información adicional sobre nosotros, como nuestra foto, cumpleaños, la ubicación, aficiones, etc., y editarlo en cualquier momento desde nuestra página de administración de perfiles.

• La funcionalidad Perfil de Blogger permite a los usuarios conservar una página que les permita asociar una cara a la personalidad que inevitablemente se transmite mediante las entradas del blog.

• El perfil debe considerarse un método sencillo para crear una página de datos personales que complemente el blog.

Para editar su perfil, debes hacer clic en Editar perfil en la columna lateral de la página Escritorio:

Como vemos “Editar Perfil”: permite modificar la privacidad del mismo, y la identidad, es decir, la información personal que queremos mostrar

Como modificaciones del Perfil también podemos añadir fotografía, Como modificaciones del Perfil también podemos añadir fotografía, cumpleaños,..cumpleaños,..

Cambiemos la fotografía, imagen de nuestro perfil Para ello clic en Cambiemos la fotografía, imagen de nuestro perfil Para ello clic en “Examinar”“Examinar”

y cambiamos el logo a mostrar,..y cambiamos el logo a mostrar,..

Mientras cambiamos la imagen del Perfil: el logo que muestra la herramienta es el siguiente

El resultado sería el siguiente:

Otros campos a modificar en el Perfil: ubicación, trabajo.(no son obligatorios)

Perfil: información ampliadaPerfil: información ampliada

Y por último después de realizar las modificaciones debemos recordar seleccionar la opción “Guardar perfil”

En modo de ejecución quedaría de la siguiente forma: “Ver perfil”En modo de ejecución quedaría de la siguiente forma: “Ver perfil”

Y a nivel de página principal, las modificaciones realizadas Y a nivel de página principal, las modificaciones realizadas hasta ahora, se mostrarán en el Perfil en el blog, datos hasta ahora, se mostrarán en el Perfil en el blog, datos

personales,…personales,…

¿Qué podemos hacer ahora en nuestro blog?¿Qué podemos hacer ahora en nuestro blog?

• Podemos escribir un post (artículo), • Podemos contestar a un artículo mediante un comentario.• Podemos colgar una fotografía (.jpg, .bmp, .gif...)• Podemos colgar un vídeo (.mpg, .avi, .flv...)• Podemos colgar una canción (mp3)• Podemos colgar un archivo de sonido con nuestra voz• Podemos colgar un documento. (.doc, .pdf)• Podemos colgar una presentación (.ppt)

Las siguientes diapositivas indican como realizar algunas de estas acciones.

Insertar imágenes, videos de Internet, … antes de comenzar,..Insertar imágenes, videos de Internet, … antes de comenzar,..

Para insertar una imagen en nuestro blog tendremos varias posibilidades dependiendo de si:

– La imagen que insertemos reside en nuestro ordenador.– La imagen ya se encuentre publicada en alguna página en internet

(si conocemos su url).

Para ver estas opciones debemos hacer clic en el botón “insertar imagen” de la barra de herramientas de edición que tenemos justo por encima de la ventana donde estamos escribiendo:

Insertar imágenes, videos de Internet, … antes de comenzar,..Insertar imágenes, videos de Internet, … antes de comenzar,..

Y se nos mostrará una pantalla como la siguiente:

Para añadir una imagen desde nuestro equipo sólo tendremos que hacer clic sobre examinar / subir y buscar la imagen que deseemos subir al blog.

Para añadir una imagen de la web lo que tendremos que saber es su dirección en internet (a esto se le llama URL) y seleccionar la opción desde URL.

(*) En el caso que nos la hayamos encontrado navegando con el explorador Firefox/Mozilla simplemente haremos clic con el botón derecho del ratón sobre la imagen que nos interese y copiaremos la ruta de la imagen.

Insertar video de Internet, antes de comenzar,..Insertar video de Internet, antes de comenzar,..

Para Insertar un Video debemos: Editar nuestro blog. Añadimos o editar una entrada existente. ejemplo “Los Blogs en la Administración Pública” Insertamos un texto que explique qué es un blog y dos de sus posibles usos en la

administración. Pegamos el contenido del video de youtube, para ello desde youtube:

Seleccionamos Compartir (flecha roja) Copiamos el enlace que se nos proporciona

Seleccionamos “Guardar Ahora” Podemos ver como queda: opción “Vista Previa”

Insertar video de Internet

En las nuevas versiones de blogger, cuando lanzamos la opción para incrustar un video, se muestra un facilitador que nos va a permitir incluso realizar búsquedas directas, únicamente debemos seleccionar el video que nos gusta….

http://cursoevolucioninternet.blogspot.com/

Blog de ejemplo del curso

Nuestro primer blog y nuestro primer Nuestro primer blog y nuestro primer artículo,…artículo,…

• Una vez que nos hemos creado nuestro primer blog, tal y como explica este documento. Debemos personalizarlo a vuestro gusto.

• Debemos añadir nuestro primer artículo si no se nos ocurre nada podemos explicar brevemente el significado de la Web 2.0 o para qué sirve un blog. (las presentaciones te pueden servir como referencia)

– Dicho artículo contendrá imagen sobre la Web 2.0 que encontremos en flickr o en la web.

– Dicho artículo contendrá un video sobre la Web 2.0 que encontremos en youtube.

– Dicho artículo debes insertar un enlace a otra web o a un articulo que explique qué es la web 2.0 en la wikipedia.

• Para ello primero debes ver la dirección que te interesa enlazar y copiarla de la barra del navegador. Después debes marcar en tu artículo la palabra que llevará el enlace, pulsas sobre el icono de la "cadena" y pegas la dirección previamente copiada (con la opción "pegar" o CTRL+V).


• Accede a la administración de tu blog y añade en la barra lateral:

– Una lista de vínculos con enlaces a las páginas web o blogs que quieras proponer a tus lectores (al menos 3).

– Una encuesta

– Una presentación de slideshare (http://www.slideshare.net/)

– Modifica algunos datos básicos de tu perfil.

– Cuando realices la práctica de dropbox añade un pdf en tu carpeta public y coloca un enlace desde tu barra lateral.


• Una vez terminado vuestro blog deberemos añadir en el blog del curso http://cursoevolucioninternet.blogspot.com/ En el artículo donde indica la tarea a realizar, un post con la dirección –url- de nuestro nuevo blog.

• Todos los resultados serán añadidos como enlaces para que podamos

compartir nuestras experiencias.

Finalmente Vamos a trabajar el aspecto para Finalmente Vamos a trabajar el aspecto para móvilesmóviles

• Parametriza ahora cómo quieres que se vea en un móvil :

• http://cursoevolucioninternet2011.blogspot.com/?m=1

Vamos a trabajar con GadgetsVamos a trabajar con Gadgets

• Por si todavía tienes tiempo o quieres practicar en casa puedes trabajar con los Gadgets / Widget:

– Como Ejemplo añade el tiempo en tu ciudad : http://www.tiempo.com/widget/

– Direcciones interesantes:• http://www.gadgetsblogger.com/search/label/Gadgets%20Utiles• http://www.blogtecnia.com/2009/11/recopilatorio-widgets-gadgets-para-tu.html

• Colección de Google – http://www.google.com/ig/directory?synd=open&cat=all&start=48– http://www.widgetbox.com– pero tenemos cientos …

• Merece la pena recordar el concepto con este Video Explicativo

DocumentaciónDocumentación

• Enlaces interesantes con manuales de blogger:

– http://www.finanzasparatodos.es/gepeese/es/inicio/utilidadesAyuda/manuales/Tutorial_Blogger.pdf

– http://www.monografias.com/trabajos-pdf/crear-blog-con-blogger/crear-blog-con-blogger.pdf

Blog Oficial de Blogger con sus novedades:

http://googleblog.blogspot.com/

Práctica 3 cómo crear un blog

Documents

Transcript of Práctica 3 cómo crear un blog