Cabos sueltos

Buenas, esta semana vamos a incorporar un par de elementos muy simples y útiles, algunos largamente pedidos por ustedes, para hacer más bonitos sus blogs.

Especificamente me refiero a la opción de abreviar lo que se ve de sus posteos en la portada del blog utilizando el conocido "Leer más". El instructivo del caso, con dos métodos (recomendados ampliamente el primero).

El otro punto es, como ya funciona en este mismo blog, agregar una barra de navegación a partir de las etiquetas que fueron cargando en sus posteos. Aquí no hay tutorial, sin embargo podemos explicarlo brevemente con algunas pocas instrucciones, veamos si se entiende:

Vayan a la pestaña "Diseño" de su blog --> Allí, "Añadir un gagdet" entre la cabecera y el resto del blog --> Elegir gadget de "Etiquetas" --> Configurar (elegir que etiquetas mostrar), guardar y listo.

Anoten las dudas, vemos todo paso a paso en la clase.

Redes Sociales. La evolución

También vamos a trabajar con algunas pocas, pero muy útiles, aplicaciones para Twitter y Facebook.

• Dlvr.it, que les permite publicar sus blogs en varias redes sociales a la vez.
• TinyURL.com, que sirve para acortar las URL y economizar caracteres.
• TweetDeck, que es útil para administrar varias cuentas de Twitter al mismo tiempo.

Investiguen y anoten las dudas, lo vemos en clase.

Redes Sociales. Twitter

Comenzamos a trabajar sobre la red social de mayor crecimiento en los últimos meses. La idea, como hicimos antes con Facebook, es que todos sus blogs tengan una cuenta de Twitter.

Para sumarse a la moda tienen que ingresar en su página principal y seguir los pasos que les indica para crear una cuenta. Para los que anden faltos de confianza les dejamos un instructivo.

En clase hablaremos más sobre este fenómeno que, pese a sus infladas estadísticas, es evidentemente una red social muy potente. Con cientos de aplicaciones y un lenguaje propio.

Etapa 2
Vamos a completar lo visto sobre Twitter agregando la cuenta que crearon al blog que están trabajando. Es realmente sencillo, mucho más que con Facebook. Un buen ejemplo de lo joven, fácil y expansiva que es esta red. Aquí el instructivo.

La seguimos en clase, pero si el tema los interesa y no pueden esperar, les dejo un link a un gran blog de tecnologia con la mejor información sobre la red del pajarito.

Redes Sociales. Facebook

A partir de ahora, y por las próximas clases, trabajaremos sobre las redes sociales. En el link, una primera aproximación al concepto, algo antigua es cierto, pero que marca la vigencia que tiene el tema en Internet. Aquí, una lista en constante evolución con algunas de las cientos de redes, más o menos conocidas.

Empezaremos a tratar el tema desde Facebook, probablemente la más conocida de todas las redes. La mayoría de ustedes ya debe tener una cuenta, pero para quién no la tenga, si bien es muy simple hacerlo, acá puede leer un breve tutorial al respecto.

Ya con una cuenta, la misión para esta semana será crear una página en Facebook para sus blogs. Estas son las instrucciones.

Tranquilos, veremos todo paso a paso en clase. Y si hay dudas, lo volveremos a explicar. Recuerden preguntar.

Etapa 2

Bien. Ahora que todos tienen la página de fans de su blog en Facebook vamos a sumarla a su sitio, para tener ambos espacios correctamente relacionados.

Es realmente fácil hacerlo, aquí. Toman los dos códigos y los pegan en una caja de HMTL/JAVA en la columna derecha de su blog.

Para saber un poco más de esta y otras herramientas vean acá.

¿Dudas?, las vemos en clase.

Tablas en HTML

En la próxima clase, intentaremos abordar teórica y prácticamente la confección de tablas en HTML. Como vamos a trabajar con código crudo, lo ideal es arrancar desde los modelos más sencillos. Ya verán que incluso éstos son bastante complejos.

Existe una cantidad inmensa de variables a tomar en cuenta para generar una tabla. Más allá de los distintos tutoriales que pueden encontrar (les dejamos 1,2,3 para que miren si tienen ganas de curiosear), algunas páginas permiten "generar" tablas dedse cero, para no escribir el código completo.


Vamos a utlizar esta herramienta para facilitarnos un poco la tarea.

Header 1
Table Cell	Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell	Table Cell

HTML Tables