Hola. Pueden llamarme FACO. ¶ Soy Académico Adjunto en la Pontificia Universidad Católica de Chile (desde el 2010) y en la Universidad de Chile (desde el 2014) ¶ Tengo un título profesional de Diseñador Gráfico (UCH) y un Magíster en Filosofía (UAH), además de Diplomados en Filosofía, en Estética y Filosofía, en Diseño de Interacción y Physical Computing, en Docencia Universitaria, y en Métodos Mixtos de Investigación Social ¶ Hoy me sumo a colaborar en este Diplomado en infografía.

En nuestro módulo acotaremos la infografía digital a aquellas que se muestran en un navegador web. Para hacer estas infografías es necesario trabajar con HTML, CSS y JavaScript, lenguajes con los que se responde a cada navegador web algunas preguntas.

1ro. ¿Qué es lo que contiene esta página web?

Esto se responde con HTML (HyperText Markup Language).

HTML es un lenguaje estándar que describe la estructura de las páginas web. HTML5 es la versión más reciente de este lenguaje.

El bloque constructivo más básico del HTML es el elemento. Cada elemento es, generalmente, <etiqueta>contenido</etiqueta>

Así, por ejemplo, un encabezado (heading) de primer nivel (1) se describe como <h1>el texto del título</h1>

2do. ¿Cómo muestro lo contenido por esta página?

Esto se responde con CSS (Cascading Style Sheets)

CSS es un lenguaje estándar que describe la presentación de las páginas web. CSS3 es la versión más reciente de este lenguaje.

El bloque constructivo más básico del CSS es la regla. Cada regla es, generalmente: selector{propiedad:valor;}

Así, por ejemplo, puedo definir que el encabezado de primer nivel sea rojo h1{color:red;}

3ro. ¿Qué puede hacer esta página web con su contenido?

Esto se responde con JavaScript.

JavaScript es un lenguaje de programación que controla el comportamiento de las páginas web.

Con JavaScript se pueden escribir secuencias de instrucciones con las que una computadora realizará una tarea determinada.

Así, por ejemplo, puedo indicar que al hacer click en este botón se muestre una alerta.

CSS y JavaScript pueden incrustarse en un HTML

En un único documento .html se pueden incrustar los lenguajes .css y .js, entre etiquetas de HTML que los anuncien.

CSS y JavaScript pueden vincularse a un HTML

Uno o varios documentos .html pueden vincularse a un mismo documento .css y también a un mismo documento .js