Matt baila, Lalo lo dice

Dos videos pegados en el blog para demostrar que lo puedo hacer.
El primer video es una joya de Lalo Mir. Sin palabras, brillante resúmen, ojalá dure en youtube... Se puede embeber también desde la página de t n pero es muy malo el sistema, queda chico, y lo que es peor, empieza a reproducirse automáticamente, un desastre. Esperemos que lo mejoren...

Sobre el segundo video me gustaría reflexionar un poco más abajo...



Este video es una muestra de lo bizarro que se mueve el mundo de los contenidos libres. Este tipo Matt es un pavo que baila como pavo en los lugares del mundo que se te puedan ocurrir y sus videos fueron vistos por millones de seguidores. De hecho, convoca desde su sitio a que se unan en su "cruzada" y bailen junto a él.
Lo sorprendente de este nuevo tipo de producto cultural desterritorializado, es la ausencia de un "mensaje" explícito. No se entiende fácilmente qué es lo que seduce... a mi me parece que tiene que ver con el efecto liberador de "hacer el ridículo". Si alguien no lo experimentó, se lo recomiendo.


Where the Hell is Matt? (2008) de Matthew Harding en Vimeo.

¿Es posible que se trate de una nueva forma de comunicación que permiten estos soportes abiertos?...¿Qué opinan?

No aprendas HTML, guía básica para comunicadores (1ra. parte)

Antes que nada, debo agradecer los comentarios del artículo anterior. Entre ellos, aparecieron varias sugerencias de tutoriales y referencias de HTML que por suerte me eximen de tener que ser exhaustivo en las explicaciones... El profesor De la Torre aporta el vínculo a "algunos apuntes sobre HTML" (en 1, 2, 3, 4 partes) y Antonella sugiere este tutorial y este otro (el que está en Taringa) que es muy recomendable y se aproxima bastante la intención de estos posteos, a saber, una introducción para entender "por arriba" el código y dejarle la profundidad a los especialistas (P+D).
Firme con mi postura: ¡Comunicador no te mates con el HTML! que no vale la pena... En cambio, temas como usabilidad, accesibilidad, arquitectura de la información y, por supuesto, gestión de contenidos, sí que son cuestiones comunicacionales en las que nuestra competencia es plena. Aquí es donde, programador y diseñador podrán sacar beneficio de nuestra amistad ya que de estos temas, como es lógico, no cazan una. Su formación se los dificulta. En fin, qué equipo! (Ver foto) Es en esto, creo, que debemos fortalecer nuestra experiencia si queremos dedicarnos a la comunicación por internet y, para esto, ciertamente, no es necesaria ni una línea de HTML.
Creo que alguno de estos temas (o todos) forman parte del programa del Seminario para este año y espero ansiosamente que lleguen esas clases. Mientras tanto, volvemos a los garabatos HTML...

Decíamos que una página web es un contenido marcado en HTML que los navegadores muestran a su manera. El que peor lo hace es, paradojicamente, el más popular, Internet Explorer. Aunque, mal que mal, todos muestran algo parecido. (Ayer salió el Firefox 3, a mi parecer el mejor navegador de la historia, y la extensión de delicious también fue extensamente mejorada). La estructura de una página consiste en:

• una declaración de tipo
• cabecera
• cuerpo

La declaración de tipo es básicamente una línea de código que va al principio y que explica al navegador qué tipo de información sigue (html, xml, imagen, etc). No nos interesa profundizar en esto ya que siempre suele ser más o menos igual. Tiene el siguiente aspecto:



En la cabecera también va información técnica de la página como el título y claves para buscadores. Pero lo que importa, o sea el contenido va íntegramente en el cuerpo.
Tanto la cabecera como el cuerpo se delimitan con etiquetas: head para la cabecera y body para el cuerpo. Recuerden que las etiquetas con una barra indican el cierre.



Esto significa que si examinamos el código HTML de una página en algún lugar encontraremos estas etiquetas. Debemos saber que lo que está comprendido por la etiqueta body entonces es el contenido visible de la página o sea, todas las etiquetas que sigan tienen que ver con la presentación de algún elemento en la pantalla.

Las etiquetas para marcar partes de un texto más comunes son:

• h1 --> títular principal
  
• h2 --> título secundario
• h3...h6 --> títulos menores
• p --> párrafos comunes

Hagamos una prueba. En el bloc de notas escribamos el siguiente texto:

<h1>El conflicto del campo me tiene los ... inflados </h1>
<p>No veo la hora de que termine.</p>

Sin cerrar el archivo (para seguir haciendo cambios) lo guardamos con extensión .htm que es la extensión de las páginas web. A continuación lo abrimos el navegador: Archivo > Abrir archivo
Debiéramos ver algo parecido a esto:



En el bloc de notas probemos a agregarle las etiquetas em o strong que vimos anteriormente a alguna palabra y veamos cómo responde en el navegador. Cambiemos las etiquetas h1 por h2, o por p, veamos los cambios. No parece difícil no?

Bueno, no sé a ustedes pero a mi ya se me hizo largo. Una última aclaración por hoy. Estas pruebas que hicimos en el bloc de notas deberíamos haberlas encerrado entre <body> y </body>, pero no es indispensable para hacer pruebas. La próxima aclaramos un poco más.

El resumen de hoy:

• Las páginas web tienen "declaración de tipo", "cabecera" y "cuerpo"
• Todo el contenido va en el cuerpo (body)
• Las etiquetas h1, h2, h3, h4, h5 y h6 sirven para marcar títulos de distinto tamaño (o mejor dicho de distinta importancia. Es el navegador el que decide que la importancia se traduce en tamaño... ¿los navegadores piensan como las (algunas) mujeres?)
• La etiqueta p marca los párrafos comunes.
• Podemos tipear código HTML en el bloc de notas y probarlo en el navegador.
• El Firefox3 es una masa, el Internet Explorer es un garrón (de esto saben mucho los diseñadores y programadores).

Nuevamente aclaro que son bienvenidas las preguntas, esto parece chino al principio pero es bastante fácil, sobre todo si hacemos algunas pruebas y vemos los resultados.
Por último quería decir que me agrada ver que, a pesar de que tengo una postura que difiere un poco con la visión de la cátedra, Aníbal haya recomendado mi post. No obstante, el título de "ayudante alumno" que me endilga me queda grande, me quedo con "alumno". No digo lo mismo de "ilegal" que sí me cae simpático y es bienvenido. La intención es solamente compartir algo de lo que sé, y que se basa en algo de experiencia que he juntado por ahí.
Espero poder publicar la continuación pronto... aunque estoy con mucho trabajo. En mi caso, este posteo funciona como una autocrítica ya que yo hago (pretendo hacer) todo el trabajo junto (C+D+P=G). Y, créanme, soy una prueba fehaciente de que esto no es posible, ni productivo. Dice el dicho, "haz lo que yo digo..."
Hasta la próxima.

No aprendas HTML, guía básica para comunicadores (Introducción)

¿Es necesario que un comunicador aprenda HTML? Nooo!
Un comunicador que quiera desenvolverse en internet como su medio principal necesita hacerse amigo de un diseñador web y quizás también de un programador (es probable que el diseñador ya sea amigo de un programador). Dicho sea de paso, ambos, diseñador y programador, necesitan hacerse amigos de un comunicador, aunque es muy probable que aún no lo sepan...

Estos tres amigos/as son el equipo perfecto para un proyecto web, cada cual con competencias en extremo complejas, difícilmente acumulables en una sóla persona, necesariamente complementarias. Mi primera sugerencia es no aprendan HTML, asóciense con alguien que sepa. Sólo un rudimento de HTML que nos permita leer "por arriba" el código producido por nuestros socios es una condición más o menos necesaria.
El otro día me pareció ver caras de desconcierto en la clase dónde se mencionó algo de HTML y, la verdad, es comprensible. Incluso a mí, que tengo un buen grado de conocimiento en el tema me resultaba dificultoso desentrañar el código que se veía en la exposición. Por este motivo es que me pareció que podría ser útil compartir algo de lo mucho o poco que he aprendido en todos estos años de haber trabajado en diseño web. Vamos a ver cómo resulta, si les interesa sigo adelante... La idea es tirar un par de pistas para que podamos entender-intuir un poco del código HTML sin necesidad de vender el alma al diablo. Hay mejores motivos para hacerlo...
Sin más aclaraciones pues, empecemos:

El HTML es una forma de "marcar" un contenido web. En principio vamos a suponer que se trata de texto, ya veremos que se puede marcar mucho más que esto. ¿Qué significa marcar un texto? Simplemente indicar por ejemplo cuál es el título, que palabras queremos resaltar, qué porción de texto es una cita, etc. Esto a un nivel abstracto, también se puede marcar, como en el Word, texto en negrita o en itálica, subrayado, etc.
¿Cómo marcamos un texto? Con lo que se denomina etiquetas HTML, o simplemente etiquetas o tags que es lo mismo pero en inglés. Una aclaración: el lenguaje del HTML es y será inglés así que el que tenga conocimiento en la materia corre con ventaja, el que no deberá usar más su memoria pero, ya verán, no es difícil. Veamos un ejemplo, supongamos que quiero marcar en HTML el siguiente texto:

"Puedo resistir cualquier cosa excepto la tentación". Oscar Wilde

Necesitaré valerme de un par etiquetas. Una para indicar la cursiva en la palabra "excepto" y otra para indicar la negrita en "Oscar Wilde". Estas etiquetas son <em> para las cursivas y <strong> para la negrita. Debemos colocarlas al principio y al final del sector que queremos modificar. El texto marcado quedaría así:

"Puedo resistir cualquier cosa <em>excepto</em> la tentación". <strong>Oscar Wilde</strong>

Vemos que "excepto" esta precedida por <em> y seguida por </em>. Lo mismo para Oscar Wilde con <strong>. Cuando colocamos una barra en la etiqueta estamos indicando que hasta ahí llega la acción de esa etiqueta, en la jerga se dice que cerramos la etiqueta. Por lo tanto </em> y </strong> son marcas que indican que allí finaliza el efecto aplicado.

Cómo ya se hace muy largo, por hoy dejamos sólo esto. Más adelante iremos un poco más rápido. Hasta ahora vimos que:

• El HTML es un lenguaje de marcado por medio de etiquetas
• las etiquetas se encierran entre <>.
  
• em y strong son dos etiquetas que se utilizan para marcar cursivas y negritas respectivamente.
  
• para cerrar el efecto de una etiqueta se agrega una barra (/)
• los comunicadores no nacieron para esto...

En la próxima entrega veremos para qué cuernos se usa el HTML, haremos algunas pruebas y agregaremos más etiquetas.
Cualquier pregunta es bienvenida, si la ponen en comentarios puede servirle a otro... En la columna de la izquierda puse una encuestita acerca de este post para poder mejorar en el futuro. Estaría buenísimo, digo ya que llegaste leyendo hasta acá que le claves una respuesta.
Salute!