ACTIVIDAD 5

TEMA: CODIGO HTLM

1. ¿QUE ES EL CÓDIGO HTML?
2. ¿TRADUCCIÓN AL CASTELLANO DE SUS SIGLA.
3. ¿QUIENES LO GENERAN?
4. ¿COMO UTILIZAMOS ESTE CÓDIGO EN NUESTRO BLOG.?
5. ¿QUE OBJETOS PODEMOS INCLUIR UTILIZANDO ESTE CÓDIGO EN EL BLOG.
6. ¿EN QUE LUGAR DE LA PAGINA DE LA ENTRADA SE COPIA EL CÓDIGO HTML?

DEBAJO DE ESTE CUSTIONARIO INSERTA UN VIDEO DE YOUTUBE UTILIZANDO EL CODIGO HTML

BLOGS - LECCION 8

Añadir "Gadgets" a la barra lateral

Una de las características más representativas de los blogs es disponer de una o dos columnas laterales donde se ordenan, de arriba hacia abajo, los distintos gadgets que proporcionan prestaciones adicionales al blog.

El término gadget o widget se utiliza para referirse a un pequeño recuadro que se integra en una página web a modo de mosaico y que se ejecuta como una mini-aplicación independiente diseñada para enriquecer la información o servicios de esa página. De esta forma se pueden mostrar datos adicionales en la misma página sin tener que abandonar esta página.
Recientemente en algunas plantillas de Blogger se admite incorporar gadgets también en el encabezado y en el pie de la página del blog.

Para añadir un gadget

• En el área destinada a la barra lateral haz clic en el enlace Añadir un gadget.

• Se abre una nueva ventana Añadir un gadget. Blogger proporciona un amplio catálogo de gadgets. En este listado se indica la funcionalidad de cada uno. 

• Para añadir un gadget a la barra lateral haz clic en su botón “+”. En la categoría Lo básico localiza el gadget Perfil para mostrar en el blog tu información personal. Haz clic en el botón “+” para añadirlo. Si ya has añadido ese gadget en lugar de este botón aparecerá el texto: “Ya se ha añadido”.

• Al añadir un gadget que dispone de parámetros configurables se muestra una ventana donde es posible definir estos valores. Estos dependerán del tipo de gadget elegido. En el caso del gadget Perfil se solicitarán algunos datos personales para mostrar. Completa este formulario y pulsa en el botónGuardar.

• El nuevo gadget se habrá añadido a la barra lateral. Para aplicar los cambios no olvides pulsar en el botón Guardar disposición que se ofrece en la esquina superior derecha de la página.

Para modificar los parámetros de un gadget

• Clic en el enlace Editar que muestra el gadget en la disposición.

• Se muestra en una ventana con la configuración de ese gadget.

• Realiza las modificaciones oportunas de sus parámetros y para terminar pulsa en el botón Guardar.

Para eliminar un gadget de la columna lateral

• Clic en el enlace Editar de ese gadget.

• En la ventana de configuración pulsa en el botón Eliminar.

• Después de confirmar la eliminación, ésta tendrá lugar.

Para cambiar el orden de los gadgets en la columna lateral

• Simplemente arrastra y suelta un gadget por encima o debajo del resto.

ACTIVIDAD 4

Diseño de la barra lateral. Gadgets 

(Publica en una nueva entrada)
En la LECCIÓN 8 podrás encontrar todos los pasos necesarios para publicar distintos Gadgets en tu blog

A- PARA PUBLICAR EN UNA NUEVA ENTRADA

1. ¿Qué es un Gadget?
2. ¿Para Què sirve?
3. Tambièn se los denomina "WIDGETS" ¿QUE SIGNIFICA ESA PALABRA?
4. ¿Porque se relaciona su nombre con el del famoso personaje: Prof. Gadget?
5. Realiza una lista de Gadgets.
6. Publica una imegen que ilustre tu Entrada

B -PARA TRABAJAR EN EL DISEÑO DE TU BLOG

Añadir (en el orden indicado) los siguientes Gadgets a tu Blog:

• IMAGEN DE BIENVENIDA
• TEXTO
• ETIQUETAS
• LISTA DE ENLACES ( "BLOG DE LA PROFESORA")
• CUADRO DE BÚSQUEDA
• CALENDARIO
• ESTADÍSTICAS DEL BLOG
• FORMULARIO DE CONTACTO
• WIKIPEDIA

ACTIVIDAD 3

AGREGAR UN CHAT A TU BLOG

1. REALIZA UNA LECTURA COMPRENSIVA A LAS INDICACIONES DE LA LECCION 7 PARA AGREGAR UN CHAT EN LA BARRA DE COSTADO DE TU BLOG.

BLOGS - LECCION 7

Lección 7 - Agregar CHAT a nuestro Blog

Mucha gente gusta de poner chats en sus Blogs. Hay varios disponibles en la web. No me dedicaré a ninguna página en particular, puesto que todos tenemos diferentes gustos, muchos están en inglés, algunos ni siquiera funcionan bien del todo. De modo que siguiendo con los programas de la empresa, el que incluiremos en esta lección será el chat de Google. Enseño este porque así nos introducimos en los Gadgets (pequeñas herramientas que podremos incluir en las barras laterales y en algunas plantillas también se pueden incluir en la parte superior e inferior de la página). Utilicemos entonces una de las opciones disponibles de Blogger.
Entrar al escritorio de Blogger y dar clic en Diseño.

Dar clic en Añadir un gadget

En la ventana que se despliega tenemos varios gadgets, pero no de chat. Por lo tanto utilizaremos la caja de búsqueda que se encuentra en la esquina superior derecha y allí escribiremos: Gtalk y luego damos clic en la "lupa" para buscar.

Del resultado de la búsqueda dar clic en Gtalk (Google Talk)

A continuación podremos cambiar su nombre y su altura.
Aceptar y luego dar clic en Ver blog para observar el resultado.

Con el chat en el Blog, podremos elegir una imagen que nos identifique.

Listo! Ya tenemos nuestro Chat incluido en el Blog. Ahora, para chatear en él, tenemos que tener cuenta de Gmail, por lo que pido a quienes estén en el Grupo que me pasen sus direcciones así los agrego y podemos chatear en el chat que he incluido en "Aprendiendo a Crear un Blog"

Es probable que al ingresar a un Blog encontremos así el chat:
Si damos clic en Acceder y tenemos nuestra cuenta de Gmail abierta, la detectará y enseguida podremos utilizar el chat. Si no tenemos cuenta de Gmail, nos da la opción de crear una.

Por supuesto que pueden buscar en Internet otro tipo de chat para su Blog. Particularmente me gustan simples y claros como este. Pero respeto a quienes les gustan con imágenes de fondo y muchos "macaquitos". Así que busquen el que sea de su agrado. Por supuesto quienes tengan ya uno incluido en su blog y hayan probado su buen funcionamiento, pueden dejar enlace a la página de creación de dicho chat, para compartir (Recuerden ver la Lección 6 donde se explica cómo poner enlaces que funcionen en los comentarios)

Además de incluir Chats, que para eso debemos estar conectados al mismo tiempo que otras personas para poder chatear, también se pueden incluir cajas de comentarios, tal es el caso de CBOX, que podrán ver en la lección 9. Dar clic Aquí.

BLOGS - LECCION 6

Lección 6 - Los Comentarios

Los comentarios que dejamos en los Blogs permiten la interactividad del administrador con los internautas (personas que navegan por Internet). Si ponemos un artículo otros podrán opinar sobre él, incluso aportar al blog enlaces, etc.
Cada entrada tiene al final la opción de dejar un comentario. Si deseamos que nuestro Blog sea meramente informativo y no nos interesan los comentarios, podemos deshabilitar esta opción.



Para insertar un comentario simplemente dar clic en comentarios (ver la siguiente imagen que lo muestra resaltado en amarillo)

Configurar los Comentarios
Entrar al escritorio del Blog con nuestra cuenta y contraseña
Dar clic en Configuración




Clic en la pestaña Comentarios
En la ficha tildamos las opciones que deseamos.
La primera opción es para dejar ver o no los comentarios por los demás. Generalmente se deja tildada la opción Mostrar para que los internautas puedan opinar, debatir, interactuar. Si no deseamos que vean los comentarios, optaremos por Ocultar.

Persona que puede realizar los comentarios 
Si queremos dejar abierto a todo público los comentarios tildaremos la opciónCualquiera. El resto de las opciones van restringiendo el permiso. 

Usuarios registrados, no permite dejar comentarios anónimos, los usuarios tendrán que disponer de alguna de las cuentas que muestra la siguiente lista.


Usuarios con cuentas de Google, deberán tener un correo de Gmail para poder dejar sus comentarios.
La última opción, Solo los miembros de este blog, únicamente permitirá dejar comentarios a los miembros del Blog. Para esto, el administrador tendrá que enviar invitaciones a cada usuario otorgándoles permiso para publicar entradas, realizar modificaciones básicas y dejar comentarios.

A continuación tienen la oportunidad de elegir si desean que los comentarios aparezcan en una Página completa (es decir una ventana aparte, exclusivamente para dejar y leer los comentarios), Ventana emergente (una pequeña ventana para dejar el comentario y leer los anteriores), Entrada incrustada a continuación (para dejar los comentarios en la misma ventana al final de la entrada publicada).

El resto de las opciones vayan practicándolas, seleccionando opciones y fijándose cómo quedan en el Blog.

Una opción a tener en cuenta es:

Moderación de Comentarios.

Podemos dejar que todos comenten y que sin revisar dichos comentarios se publiquen directamente. Esto es bueno cuando la gente que navega nuestro blog es gente con gustos acordes a nuestros temas y generalmente deja comentarios ubicados. Pero…. Siempre andan navegando por ahí personas desubicadas que pueden dejar comentarios ofensivos, agresivos o de mal gusto. Por tal motivo tenemos la opción de revisar los comentarios y  publicarlos solo si lo deseamos. Si no son de nuestro agrado (no pasan nuestro “filtro” por así decirlo) podemos eliminarlos. Porque si bien existe la libertad en la web, es nuestro blog y podemos administrarlo a gusto.

Por lo tanto si optamos por las dos primeras opciones (Siempre y Sólo en entradas publicadas hace más de (x) días), tendremos la oportunidad de revisar y darle el OK a los comentarios.

Para no tener que entrar al escritorio del Blog asiduamente y verificar si tenemos comentarios para revisar, es mejor escribir nuestro correo electrónico a continuación y así cada vez que alguien comente, seremos informados vía mail.

Luego de leer y elegir las opciones deseadas, iremos al final de la página y daremos clic en Guardar Configuración.

Sobre las opciones que no entiendan bien de la ficha Comentarios, pueden plantear sus dudas en el Grupo de PowerPoint de Blogueros Mayores.

Recuerden que cuando dejan comentarios en nuestros blogs, podemos responderlos. Y muchas veces, si esas personas tienen blog, bastará con dar clic en la imagen o nombre que los identifican para poder acceder a él. De esta manera uno puede interactuar con otros navegantes visitando sus blogs y comentándolos.

Si observan la siguiente imagen hay 3 comentarios diferentes, el primero de una persona que tiene Blog, por lo tanto si damos clic en la imagen o en su nombre podremos acceder a su perfil y luego ver su Blog. El segundo de alguien que sin tener blog tiene cuenta Gmail, el tercer comentario es anónimo.

Enlaces en los comentarios

Cuando queremos compartir direcciones web en los comentarios, estos quedan como simple texto, es decir que no funcionan al dar clic sobre ellos. Las direcciones quedan en color negro como el resto del texto y al poner el puntero sobre ellas no aparece la clásica “manito”.

En este comentario hay dos enlaces que no funcionan, si damos clic sobre ellos no pasará nada.

Si deseamos poner enlaces que efectivamente funcionen, tendremos que hacer lo siguiente:

Escribimos normalmente el comentario y para la dirección web, incluir  el siguiente código:

<a href= "URL" > Nombre </a>

 Ejemplo: 
***********************************************************
<a href= "http://ofimaticalp.blogspot.com" > Blog de Ofimatica </a>
***********************************************************

URL será la dirección completa del sitio que queremos enlazar

Nombre será el texto que los usuarios verán para dar allí clic y acceder al sitio web compartido.  No olviden agregar al inicio de la dirección: http://

Vea el siguiente ejemplo:

Clic en Publicar Comentario y listo! El enlace funcionará con solo dar un clic sobre él.

BLOGS - LECCION 5

Lección 5 - Aplicar otras plantillas

Antes de comenzar a elegir nuevas plantillas web, les recomiendo crearse una carpeta para el material que de aquí en más incluirán en él. Por ejemplo, dentro de la carpeta Documentos o de la carpeta Imagen, crear una carpeta que se llame:Blog-Nombre (Siendo “Nombre” el título de nuestro Blog), y sabremos que allí podremos incluir todo el material necesario: imágenes o fotos para el Blog, las plantillas descargadas, etc. De paso no queda todo tirado y desordenado en nuestra computadora.

A tener en cuenta: las plantillas descargadas de la web, son creadas por particulares. Es posible que tengan fallas. Seguramente elegirán plantillas que funcionen correctamente, pero sepan que algunas podrán tener errores que no podremos solucionar. Los errores serán pequeños, pero muchas veces puede perjudicar el buen funcionamiento que deseamos para nuestro Blog: que no funcionen los comentarios (por lo tanto nos privaremos de conocer la opinión de otras personas o hacernos amigos), que no funcione alguna pestaña incluida en el estilo, etc. Pero que esto no los haga retroceder, lo ideal es descargar varias y probar su buen funcionamiento. Son gratis y hay muchas realmente atractivas.

1º Paso: Ingresar a la siguiente dirección:
http://btemplates.com/



En esta página podremos elegir de cuántas columnas será la plantilla, qué color predominará en ella, etc. Cuando hemos encontrado una plantilla que nos gusta y se acomoda a la información que presentará nuestro Blog, damos clic sobre Download(Descarga)

En la ventanita que aparece damos clic en Guardar. Elegimos la carpeta que habíamos creado.
La plantilla se guardará como un archivo comprimido (Zip).
A continuación abrimos la carpeta donde guardamos y damos clic derecho sobre el archivo. Del menú emergente clic en Extraer aquí. Aparecerá una carpeta con el mismo nombre que el archivo comprimido, así que éste podremos eliminarlo.

Dentro de la carpeta hay archivos de texto y un archivo XML (éste último es el importante, ya que será la plantilla que utilizaremos)
De esta manera descargamos a nuestra carpeta, todas las plantillas que queremos.


2º Paso: Instalar la plantilla en nuestro Blog.
Ingresamos al Blog (al escritorio) y damos clic en Diseño.


Damos clic en la pestaña Edición de HTML.
Si tenemos entradas y gadgets, es recomendable dar clic en Descargar plantilla completa y la guardamos en nuestra carpeta. De este modo si perdemos información, orden o simplemente la plantilla no nos conforma, podremos recuperar la anterior.
Luego dar clic en Examinar

Buscamos nuestra carpeta, seleccionamos con 1 clic la plantilla XML y damos clic enAbrir.

Dar clic en Subir
Si aparece la siguiente advertencia conviene pulsar sobre la opción MantenerWidgets. (Los Widgets son pequeñas aplicaciones o programas. Los Widgets de escritorio o en este caso los del blog, son lo que conocemos como Gadgets)

Finalmente damos clic en Ver Blog para observar el resultado.

Hay otras páginas desde donde se pueden descargar plantillas. Si tienen alguna preferida, pueden dejar aquí el enlace, para compartirla con sus compañeros.

BLOGS - LECCIÓN 4

Lección 4 - Crear y Editar Entradas

**Recuerden dar clic sobre las imágenes explicativas para verlas en tamaño mas grande**

CREAR UNA ENTRADA

Crear una nueva entrada significa comenzar un nuevo tema. Si por ejemplo estamos creando un blog de recetas, el título será de la receta actual.

1. Clic en el botón Nueva Entrada
2. Digitar un título para la entrada, según el tema a desarrollar.
3. Luego podremos escribir directamente, o podemos copiar texto desde Word y pegarlo en la entrada.
4. Para insertar imágenes damos clic en el botón Añadir imagen 



5. En la ventana que se abre clic en Examinar
6. Buscar la imagen en su PC, seleccionarla y luego clic en el botón Abrir.
7. Elegir un Diseño y un tamaño. Para escribir arriba y debajo de la foto, elegimosCentrar, si queremos escribir al costado, elegimos izquierda o derecha.

8. Finalmente daremos clic en el botón: Subir imagen

EDITAR UNA ENTRADA

Si deseamos continuar desarrollando un mismo tema, no tenemos porqué crear otra Entrada. En este caso lo que haremos será entrar a la entrada que ya habíamos comenzado, para modificarla y/o agregarle cosas.

1. Clic en Editar entradas.
2. Aparecerá un listado con todas las entradas del Blog.
3. Si queremos eliminar la entrada, damos clic en la casilla correspondiente y luego clic en Suprimir.
4. Dando clic en Editar abrirá la entrada que quiera modificar (que usted haya creado)
5. Una vez que se abra la entrada, trabajaremos normalmente, digitando texto o añadiendo imágenes.
6. Si queremos eliminar una imagen, damos clic sobre ella y luego pulsamos la tecla Supr.

Cuando estamos en la parte de Editar entradas, podemos ver la fecha de publicada de cada una, así como los comentarios que han tenido.

BLOGS - LECCIÓN 3

Lección 3 – Personalizar el Blog

Una vez creado el Blog:

• Ingresamos nuevamente a la dirección: http://www.blogger.com/
• Cuando ingresamos nos encontramos en el escritorio. Allí es donde podemos ver el o los blogs que tenemos asociados a la cuenta Gmail. A la izquierda aparecerá nuestro nombre, y tendremos la opción de modificar nuestro Perfil o poner una foto que lo represente.
• Lo que identifica a cada Blog en el escritorio es el Título que le hemos puesto (no su dirección web).
• Comenzaremos personalizando nuestro Blog, así que daremos clic en Configuración.
• A continuación daremos clic en la pestaña Diseño.
• Clic en Diseñador de Plantillas

• A tener en cuenta: es mejor realizar estas modificaciones antes de comenzar nuestro Blog, o a poco de trabajar en él. Pasa muchas veces que si cambiamos el formato cuando el blog está muy adelantado, los gadgets por ejemplo se desordenan, las imágenes quedan demasiado grandes para las columnas laterales, etc.

• El diseñador de Plantillas surgió en el 2010, antes eran pocas y simples las plantillas a utilizar.

Plantilla

• Para elegir una plantilla simplemente elegimos un motivo, por ejemplo Sencillo y luego debajo uno de los diseños propuestos.

Fondo
Desde aquí podemos cambiar los colores del blog, también podemos eliminar la imagen de fondo o cambiarla por otra.

Hay un montón de imágenes para elegir, pero si deseamos de fondo una imagen de nuestra computadora, tenemos la opción Subir imagen, para seleccionar el archivo que deseamos (que no deberá exceder los 300 Kb). Al dar clic en Finalizado la imagen elegida quedará como fondo del cuerpo del blog. Unas opciones más nos permitirán Alinear la imagen escogida, incluso repetirla en Mosaico para que "llene" la página.

Diseño:
Desde aquí podemos elegir cómo será el cuerpo del blog, si tendrá 1, 2, 3 columnas laterales o incluso ninguna. Observar detenidamente cada diseño y elegir la que consideremos apropiada para nuestro Blog.

Ajustar ancho.

Desde aqui podremos dominar las medidas de ancho para el blog completo y para cada una de sus barras laterales.

Avanzado

Para finalizar, en esta parte podremos personalizar los textos (eligiendo fuente, tamaño, color), podremos modificar los colores de fondo, los colores de los enlaces incluidos, etc.

1. Personalizar nuestro Blog puede resultar muy divertido. Pero a tomar en cuenta ciertas pautas: no lo estamos creando solo para nosotros, subir un diario personal a la web y dejarlo abierto al público nos da cierta responsabilidad.
2. Cuando elegimos colores, debemos tener en cuenta que colores de fondo y de textos deben resaltar para que se pueda leer correcta y facilmente cada entrada. Es decir, si el fondo es oscuro, la letra bien clara y viceversa.
3. Los tamaños de fuente.... ni exagerar en tamaño que quede ridículo, pero tampoco poner textos tan pequeños que sean ilegibles para personas que tengan corta visión. Cuando comenzamos a compartir hay que tomar en cuenta a los demás. Mostrar algo personal está bien, pero que los demás puedan disfrutarlo es importante.
4. Lograr un equilibrio es incluso dificil. Se dice que quienes navegan en la red no disponen ni de mucho tiempo ni de mucha paciencia, por lo que leeran textos cortos. Por tal motivo crear una entrada sumamente extensa, es posible que no capte la atención del usuario, que deje de leer a la mitad a menos que el texto le resultara muy atrayente.
5. Agregar imágenes es hasta necesario, ya que captan la atención del usuario, aligeran la lectura, pero exagerar y hacer de nuestro blog un escaparate de chucherías, tampoco es acertado (a menos que justamente expongamos una coleccion de imágenes para que los usuarios descarguen).
6. Por lo tanto, siempre quedarán cositas que iremos modificando y personalizando de a poco.

Ahora, a diseñar sus Blogs, modificarlos, ponerles imágenes de fondo personales. 

Jueguen un poco y hagan de su Blog un sitio web único, sin repetición!

BLOGS - LECCION 2

Lección 2 - Crear el Blog

Si ya tenemos nuestra cuenta de Gmail, élla será nuestra puerta de entrada a Blogger. recuerdenla y anoten la contraseña!
De modo que a continuación ingresamos a la siguiente dirección:
http://www.blogger.com/

(Si quieren acceder desde aqui mismo pulsando el enlace anterior, pueden mantener presionada la tecla Ctrl mientras dan clic en la dirección, para abrir la página en otra pestaña y que no se cierre esta página del curso.)


Una vez cargada la página de Blogger, dar clic en Comenzar.

• Completar el formulario que aparece a continuación con nuestra dirección de correo electrónico de Gmail (completa) y la contraseña creados. Donde dice Mostrar nombre, les recomiendo que usen sus nombres, para reconocernos. En caso de utilizar otro, luego tendremos que pasarlo a los compañeros cuando llegue el momento de compartir nuestros Blogs.
• En Verificación de la palabra debemos escribir las letras tal como aparecen. Clic enContinuar.
• La próxima ventana es muy importante. Aquí van a poder elegir el Título para su Blog y la dirección web para el mismo. La dirección que elijan, deberán Comprobar la disponibilidad, para ver si ya no ha sido utilizada.

Luego de digitar la palabra de verificación dar clic en Continuar.

• El próximo paso será para elegir una plantilla. Es decir el diseño que tendrá nuestro Blog. En este caso, elijan SENCILLO, pero no se preocupen mucho porque mas adelante podrán modificarlo a gusto.

Clic en Continuar

• Cuando aparezca la siguiente página, habremos creado nuestro Blog.
• Podremos entonces publicar nuestro primer artículo por decirlo así o personalizar la apariencia del blog, cosa que veremos en detalle en la próxima lección.

Para los alumnos: 

• el próximo paso que les pido es que me dejen como comentario EN ESTA ENTRADA, ladirección web del blog que han creado. 
• De esta manera podré ir viendo sus avances y si tienen dudas podré saber de qué se trata mirando sus trabajos.
• Y YO PODRE CREAR UNA LISTA DE SUS BLOGS EN MI BLOG